// JavaScript Document

function elemMenu(desc, ref) {
	this.desc = desc;
	this.ref = ref;
}

function crearMenu(idMenu, menu) {
	document.write("<table id='" + idMenu + "Menu' width='100px' border='0' cellpadding='4' cellspacing='0' class='tablaMenu' onMouseOver=\"dentroMenus='TRUE'\" onMouseOut=\"autoOcultarMenu()\">");
	for (i = 0; i < menu.length; i++)
		document.write("<tr><td id='" + menu[i].ref + "' onMouseDown=\"document.location=this.id + '.htm'\" onMouseOver=\"this.style.backgroundColor='#777777'; this.style.color='#ffffff';\" onMouseOut=\"this.style.backgroundColor=''; this.style.color='';\">" + menu[i].desc + "</td></tr>");
	document.write("</table>")
}

var menuAbierto = "nada";
var timeoutId = "nada";
var dentroMenus = "FALSE";

function calcularOffsetLeft(v)
{
	x = 0;
	
	while (v.offsetParent)
	{
			x += v.offsetLeft;
			v = v.offsetParent;
	}
	
	return x;
}

function calcularOffsetTop(v)
{
	y = 0;
	
	while (v.offsetParent)
	{
		y += v.offsetTop;
		v = v.offsetParent;
	}
	
	return y;
}

function mostrarMenu(menu)
{
	dentroMenus = "TRUE";
	
	if (menuAbierto != "nada")
		ocultarMenu();
		
	menuAbierto = menu;

	var v = document.getElementById(menuAbierto);

	if (menuAbierto != "hogar")
	{
		var vMenu = document.getElementById(menuAbierto + "Menu");

		vMenu.style.left = calcularOffsetLeft(v) + "px";
		vMenu.style.top = calcularOffsetTop(v) + v.offsetHeight + "px";
		vMenu.style.width = v.offsetWidth + "px";
		vMenu.style.visibility = "visible";
	}
	
	v.style.color = "#000000";
	v.style.borderColor = "#cc0000";
}

function ocultarMenu()
{
	if (menuAbierto != "nada")
	{
		var v = document.getElementById(menuAbierto);
		var vMenu = document.getElementById(menuAbierto + "Menu");
		
		if (menuAbierto != "hogar")
			vMenu.style.visibility="hidden";
		
		v.style.color = "";
		v.style.borderColor = "";
		
		menuAbierto = "nada";
	}
}

function autoOcultarMenu()
{
	dentroMenus = "FALSE";

	if (timeoutId != "nada")
	{
		window.clearTimeout(timeoutId);
		timeoutId = "nada";
	}

	timeoutId = window.setTimeout("if (dentroMenus == 'FALSE') ocultarMenu()", 100, "javascript");
}