// JavaScript Document
function abrir(idul,idcapa){ //abrir las opciones
	if(document.getElementById(idul).style.display=="block"){		//si esta abierto la cerramos
			//alert("abierto");
			document.getElementById(idul).style.display="none";
			document.getElementById(idcapa).style.backgroundImage="url(/wp-content/themes/Lonely_Lemon/images/menucerrado.gif)"//imagen para sustituir por abierto
	}else{
			//alert("cerrado");
			document.getElementById(idul).style.display="block";
			document.getElementById(idcapa).style.backgroundImage="url(/wp-content/themes/Lonely_Lemon/images/menuabierto.gif)"//imagen para sustituir por cerrado
			
	}
}
function inicializarmenu(){
	
	/* 
	- El menu esta hecho para empezar a partir del segundo nivel, pero perfectamente se puede modificar para que exista un solo nivel con solo añadir o modificar un CASE 
	- Todo el menu se inicializa cerrado en la hoja de estilos con el estilo de los <ul> display:none.
	-Se puede cambiar la nomenclatura del menu pero para este se ha utilizado la siguiente:
		+ id de la capa contenida capalear+idioma+(pais ciudad o escuela segun nivel)
		+ id de el <ul>:lear+(nombreidioma)+(pais ciudad o escuela segun nivel) 
		+ id del enlace : idul(lear+(nombreidioma)+(ciudad o nombre del archivo con extension))+ nombreopcioncase(ya sea ciudad o pais o escuela)
		+ ¡¡¡Atencion!!! nunca crear archivos con nombre index.htm siempre poner un nombre que indique la situacion.
		// arrayurl.length=4 Nivel 0
		// arrayurl.length=6 Nivel 2	arrayurl[3]=nivel 0;arrayurl[4]=nivel 1;arrayurl[5]=nivel 2
		// arrayurl.length=7 Nivel 3	arrayurl[3]=nivel 0;arrayurl[4]=nivel 1;arrayurl[5]=nivel 2;arrayurl[6]=nivel 3
	*/
	var url=String(window.location); //obtenemos la URL de la pagina
	var arrayurl = new Array();  //inicializo los arrays que voy a usar
	var arrayciudad = new Array(); 
	arrayurl = url.split('/');		//dividimos la URL y empezamos a contar por el 3=nivel1-4=nivel2-5=nivel3	
	if(arrayurl[3]!="infopack")// comprobamos que no accedemos al formulario
	switch (arrayurl.length){ 			// comprobamos el primer valor de la url en este caso es el idioma		 
		   case 4 :
		   		//nivel principal sin enlace
				arrayciudad= arrayurl[3].split('.');
				if(arrayciudad[1]=="asp")
				{
					idul="lear"+arrayciudad[0];		//obtenemos el id del <ul> del pais, en este caso sera ej:leargerman
					document.getElementById(idul).style.color="blue";//marcamos el texto	en azul	
					document.getElementById(idul).style.textDecoration="underline"; //subrayado del texto
				}
		   break;
		   case 5 :
		   		idul="lear"+arrayurl[3];		//obtenemos el id del <ul> del pais, en este caso sera ej:leargerman
			  	document.getElementById(idul).style.display="block";	//mostramos esta capa del  nivel
				document.getElementById("capa"+idul).style.backgroundImage="url(/wp-content/themes/Lonely_Lemon/images/menuabierto.gif)"; //imagen abierto
				arrayciudad= arrayurl[4].split('.');
				idul="lear"+arrayurl[3]+arrayciudad[0];//obtenemos el nombre de el archivo o ciudad sin la extension	
				document.getElementById(idul).style.color="blue";//marcamos el texto	en azul	
				document.getElementById(idul).style.textDecoration="underline"; //subrayado del texto
		   break;
		   case 6 :		//menu para dos niveles de profundidad
		   		idul="lear"+arrayurl[3];		//obtenemos el id del <ul> del pais, en este caso sera ej:leargerman
			  	document.getElementById(idul).style.display="block";	//mostramos esta capa del  nivel
				document.getElementById("capa"+idul).style.backgroundImage="url(/wp-content/themes/Lonely_Lemon/images/menuabierto.gif)"; //imagen abierto
				idul="lear"+arrayurl[3]+arrayurl[4];			//creamos el siguiente id sera ej:learngermanaustria
				document.getElementById(idul).style.display="block";	//mostramos la capa
				document.getElementById("capa"+idul).style.backgroundImage="url(/wp-content/themes/Lonely_Lemon/images/menuabierto.gif)"; //imagen abierto
				arrayciudad= arrayurl[5].split('.');
				idul="lear"+arrayurl[3]+arrayciudad[0];//obtenemos el nombre de el archivo o ciudad sin la extension	
				document.getElementById(idul).style.color="blue";//marcamos el texto	en azul	
				document.getElementById(idul).style.textDecoration="underline"; //subrayado del texto
				
				 
		   break;
		   case 7 :		//menu para tres niveles de profundidad
		   		idul="lear"+arrayurl[3];			//obtenemos el id del <ul> del pais, en este caso sera learspanish
			  	document.getElementById(idul).style.display="block";	//mostramos esta capa del  nivel
				document.getElementById("capa"+idul).style.backgroundImage="url(/wp-content/themes/Lonely_Lemon/images/menuabierto.gif)"; //imagen abierto
		   		idul="lear"+arrayurl[3]+arrayurl[4];		//cargamos el id del <ul> en este caso learspanishspain
				document.getElementById(idul).style.display="block";	//mostramos esta capa del  nivel
				document.getElementById("capa"+idul).style.backgroundImage="url(/wp-content/themes/Lonely_Lemon/images/menuabierto.gif)"; //imagen abierto
				idul="lear"+arrayurl[3]+arrayurl[5];	//cargamos el id del <ul> en este caso learspanishsalamanca
				document.getElementById(idul).style.display="block";	//mostramos esta capa del  nivel
				document.getElementById("capa"+idul).style.backgroundImage="url(/wp-content/themes/Lonely_Lemon/images/menuabierto.gif)"; //imagen abierto
				arrayciudad= arrayurl[6].split('.');				//obtenemos el nombre del archivo o ciudad sin extension				
				idul="lear"+arrayurl[3]+arrayciudad[0];				 //obtenemos el id del enlace a marcar ej: learspanishescuela						
				document.getElementById(idul).style.color="blue";//marcamos le texto de azul		
				document.getElementById(idul).style.textDecoration="underline"; 	//subrayamos el texto
																
		   break;
	}
	//añadimos los eventos a las capas 
	document.getElementById("capaleargerman").onclick=function(){abrir('leargerman','capaleargerman')};
	document.getElementById("capaleargermanaustria").onclick=function(){abrir('leargermanaustria','capaleargermanaustria')};
	document.getElementById("capalearspanish").onclick=function(){abrir('learspanish','capalearspanish')};
	document.getElementById("capalearfrench").onclick=function(){abrir('learfrench','capalearfrench')};
	document.getElementById("capalearfrenchfrance").onclick=function(){abrir('learfrenchfrance','capalearfrenchfrance')};
	document.getElementById("capalearenglish").onclick=function(){abrir('learenglish','capalearenglish')};
	document.getElementById("capalearenglishusa").onclick=function(){abrir('learenglishusa','capalearenglishusa')};
	document.getElementById("capalearenglishaustralia").onclick=function(){abrir('learenglishaustralia','capalearenglishaustralia')};
	document.getElementById("capalearenglishnewzeland").onclick=function(){abrir('learenglishnewzeland','capalearenglishnewzeland')};
	document.getElementById("capalearenglishireland").onclick=function(){abrir('learenglishireland','capalearenglishireland')};
	document.getElementById("capalearitalian").onclick=function(){abrir('learitalian','capalearitalian')};
	document.getElementById("capalearitalianitaly").onclick=function(){abrir('learitalianitaly','capalearitalianitaly')};
	document.getElementById("capalearrussian").onclick=function(){abrir('learrussian','capalearrussian')};
	document.getElementById("capalearrussianrussia").onclick=function(){abrir('learrussianrussia','capalearrussianrussia')};
	document.getElementById("capalearonline").onclick=function(){abrir('learonline','capalearonline')};
}	

function addEvent(obj, evType, fn) {
	if (obj.addEventListener) {
		obj.addEventListener(evType, fn, false);
		return true;
	} else if (obj.attachEvent) {
		var r = obj.attachEvent('on' + evType, fn);
		return r;
	} else {
		return false;
	}
}

//lanzamos la funcion para inicializar el menu
addEvent(window, 'load', inicializarmenu);