window.addEvent('domready', function() {
	
	var list = $$('#nav li');
	list.each(function(element) {
		if ($(element).getElement('ul')) {
			el = $(element).getElement('ul')
			var fx = new Fx.Styles(el, {duration:200, wait:false, unit:'em', transition: Fx.Transitions.Expo.easeOut});
			
			var lista = $(el).getElements('.e2');
			var counter = 1;
			lista.each(function(element) {counter ++;});
			counter = counter * 1.9;
			
		 	el.setStyle('height', 0);
		 	el.setStyle('display', 'none');
		 	
			element.addEvent('mouseenter', function(){
				fx.clearChain();
				fx.element.setStyle('display', 'block');
				fx.start({'height': counter});
			});
		 
			element.addEvent('mouseleave', function(){
				fx.clearChain();
				fx.start({'height': 0});
			});			
		}	 
	});});