// Contains all javascript needed for the navigation at the top of the page

	// attributes that are used for animation
	var attributes = {
	   height: {to:53},
	   opacity: {to: 0}
	 };
	 var attributes2 = {
	   height: {to: 43},
	   opacity: {to: 1}
	 };
	  
	 var attributes7 = {
	   width: {to: 725}
	 };
	 var attributes8 = {
	   width: {to: 0}
	 };
YAHOO.util.Event.onAvailable('navmain',function() {   
         var lightdivs = $(".light").cur;
	 var subdivs = $(".navsub").cur;
	 var animate = function(e) {
	     for(var i=0; i<this.divs.length; i++) {
		if(this.divs[i] != this) {
		   this.divs[i].animLight2.animate();
		   this.divs[i].animSub2.animate();
		}
	     }
	     this.animLight.animate();
	     this.animSub.animate();
	     return false;
	 };
	 
	 var i=0;
	 for(i=0; i<lightdivs.length; i++) {
	   lightdivs[i].animLight = new YAHOO.util.Anim(lightdivs[i], attributes, 1, YAHOO.util.Easing.easeOut);
	   lightdivs[i].animLight2 = new YAHOO.util.Anim(lightdivs[i], attributes2, 1, YAHOO.util.Easing.easeOut);
	   lightdivs[i].animSub = new YAHOO.util.Anim(subdivs[i], attributes7, 2, YAHOO.util.Easing.easeOut);
	   lightdivs[i].animSub2 = new YAHOO.util.Anim(subdivs[i], attributes8, 0, YAHOO.util.Easing.easeOut);
	   lightdivs[i].divs = lightdivs;
	   $(lightdivs[i]).hover(animate,function(){});
	   
	 }
});