window.addEvent('domready', function(){
									 
		 var myTransition = new Fx.Transition(Fx.Transitions.linear);				 
		 var parents = $$("#navbar .parent");
									 
									 
									 
									 
			parents.each(function(parent) {			
				var fxNavOpacity = new Fx.Tween (parent.getElement('.child'), {transition:Fx.Transitions.linear, duration:300, wait:false});				  
				parent.getElement('.child').setStyle('opacity', '0');
				
				parent.addEvent("mouseenter", function() {
													
					
						parent.getElement('.child').setStyle('z-index', '100');
						parent.getElement('.child').setStyle('display', 'block');
						fxNavOpacity.start('opacity',0,1);
						parent.getElement("a").toggleClass("active");
						
					
				});
				
				
				parent.addEvent("mouseleave", function() {
				
						parent.getElement('.child').setStyle('z-index', '2');
						fxNavOpacity.start('opacity',1,0);
						parent.getElement("a").toggleClass("active");
													
					
				});
			});	
				
									 	
});