window.addEvent('domready', function() {
	
	var list = $$('#mainnav li');
	
	list.each(function(element) {
		if ($(element).getElement('ul')) {
			
			
			el = $(element).getElement('ul')
			var fx = new Fx.Styles(el, {duration:500, wait:false, transition: Fx.Transitions.Expo.easeOut});
			
			
			el.setStyle('left', -140);
			
		 	el.setStyle('margin-left', 150);
		 	el.setStyle('opacity', 0);
		 	el.setStyle('display', 'none');
			
			
			
			
			
			element.addEvent('mouseenter', function(){
				
				fx.clearChain();
				
				fx.element.setStyle('display', 'block');
				fx.start({'margin-left': 184,'opacity': 1});
			});
		 
			element.addEvent('mouseleave', function(){
				fx.clearChain();
				fx.start({'margin-left': 150,'opacity': 0}).chain(function(){fx.element.setStyle('display', 'none');});
//				fx.start({'margin-left': 150,'opacity': 1});
			});

			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});
				});				
			});			
			
		}	 
	});});