// JavaScript Document

var x_cargandoLoLast = false;
var x_cargando = false;
var x_menu_lolast_activo = false;
var x_menu_activo = "";
var x_submenu_activo = "";
var x_height_menu_activo = "";
var x_height_submenu_activo = "";
var x_obj_menu;
var x_obj_submenu;
var x_obj_trabajo = "";
var x_nHeightHang = 0;
var x_porlacuenta = "";


// funcion recursiva que va mostrando/ocultando el menú decelerando
function Slide(sObj, valor)
{
	
	var obj = document.getElementById(sObj);
	
	//obj.style.display = "block";
	//obj.style.overflow = "hidden";
	
	var nHeight = String(obj.offsetHeight);
	
	//var nHeight = parseInt(obj.style.height);
	
	nHeight = parseInt(nHeight) + ((parseInt(valor) - parseInt(nHeight)) / 5);
	
	//DebugPrint(valor + "," + nHeight);
	
	// cambia el height del objeto con respecto a la deceleración
	//obj.style.height = String(nHeight + "px");
	obj.style.height = nHeight.toString() + "px";
	
	// si la diferencia es menor de 5 px con respecto al valor final
	// pone directamente el valor final
	if ((Math.abs(parseInt(valor) - parseInt(nHeight)) < 6) || (x_nHeightHang == parseInt(nHeight)))
	{
		//DebugPrint("entro al final del slide");
		obj.style.height = valor.toString() + "px";
		//Debug("termina Slide");
		x_cargando = false;
		x_cargandoLoLast = false;
	  
	} else {
		x_nHeightHang = nHeight;
		setTimeout("Slide('" + sObj + "','" +  valor + "')", 50);
	}
}
	
function ClicMenuLoLast(obj)
{
	if (x_cargandoLoLast)
	{
		setTimeout("ClicMenuLoLast(" + obj + ")",100);
	}
	else
	{
		if (x_menu_lolast_activo == false)
		{
			//marcamos el menu actual con una linea
			obj.style.textDecoration = 'line-through';
			
			//guardamos el objeto seleccionado en la variable global
			var sTempHeight = String(document.getElementById("lista_lolast").offsetHeight);
			
			//DebugPrint("sTempHeight del menu: " + sTempHeight);
			
			document.getElementById("lista_lolast").style.height = '0';
			document.getElementById("lista_lolast").style.position = 'relative';
			document.getElementById("lista_lolast").style.visibility = 'visible';
			
			x_cargandoLoLast = true;
			
			Slide("lista_lolast",sTempHeight);
			
			x_menu_lolast_activo = true;
		} else {
			obj.style.textDecoration = "";
			
			//ocultamos el menu
			document.getElementById("lista_lolast").style.position = "absolute";
			document.getElementById("lista_lolast").style.visibility = "hidden";
			
			x_menu_lolast_activo = false;
		}
	}
}

/*
function ClicTrabajoLoLast(sFondo,sMenu,sSubMenu,sSeccion,sTrabajo,estado)
{
	
	if (estado == "")
	{
		CambiaFondo(sFondo);
		ClicMenu(document.getElementById("a_" + sMenu),sMenu,'');
	}

	if (x_cargando && (estado == "cont_1_step" || estado == ""))
	{
		setTimeout("ClicTrabajoLoLast('" + sFondo + "','" + sMenu + "','" + sSubMenu + "','" + sSeccion + "','" + sTrabajo + "','cont_1_step')",100);
	}
	
	if (x_cargando == false && estado == "cont_1_step")
	{

		ClicMenu(document.getElementById("a_" + sSubMenu),sMenu,sSubMenu);
		ClicTrabajo(document.getElementById("a_" + sSubMenu),sSeccion);
		
		ClicTrabajo(document.getElementById(sTrabajo),sTrabajo);
		
		//document.location = document.getElementById(sTrabajo).href;
	}
}
*/

function ClicMenu(obj, sMenu, sSubMenu)
{
	//Debug("función [ClicMenu] {sMenu:" + sMenu + ", sSubMenu:" + sSubMenu + "}");
	//si venimos del menu 'por la cuenta que te trae
	if (x_porlacuenta != "")
	{
		//Debug("if (x_porlacuenta != '')");
		document.getElementById(x_porlacuenta).style.display = "none";
		document.getElementById(x_porlacuenta).style.visibility = "hidden";
		
		x_porlacuenta = "";
	}

	//si está cargando un menu
	if (x_cargando)
	{
		//Debug("if (x_cargando) setTimeout[ClicMenu]");
		setTimeout("ClicMenu(" + obj + ",'" + sMenu + "','" + sSubMenu + "')",100);
	}
	else
	{
		//Debug("if (!x_cargando)");
		//si el menu ya está abierto
		if (obj.style.textDecoration == 'line-through')
		{
			//Debug("<br>este menu ya esta abierto<br>");
			//obj.style.textDecoration = '';
			
		//si el menu no está abierto
		} else {
			
			//Debug("este menu NO ya esta abierto");

			//ocultamos submenu actual 
			if (x_submenu_activo != "" && x_submenu_activo != sSubMenu)
			{
				//Debug("<br>si hay un submenu abierto, lo cerramos<br>");
				//Debug("x_submenu_activo: " + x_submenu_activo);
				//Debug("x_height_submenu_activo: " + x_height_submenu_activo);

				//le quitamos el subrayado al menu anterior
				x_obj_submenu.style.textDecoration = "";
				
				//x_cargando = true;

				//Slide(x_submenu_activo,0);
				
				//ocultamos el submenu
				document.getElementById(x_submenu_activo).style.position = "absolute";
				document.getElementById(x_submenu_activo).style.visibility = "hidden";

				//ponemos el menu en su posicion inicial
				//DebugPrint("x_height_menu_activo: " + x_height_menu_activo);
				//DebugPrint("x_height_submenu_activo: " + x_height_submenu_activo);
				//nTempHeight = parseInt(x_height_menu_activo) - parseInt(x_height_submenu_activo);
				nTempHeight = parseInt(x_height_menu_activo);
				document.getElementById(x_menu_activo).style.height = nTempHeight.toString() + "px";

				//vaciamos las variables globales
				x_submenu_activo = "";
				x_height_submenu_activo = "";
				
			}
	
			if (x_menu_activo != "" && x_menu_activo != sMenu)
			{

				//Debug("<br>si hay un menu abierto, lo cerramos<br>");
				//Debug("x_menu_activo: " + x_menu_activo);
				//Debug("x_height_menu_activo: " + x_height_menu_activo);
				
				//le quitamos el subrayado al menu anterior
				x_obj_menu.style.textDecoration = "";
				
				//x_cargando = true;

				//Slide(x_menu_activo,0);

				//ocultamos el menu
				document.getElementById(x_menu_activo).style.position = "absolute";
				document.getElementById(x_menu_activo).style.visibility = "hidden";
				
				//vaciamos las variables globales
				x_menu_activo = "";
				x_height_menu_activo = "";

			//si hay un menu principal marcado, pero no tiene submenus
			//lo desmarcamos
			} else if (x_menu_activo == "" && x_obj_menu != null) {
	
				//le quitamos el subrayado al menu anterior
				x_obj_menu.style.textDecoration = "";
			
			}
			
			//mostramos el menu desplegable
			//¿es un submenu
			if (sSubMenu != "")
			{

				//Debug("<br>abrimos el submenu<br>");
				//Debug("sSubMenu: " + sSubMenu);

				//marcamos el menu actual con una linea
				obj.style.textDecoration = 'line-through';
				
				//guardamos el objeto seleccionado en la variable global
				x_obj_submenu = obj;
				
				var sTempHeight = String(document.getElementById(sSubMenu).offsetHeight);
				
				//Debug("sTempHeight del submenu: " + sTempHeight);
				
				document.getElementById(sSubMenu).style.height = '0';
				document.getElementById(sSubMenu).style.position = 'relative';
				document.getElementById(sSubMenu).style.visibility = 'visible';

				//añadimos a su menu principal el height del submenu que vamos a abrir
				nTempHeight = parseInt(x_height_menu_activo) + parseInt(sTempHeight);
				document.getElementById(x_menu_activo).style.height = nTempHeight.toString() + "px";

				x_cargando = true;

				Slide(sSubMenu,sTempHeight);
	
				x_submenu_activo = sSubMenu;
				x_height_submenu_activo = sTempHeight;

				//Debug("x_submenu_activo: " + x_submenu_activo);

			//es un menu
			} else if (sMenu != ""){
	
				//Debug("<br>abrimos el menu<br>");
				//Debug("sMenu: " + sMenu );

				//marcamos el menu actual con una linea
				obj.style.textDecoration = 'line-through';
				
				//guardamos el objeto seleccionado en la variable global
				x_obj_menu = obj;
	
				var sTempHeight = String(document.getElementById(sMenu).offsetHeight);
				
				//Debug("sTempHeight del menu: " + sTempHeight);
				
				document.getElementById(sMenu).style.height = '0';
				document.getElementById(sMenu).style.position = 'relative';
				document.getElementById(sMenu).style.visibility = 'visible';
				
				x_cargando = true;

				Slide(sMenu,sTempHeight);

				x_menu_activo = sMenu;
				x_height_menu_activo = sTempHeight;

				//Debug("x_menu_activo: " + x_menu_activo);
				//Debug("x_height_submenu_activo: " + x_height_submenu_activo);

			} else {
			
				//marcamos el menu actual con una linea
				obj.style.textDecoration = 'line-through';
				
				//guardamos el objeto seleccionado en la variable global
				x_obj_menu = obj;
			}
		}
	}
}

function ClicTrabajo(obj,sTrabajo)
{
	//si ya tenemos un trabajo señalado, lo dejamos normal
	/*
	if (x_obj_trabajo != "")
	{
		DebugPrint("x_obj_trabajo: " + x_obj_trabajo);
		document.getElementById(x_obj_trabajo).className = "";
	}
	*/
	
	//marcamos el trabajo actual
	obj.className = "trabajo_activo";
	x_obj_trabajo = sTrabajo;
	
	if (x_porlacuenta != "" && x_porlacuenta != sTrabajo)
	{
		document.getElementById(x_porlacuenta).style.display = "none";
		document.getElementById(x_porlacuenta).style.visibility = "hidden";
		
		x_porlacuenta = "";
	}

	if (sTrabajo == "bomo" || sTrabajo == "nos_encontraras" || sTrabajo == "enlaces_01" || sTrabajo == "enlaces_02")
	{
		document.getElementById(sTrabajo).style.display = "inline";
		document.getElementById(sTrabajo).style.visibility = "visible";

		x_porlacuenta = sTrabajo;

	}
}

function CambiaFondo(sClase)
{
	var nResolution = parseInt(screen.width);
	
	if (nResolution < 1152)
		sClase = sClase + "_1024";
	else if (nResolution < 1280)
		sClase = sClase + "_1152";
	else if (nResolution < 1600)
		sClase = sClase + "_1280";
	else
		sClase = sClase + "_1600";
		
	document.body.className = sClase;
}

function Debug(sText)
{
	document.getElementById("debug").innerHTML += sText + "<br />";
}