window.addEvent('domready', function() {
	
	$$('.midNav').each(function(element){
		var obj = element.getElement('ul');
		if(obj){
			var midNavAnimation = new Fx.Styles(obj, {duration:500,wait:false}).set({'opacity': 0});
			obj.style.display = '';		
			element.addEvent('mouseenter', function(e){
				e = new Event(e);
				midNavAnimation.start({'opacity': 1});//, 'margin-top': margStart
				element.addClass("midRolled");
				if(element.className.indexOf('active') == -1){
					element.getElement('a').style.color = '#fff';
				}			
				hideAds()
				e.stop();
			});
			element.addEvent('mouseleave', function(e){
				e = new Event(e);
				midNavAnimation.start({'opacity': 0});//, 'margin-top': margStart
				element.removeClass("midRolled");
				if(element.className.indexOf('active') == -1){
					element.getElement('a').style.color = '#000000';
				}
				showAds();
				e.stop();
			});	
		}else{	
			element.addEvent('mouseenter', function(e){
				e = new Event(e);				
				element.addClass("midRolled");
				//if(element.className.indexOf('active') == -1){
					element.getElement('a').style.color = '#fff';
				//}					
				e.stop();
			});
			element.addEvent('mouseleave', function(e){
				e = new Event(e);
				element.removeClass("midRolled");
				//if(element.className.indexOf('active') == -1){
					element.getElement('a').style.color = '#000000';
				//}			
				e.stop();
			});	
		}
   	});
});