MENU = {
	lanzaSuperClick : function (e){
		e.stopPropagation(); // Stop event bubbling

		if (this.visibilidad) {
			$(this).each(MENU.pliega);
		}
		else {
			$(this).each(MENU.despliega);
		}
	},
	inicio : function () {
		/* Plegar todos los elementos */
		/* Y asignarle el evento */
		$("#alojamenu li span")
			.addClass('plegado')
			.each(function(i){
				$(this).siblings().hide();
				//alert (this);
				this.visibilidad = false;
			})
			.click(MENU.lanzaSuperClick).end();

		/* Desplegar el hilo en el que nos encontramos */
		$("#alojamenu .activo").each(MENU.descubreHilo).end();
	},
	descubreHilo : function () {
		this.visibilidad = true;

		/* Al propio nodo lo marcamos como activo */
		/* mostramos los ul que son antecesores */
		/* los títulos (li>span) los marcamos como activos y desplegados */
		$(this)
			.addClass('activo')
			.parents()
				.filter("ul")
				.show()
				.end()
			.filter("li")
				.find(">span")
					.addClass('activo')
					.removeClass('plegado')
					.addClass('desplegado');
	},
	pliega : function() {
		$(this)
			.removeClass('desplegado')
			.addClass('plegado')
			//.find('..>ul').hide('normal');
			.siblings().hide('normal');
		this.visibilidad = false;
	},
	despliega : function() {
		$(this)
			.removeClass('plegado')
			.addClass('desplegado')
			//.find('..>ul').show('normal');
			.siblings().show('normal');
		this.visibilidad = true;
	}
};


$(document).ready(MENU.inicio);
//$(document).ready(function(){
//	MENU.inicio(idItemMenuSeleccionado);
//});