window.addEvent('domready', function() {
	
	var list = $$('#navigation li');
	
	list.each(function(element) {
		
		/*
		var fx1 = new Fx.Styles(element, {duration:400, wait:false, transition: Fx.Transitions.Expo.easeOut});
		element.setStyle('opacity', 0.7);
		element.addEvent('mouseenter', function(){
			fx1.start({'opacity': 1});
		});
		element.addEvent('mouseleave', function(){
			fx1.start({'opacity': 0.7});
		});
		*/
		
		if ($(element).getElement('ul')) {
			
			
			el = $(element).getElement('ul')
			var fx = new Fx.Styles(el, {duration:400, wait:false, transition: Fx.Transitions.Expo.easeOut});
			
			
		//	el.setStyle('left', 0);
		 //	el.setStyle('margin-left', -34);
			el.setStyle('opacity', 0);
		 //	el.setStyle('display', 'none');
		 	
			element.addEvent('mouseenter', function(){
				fx.clearChain();
			//	fx.element.setStyle('display', 'block');
				fx.element.setStyle('left', 'auto');
				fx.start({'opacity': 1});
			});
		 
			element.addEvent('mouseleave', function(){
				fx.clearChain();
			//	fx.element.setStyle('left', '-999em');
				fx.start({'opacity': 0}).chain(function(){fx.element.setStyle('left', '-999em');});
			//	fx.start({'opacity': 0});
			});

			var lista = $(el).getElements('li');
			lista.each(function(element) {
			 	element.setStyle('opacity', 0.9);
				var lifx = new Fx.Styles(element, {duration:500, wait:false, transition: Fx.Transitions.Expo.easeOut});
				
				element.addEvent('mouseenter', function(){
					lifx.start({'opacity': 1});
				});
				element.addEvent('mouseleave', function(){
					lifx.start({'opacity': 0.8});
				});				
			});			
			
		}	 
	});});