window.addEvent('domready', function() {

	var list = $$('div#menu ul li');

	list.each(function(element) {
		if ($(element).getElement('ul')) {


			el = $(element).getElement('ul')
			var fx = new Fx.Styles(el, {duration:300, wait:false, transition: Fx.Transitions.Quad.easeOut});


		 	el.setStyle('margin-left', 0);
            el.setStyle('margin-top', -20);
		 	el.setStyle('opacity', 0);
		 	el.setStyle('display', 'none');

			element.addEvent('mouseenter', function(){
				fx.clearChain();
				fx.element.setStyle('display', 'block');
				fx.start({'margin-top': 0,'opacity': 1});
			});

			element.addEvent('mouseleave', function(){
				fx.clearChain();
				fx.start({'margin-top': -20,'opacity': 0}).chain(function(){fx.element.setStyle('display', 'none');});
			});

			var lista = $(el).getElements('li');
			lista.each(function(element) {
			 	element.setStyle('opacity', 0.8);
				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});
				});
			});

		}
	});

});