window.addEvent('domready', function() {
	
	$$('.midNav').each(function(element){
		var obj = element.getElement('ul');
		if(obj){
			switch(obj.id){
			case 'bleachList':
				var goHeight = 78;
				break;
			default:
				var goHeight = 70;
			}
			var midNavAnimation = new Fx.Styles(obj, {duration:500,wait:false}).set({'opacity': 0, 'height': 0});
			obj.style.display = '';		
			element.addEvent('mouseenter', function(e){
				e = new Event(e);
				if(navigator.userAgent.indexOf("MSIE") != -1 && navigator.userAgent.indexOf("MSIE 8.0") == -1){
					var goMarg = -goHeight;
				}else{
					var goMarg = -(goHeight+30);
				}
				midNavAnimation.start({'opacity': 1, 'height': goHeight});//, 'margin-top': margStart
				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);
				midNavAnimation.start({'opacity': 0, 'height': 0});//, 'margin-top': margStart
				element.removeClass("midRolled");
				if(element.className.indexOf('active') == -1){
					element.getElement('a').style.color = '#000000';
				}
				e.stop();
			});	
		}
   	});
});