window.addEvent('domready', function(){
									 
		 var myTransition = new Fx.Transition(Fx.Transitions.linear);				 
		 var parents = $$("#nav .parent");
									 
									 
									 
									 
			parents.each(function(parent) {			
				
				
				
				parent.getElement('.subnav').setStyle('opacity', '0');
				var goSlide = new Fx.Tween (parent.getElement('.subnav'), {transition:Fx.Transitions.linear, duration:300, wait:false}); 
				
				
				parent.addEvent("mouseenter", function() {
													   
				
						parent.getElement('.subnav').setStyle('visibility', 'visible');
						parent.getElement('.subnav').setStyle('z-index', '100');
						goSlide.start('opacity',0,0.9);
						parent.getElement("a").toggleClass("active");
						
					
				});
				
				
				parent.addEvent("mouseleave", function() {
				
						parent.getElement('.subnav').setStyle('overflow', 'hidden');
						parent.getElement('.subnav').setStyle('z-index', '2');
						goSlide.start('opacity',0.9,0);
						parent.getElement("a").toggleClass("active");
													
					
				});
			});	
				
									 	
}); 
