window.addEvent('domready', function(){
			// RESET CSS STYLE DISPLAY TO AUTO FOR ULs
		var uls = $$('#head li ul');
			uls.each(function(element,i) { element.style.display="block"; element.set('opacity', 0);  });
			
			// ADD EFFECT TO NAVIGATION
			var list = $$('#head li.topn');   
			var secondlevel = $$('#head li li'); 
			
			list.each(function(element) {
				showMenu(element); 
				secondlevel.each(function(element){
    		  showMenu(element);
    		});     
			}); 
			
		 
			
});

function showMenu(element){
  var subnav = element.getElementsByTagName('ul');

	if(subnav.length>0){
	  element.addEvent('mouseenter', function(){
	  	var mysubnav = element.getElementsByTagName('ul');
	  	var myFx = new Fx.Tween(mysubnav[0], {duration: 300});
	  	
	  	myFx.start('opacity', 0,1);
	  	$(element).addClass("over");
	  });
	  element.addEvent('mouseleave', function(){ 
	  	var mysubnav2 = element.getElementsByTagName('ul');
	  	var myFx2 = new Fx.Tween(mysubnav2[0], {duration: 300});
	  
	  	myFx2.start('opacity', 1,0);
	  	$(element).removeClass("over");
	  });
  }else{
  	element.addEvent('mouseenter', function(){				 
  	 	$(element).addClass("over");
  	});
  	element.addEvent('mouseleave', function(){ 
  		$(element).removeClass("over");
  	});
  }
}