/* javascipt con mootools */

var MenuIdDivElem_array = new Array();
var VerticalSlide_array = new Array();

//var munecoVerticalSlide = new Fx.Slide('panel_mensaje_muneco').show();
var hilo = null;

window.addEvent('domready', function() {
	mostrarMenuIdDivElem('menu_izq_arriba');
	
	recopilarMenuIdDivElem('menu_izq_arriba');
	
	anadirEventosToMenuIdDivElem();
	
	mostrarItemMenuSiLocation();
});

function mostrarItemMenuSiLocation( ) {
	
	// Mostrar el item del menu si la url de la página, coincide en algo con el href del item del menu
	var url_actual = ''+document.location;
	
	
	MenuIdDivElem_array.each(function(id_div, index){
		id_a=id_div+'_a'; // enlace de la flecha
		/*
		href=$(id_a).getNext('a').getProperty('href'); // enlace con el menu
		
		if (url_actual.indexOf(href)!=-1) {
			alert(href);
			// desplegar
			desplegarMenuIdDivElem($(id_a), VerticalSlide_array[index] );
			
		}
		*/
		$(id_div).getElements('a').each(function(item, jindex){
			
			var href_hijo = ''+item.getProperty('href');
			
			if ((''+document.location).indexOf(''+item.getProperty('href'))!=-1) {
				//alert(href);
				// desplegar
				desplegarMenuIdDivElem($(id_a), VerticalSlide_array[index] );
				
			}
		});
	});
	return;
}

function mostrarMenuIdDivElem(_id_menu ) {
	// los div tienen la class="oculto", se la quitamos antes de lanzar el Fx.Slide
	$(_id_menu).getElements('a').each(function(element, index){
		if (element.hasClass('a_desplegar')) {
			
			element.getNext('div').removeClass('oculto');
		}
	});
}

function anadirEventosToMenuIdDivElem( ) {
	MenuIdDivElem_array.each(function(id_div, index){
		
		id_a=id_div+'_a'; // añadimos '_a' para el id del <a href..> con la flecha 
		eventoMenuReplegarDesplegar ( $(id_a), VerticalSlide_array[index] );
		
	});
	return;
}

function eventoMenuReplegarDesplegar( element_a, verticalSlide ) {
	element_a.addEvent('click', function(e) {
		e.stop();
		
		hilo = null;
		
		if (element_a.hasClass('replegado')) {
			// desplegar
			element_a.removeClass('replegado');
			element_a.addClass('desplegado');
			//myVerticalSlide.slideIn();
			verticalSlide.slideIn();
			
			// replegar otros menus desplegados
			replegarMenuIdDivElemDesplegados( element_a.getProperty('id') );
			
			// ocultar muneco
			//munecoVerticalSlide.slideOut();
			if ($defined($('panel_mensaje_muneco'))) {
				$('panel_mensaje_muneco').setStyle('display','none');
			}
		} else {
			// replegar
			element_a.removeClass('desplegado');
			element_a.addClass('replegado');
			//myVerticalSlide.slideOut();
			verticalSlide.slideOut();
			
			// ocultar muneco
			//munecoVerticalSlide.slideIn();
			if ($defined($('panel_mensaje_muneco'))) {
				hilo = setTimeout("$('panel_mensaje_muneco').setStyle('display','block');",1000);
			}
			
		}
	});
}

function replegarMenuIdDivElemDesplegados( id_a_desplegado ) {
	MenuIdDivElem_array.each(function(id_div, index){
		id_a=id_div+'_a';
		// replegar
		if (id_a!=id_a_desplegado) {
			replegarMenuIdDivElem( $(id_a), VerticalSlide_array[index] );
		}
	});
	return;
}

function replegarMenuIdDivElem( element_a, verticalSlide ) {
	if (element_a.hasClass('desplegado')) {
		// replegar
		element_a.removeClass('desplegado');
		element_a.addClass('replegado');
		//myVerticalSlide.slideOut();
		verticalSlide.slideOut();
	}
	return;
}

function desplegarMenuIdDivElem( element_a, verticalSlide ) {
	if (element_a.hasClass('replegado')) {
		// desplegar
		element_a.removeClass('replegado');
		element_a.addClass('desplegado');
		verticalSlide.slideIn();
	}
	return;
}

function ocultarDivs( ) {
	MenuIdDivElem_array.each(function(id, index){
		var myVerticalSlide = new Fx.Slide(id).hide();
	});
	return;
}

function recopilarMenuIdDivElem(_id_menu ) {
	
	//var url_actual = ''+document.location;
	//var debug = '';
	$(_id_menu).getElements('a').each(function(element, index){
		if (element.hasClass('a_desplegar')) {
			// recopilamos los ids de los divs
			id_div = element.getNext('div').getProperty('id');
			MenuIdDivElem_array.include(id_div);
			
			// primero lo ocultamos
			//VerticalSlide_array.include(new Fx.Slide(id_div).hide());
			
			var href_hijo = element.getNext('a').getProperty('href');
			if ((''+document.location).indexOf(''+href_hijo)!=-1) {
				// mostrar
				VerticalSlide_array.include(new Fx.Slide(id_div).slideIn());
				element.removeClass('replegado');
				element.addClass('desplegado');
			} else {
				// ocultar
				VerticalSlide_array.include(new Fx.Slide(id_div).hide());
			}
			
			/*
			// SI ES LA URL ACTUAL slideIn()
			var href_hijo = element.getNext('a').getProperty('href');
			if ((''+document.location).indexOf(''+href_hijo)!=-1) {
				alert('SI ES LA URL ACTUAL ###'+href_hijo);
				//desplegarMenuIdDivElem(element, VerticalSlide_array[index]);
				// desplegar
				element.removeClass('replegado');
				element.addClass('desplegado');
				//myVerticalSlide.slideIn();
				VerticalSlide_array[index].slideIn();
				//verticalSlide.slideIn();
			}
			*/
		}
	});
	/*
	MenuIdDivElem_array.each(function(element, index){
		debug = debug + element;
	});
	alert(debug);
	*/
	return;
}