window.addEvent('domready', function() {
	
	// Función para desplegar opción del menú
	function desplegar(el) {			
		el.store('desplegado', true);
		if (el != $('comercial')) {
			replegar($('comercial'));
		} else {
			el.getChildren(".mcMenu").set('tween', { 'duration' : 50 });		
		}
		el.getChildren(".mcMenu").set('tween', {'onComplete': null });																		
			el.set('morph', {'onComplete': function(el) {
				el.getChildren(".mcMenu").fade('in');	
				if (el == $('comercial')) {
					$('textoComercial').fade('in');
				} else if (el == $('industrial')) {
					$('textoIndustrial').fade('in');
				} else if (el == $('decoracion')) {
					$('textoDecoracion').fade('in');
				} else if (el == $('oficinas')) {
					$('textoOficinas').fade('in');
				}
			}
		});							 
		el.morph(".desplegado");												
		el.getChildren(".mcMenu").set('tween', { 'duration' : 100 });		
	};
	
	// Desplegar opción del menú
	function replegar(el) {						
	
		el.store('desplegado', false);	// lo damos por replegado
		
		// Si es el menú Comercial
		if (el == $('comercial')) {
			// Si NO hay otro desplegado
			if (!$$(".menuComercial .mcMenu").some(function(el) {									
				return el.getParent('a').retrieve('desplegado');										   
						})) {
				el.store('desplegado', true);	// lo mantenemos desplegado
				return;							// y salimos
			} 
		}
		
		el.set('morph', {'onComplete': null});										
		var mcMenu = el.getChildren(".mcMenu");
		mcMenu.set('tween', {
				'onComplete': function(el) {
				// Al completar el repliegue
				el.getParent('a').set('morph', {'onComplete' : function(el) {			
						// Si no hay ningún elemento desplegado							
						if (!$$(".menuComercial .mcMenu").some(function(el) {									
								return el.getParent('a').retrieve('desplegado');										   
							})) desplegar($('comercial')); 							
					}
				});
				el.getParent('a').morph(".replegado");															  							
			}
		});
		mcMenu.fade('out');
		if (el == $('comercial')) {
			$('textoComercial').fade('out');
		} else if (el == $('industrial')) {
			$('textoIndustrial').fade('out');
		} else if (el == $('decoracion')) {
			$('textoDecoracion').fade('out');
		} else if (el == $('oficinas')) {
			$('textoOficinas').fade('out');
		}
	}

	// Mantenemos ocultas todas las opciones de menú por defecto
	$$(".menuComercial a .mcMenu").each(function(el) {
		el.fade('hide');	
		el.setStyle('display', 'block');
	});
	
	// Recorremos opciones de menú
	$$(".menuComercial a").each(function(e) {
		e.store('desplegado', false);
		e.set('morph', {'duration': '100'});
		e.getChildren(".mcMenu").set('tween', {'duration': '100' });
		e.addEvent("mouseover", desplegar.pass(e));		
		e.addEvent("mouseout", replegar.pass(e));
	});
	
	$$('.texto').fade('hide');
	$$('.texto').setStyle('display', 'block');
	$('textoComercial').fade('show');
	
	// Mantenemos desplegado opción Comercial, por defecto
	$('mcComercial').fade('show');
	$('comercial').addClass('desplegado');
	$('comercial').store('desplegado', true);
	
	$('comercial').setProperty('href', 'javascript:void(0);');
});