// JavaScript Document

var nombre, cursor, url, modo, layer;

function show_layer(l1, l2, c1, c2, b)
{
	var capa = document.getElementById(l1);
	capa.style.backgroundColor = c1; 
	capa.style.color = c2; 
	if (l2 != '')
	{
		l = document.getElementById(l2);
		if (b == "sí")
		{
			var left = capa.style.left;
			left = parseInt(left.substr(0, left.length-2));
			l.style.left = (left+capa.clientWidth)+"px";
			l.style.top = capa.style.top;
		}
		l.style.visibility = "visible";
	}
	if (document.forms.length > 0)
	{
		for (i=0; i<document.forms[0].all.length; i++)
			if (document.forms[0].all[i].type =="select-one")
				document.forms[0].all[i].style.visibility = "hidden";
	}
}

function hide_layer(l1, l2, c1, c2)
{
	var capa = document.getElementById(l1);
	capa.style.backgroundColor = c1; 
	capa.style.color = c2; 
	if (l2 != '')
		document.getElementById(l2).style.visibility = "hidden";
	if (document.forms.length > 0)
	{
		for (i=0; i<document.forms[0].all.length; i++)
			if (document.forms[0].all[i].type =="select-one")
				document.forms[0].all[i].style.visibility = "visible";
	}
}

function abre_ventana(a, w)
{
	window.open(a, w)
}

function extrae(menu, i)
{
	var menu;
	p = menu[i].indexOf("|");
	if (p == -1)
		c = menu[i];
	else
		c = menu[i].substr(0, p);
	menu[i] = menu[i].substr(p+1, menu[i].length-p-1);
	/*if ($i == 1)
		echo $menu[$i]." fin ";*/
	return c;
}
	
function averigua_detalles(menu, i, name)
{
	nombre = "&nbsp;&nbsp;" + extrae(menu, i) + "&nbsp;&nbsp;";
	contador = extrae(menu, i);
	if (contador == 0)
	{
		cursor = "pointer";
		u = extrae(menu, i);
		if (u.substr(0, 4) == "http")
			url = u;
		else
			url = "http://www.educa.madrid.org/web/ies.infantaelena.galapagar/" + u;
		modo = extrae(menu, i);
		if (modo == "s")
			modo = "_self";
		else
			modo = "_blank";
		layer = "";
	}
	else
	{
		cursor = "default";
		url = "";
		layer = name + "h";
	}
	return contador;
}
	
function check_left()
{
	for (i=0;i<document.all.length;i++)
	{
		c = document.all[i];
		if (c.style.posLeft > 0)
		{
			name=c.id
			it=name.charAt(name.length-1);
			if (it=="h")
			{
				name = name.substr(0, name.length-1);
				p = document.getElementById(name);
				c.style.posLeft = p.style.posLeft+p.clientWidth;
			}
		}
	}
}

function crea_capas(i, name, contador, menu, bg_color1, text_color1, bg_color2, text_color2, text_size, b)
{
	document.write("onMouseOver=\"show_layer('" + name + "', '" + layer + "', '" + bg_color2 + "', '" + text_color2 + "', '" + b + "')\" "
			  		+ "onMouseOut=\"hide_layer('" + name + "', '" + layer + "', '" + bg_color1 + "', '" + text_color1 + "')\"");

	if (url != "")
		document.write(" onclick=\"abre_ventana('" + url + "', '" + modo + "')\">" + nombre);
	else
    {
		document.write(">" + nombre);
		height = (contador*20) + "px";
		document.write("<div id=" + layer + " style=\"position:absolute; height:" + height + "; left:0px; top:20px; visibility:hidden; "
					   +"z-index:1;\">");
		document.write("<table align=center border=1 cellspacing=2 bgcolor=" + bg_color1 + " style=\"font-size:" + text_size + "pt\">");
		for (var j=0; j<contador; j++)
		{
			name = name + j;
			cont = averigua_detalles(menu, i, name);
			document.write("<tr><td nowrap><div id=" + name + " style=\"position:relative; height:20px; left:0px; top:0px; color:" 
						   + text_color1 + "; cursor:" + cursor + "; text-align:left; padding:3px\"");
			crea_capas(i, name, cont, menu, bg_color1, text_color1, bg_color2, text_color2, text_size, "sí");
			document.write("</div></td></tr>");
		}
		document.write("</table></div>");
	}
}

function create_menu(menu, bg_color1, text_color1, bg_color2, text_color2, text_size)
{
	 for (i=0; i<menu.length; i++)
    {
		var name = "Layer" + i;
		var contador = averigua_detalles(menu, i, name);
		document.write("<td nowrap><div id=" + name + " style=\"position:relative; height:20px; left:0px; text-align:center; "
					   + "z-index:1; cursor:" + cursor + ";\" ");  
		crea_capas(i, name, contador, menu, bg_color1, text_color1, bg_color2, text_color2, text_size, "no");
		document.write("</div></td>");
	}
}

/*function create_menu(menu, bg_color1, text_color1, bg_color2, text_color2, text_size)
{
	for (i=0; i<menu.length; i++)
    {
		var name = "Layer" + i;
		var contador = averigua_detalles(menu, i, name);
		document.write("<td nowrap><div id=" + name + " style=\"position:relative; height:20px; left:0px; " 
			  + "text-align:center; z-index:1; cursor:" + cursor + ";\" "  
			  + "onMouseOver=\"show_layer('" + name + "', '" + layer + "', '" + bg_color2 + "', '" + text_color2 + "', 'no')\" "
			  + "onMouseOut=\"hide_layer('" + name + "', '" + layer + "', '" + bg_color1 + "', '" + text_color1 + "')\"");
		if (url != "")
			document.write(" onclick=\"abre_ventana('" + url + "', '" + modo + "')\">" + nombre);
		else
	    {
			document.write(">" + nombre);
			height = (contador*20) + "px";
			document.write("<div id=" + layer + " style=\"position:absolute; height:" + height + "; left:0px; top:20px; visibility:hidden; z-index:1;\">");
			document.write("<table align=center border=1 cellspacing=2 bgcolor=" + bg_color1 + " style=\"font-size:" + text_size + "pt\">");
			for (j=0; j<contador; j++)
			{
				name = name + j;
				cont = averigua_detalles(menu, i, name);
				document.write("<tr><td nowrap><div id=" + name + " style=\"position:relative; height:20px; left:0px; top:0px; color:" + text_color1 + "; cursor:" + cursor + "; text-align:left; padding:3px\"");
				if (url != "")
					document.write(" onMouseOver=\"show_layer('" + name + "', '', '" + bg_color2 + "', '" + text_color2 + "', 'sí')\" onMouseOut=\"hide_layer('" + name + "', '', '" + bg_color1 + "', '" + text_color1 + "')\" onClick=\"abre_ventana('" + url + "', '" + modo + "')\">" + nombre);
				else
				{
					layer = name + "h";
					document.write(" onMouseOver=\"show_layer('" + name + "', '" + layer + "', '" + bg_color2 + "', '" + text_color2 + "', 'sí')\" onMouseOut=\"hide_layer('" + name + "', '" + layer + "', '" + bg_color1 + "', '" + text_color1 + "')\">" + nombre);
					name = name + "h";
					height = (cont*20) + "px";
					document.write("<div id=" + layer + " style=\"position:absolute; height:" + height + "; left:115px; top:0px; visibility:hidden; z-index:1;\">");
					document.write ("<table align=center border=1 cellspacing=2 bgcolor=" + bg_color1 + " style=\"font-size:" + text_size + "pt\">");
					for (k=0; k<cont; k++)
					{
						name = name + k;
						cont2 = averigua_detalles(menu, i, name);
						document.write("<tr><td nowrap><div id=" + name + " style=\"position:relative; height:20px; left:0px; top:0px; color:" + text_color1 + "; cursor:" + cursor + "; text-align:left; padding:3px\"");
						if (url != "")
							document.write(" onMouseOver=\"show_layer('" + name + "', '', '" + bg_color2 + "', '" + text_color2 + "', 'sí')\" onMouseOut=\"hide_layer('" + name + "', '', '" + bg_color1 + "', '" + text_color1 + "')\" onClick=\"abre_ventana('" + url + "', '" + modo + "')\">" + nombre);
						else
						{
							layer = name + "h";
							document.write(" onMouseOver=\"show_layer('" + name + "', '" + layer + "', '" + bg_color2 + "', '" + text_color2 + "', 'sí')\" onMouseOut=\"hide_layer('" + name + "', '" + layer + "', '" + bg_color1 + "', '" + text_color1 + "')\">" + nombre);
							name = name + "h";
							height = (cont2*20) + "px";
							document.write("<div id=" + layer + " style=\"position:absolute; height:" + height + "; left:115px; top:0px; visibility:hidden; z-index:1;\">");
							document.write ("<table align=center border=1 cellspacing=2 bgcolor=" + bg_color1 + " style=\"font-size:" + text_size + "pt\">");
							for (l=0; l<cont2; l++)
							{
								name = name + l;
								cont3 = averigua_detalles(menu, i, name);
								document.write ("<tr><td nowrap><div id=" + name + " style=\"position:relative; height:15px; left:0px; top:0px; color:" + text_color1 + "; text-align:left; padding:3px; cursor:pointer;\" onMouseOver=\"show_layer('" + name + "', '', '" + bg_color2 + "', '" + text_color2 + "', 'sí')\" onMouseOut=\"hide_layer('" + name + "', '', '" + bg_color1 + "', '" + text_color1 + "')\" onClick=\"abre_ventana('" + url + "', '" + modo + "')\">" + nombre);
								document.write("</div></td></tr>");
							}
							document.write("</table>");
							document.write("</div>");
						}
						document.write("</div></td></tr>");
					}
					document.write("</table>");
					document.write("</div>");
				}
				document.write("</div></td></tr>");
			}
			document.write("</table>");
			document.write("</div>");
		}
		document.write("</div></td>");
	}
	
}*/