var metro = {
	inicializaMenu: function() {
		$$('#menuPrincipal a').each(
			function(a) {
				if(!$(a.parentNode).hasClass('activo') && a.parentNode.id != 'inicio') {
					a.efecto = a.effect('backgroundColor', { duration: 200, 'wait': false });
					a.addEvent('mouseenter', metro.over);
					a.addEvent('mouseleave', metro.out);

					if(a.parentNode.parentNode.id !='menuPrincipal'){
						a.style.backgroundColor = a.inicial = "#c2c4c5";
					} else {
						a.style.backgroundColor = a.inicial = "#d7d9da";
					}

					if(a.parentNode.parentNode.id !='menuPrincipal'){
						a.style.borderTop = "1px solid #9f9f9f";
					}
				}
			}
		);

		$$('#menuPrincipal ul').each(
			function(ul, i) {
				if(!ul.parentNode.hasClass('activo')) {
					ul.style.height = 0;
				}

				ul.style.overflow = 'hidden';

        	    var a = $(ul.parentNode).getFirst();
				a.href = 'javascript: void(0)';

				a.addEvent('click', 
					function() {
						var ul = $(this).getNext();
						ul.efecto = ul.effect('height', { wait: false, duration: 1000, transition: Fx.Transitions.Bounce.easeOut });

						var altura = ul.getFirst().offsetHeight * ul.getChildren().length;

				    	var contenido = $('contenido');

						if(!ul.moviendo) {
							ul.moviendo = true;
							if(parseInt(ul.style.height) == 0) {
								ul.efecto.start(0, altura);
								$('contenido').efecto.start(parseInt(contenido.style.height) + altura).chain(function() { ul.moviendo = false });
							} else {
								ul.efecto.start(0);
								$('contenido').efecto.start(parseInt(contenido.style.height) - altura).chain(function() { ul.moviendo = false });
							}
						}

						return false;
					}
				);
			}
		);

    	var contenido = $('contenido');
		contenido.style.height = Math.max($('menu').offsetHeight, contenido.offsetHeight) + 15 + 'px';
		contenido.efecto = contenido.effect('height', { wait: false, duration: 1000 });
	
	}, 
	
	over: function() {
		this.efecto.start("#aaabac");
	},
	
	out: function() {
		this.efecto.start(this.inicial);
	}
}

window.addEvent ('domready', 
	function (){
		if(window.gecko) {
     		$$('body')[0].style.overflow = 'scroll';
		}
	}
)

window.addEvent('load', metro.inicializaMenu);