var arrMenus = new Array();
var intTiempoMenu = 400;
var objTimer = 0;
var objMenuPadre = 0;
var strColorOver = '#C48F14';
var strColorOut = '#FDB515';

// Camiones
var c_strColorOver = "#B40000";
var c_strColorOut = "#F40000";

function Menu()
{
  this.strNombreMenu = "";
  this.strDireccionEnlace = "";
  this.bolPadre = false;
  this.arrSubMenu = new Array(); 
}

function Opcion(strTituloEnlace, strParametroEnlace)
{
  this.strTituloEnlace = strTituloEnlace;
  this.strParametroEnlace = strParametroEnlace;
}

function MostrarMenu(objAncla, objSubMenu)
{
  clearTimeout(objTimer);
  //alert(objMenuPadre.id + " " + objSubMenu.id);
	//window.status = objMenuPadre.id + " " + objSubMenu.id;
	
	objSubMenu.style.top = EncontrarTop(objAncla);
  objSubMenu.style.left = EncontrarLeft(objAncla) + Ancho(objAncla);
  QuitarMenu();
  MostrarCapa(objMenuPadre, true, '');

  MostrarCapa(objSubMenu, true, '');
  
  arrMenus[arrMenus.length] = objSubMenu;
	if (document.getElementById('idSelect1') != null){
	document.getElementById('idSelect1').style.visibility = "hidden";
	document.getElementById('idSelect2').style.visibility = "hidden";
	document.getElementById('idSelect3').style.visibility = "hidden";
	document.getElementById('idSelect4').style.visibility = "hidden";
	}
}

/*function MostrarPadres()
{
  var intIndice;

  for(intIndice=0; intIndice<arrMenuPadre.length; intIndice++)
  {
    MostrarCapa(arrMenuPadre[intIndice], true, '');
  }  
}*/

function OcultarMenu(objSubMenu)
{  
  objTimer = setTimeout("QuitarMenu()", intTiempoMenu);
	if (document.getElementById('idSelect1') != null){
	document.getElementById('idSelect1').style.visibility = "visible";
	document.getElementById('idSelect2').style.visibility = "visible";
	document.getElementById('idSelect3').style.visibility = "visible";
	document.getElementById('idSelect4').style.visibility = "visible";
	}
}

function MantenerMenu()
{
  clearTimeout(objTimer);
}

function QuitarMenu()
{
  var intIndice;

  for(intIndice=0; intIndice<arrMenus.length; intIndice++)
  {
    MostrarCapa(arrMenus[intIndice], false, '');
  }
  delete(arrMenus);
}

function EscribirMenu()
{
  var intIndice, intIndiceOpciones, strCodigoMenus = "", strMostrarMenu, strEnlaceMenu;

  for(intIndice=0; intIndice<arrObjetosMenu.length; intIndice++)
  {   
    if(arrObjetosMenu[intIndice].bolPadre == true)
    {
      strMostrarMenu = "objMenuPadre = this;";
    }
    else
    {
      strMostrarMenu = ""
    }

    strCodigoMenus += '<div id="obj' + String(arrObjetosMenu[intIndice].strNombreMenu).replace(" ", "") + '"  style="z-index:20" class="menu" onMouseOver="' + strMostrarMenu + 'MantenerMenu();" onMouseOut="OcultarMenu(this)">\n';
    strCodigoMenus += '  <table border="0" class="tabla" cellpadding="0" cellspacing="0">\n';

    if(arrObjetosMenu[intIndice].arrSubMenu.length > 0)
    {
      for(intIndiceOpciones=0; intIndiceOpciones<arrObjetosMenu[intIndice].arrSubMenu.length; intIndiceOpciones++)
      {        
        if(arrObjetosMenu[intIndice].bolPadre == true)
        {
          strMostrarMenu = 'MostrarMenu(this, document.getElementById(\'obj' + String(arrObjetosMenu[intIndice].arrSubMenu[intIndiceOpciones].strTituloEnlace).replace(" ", "") + '\'));'; // fix
        }
        else
        {
          strMostrarMenu = ""
        }
        
        strEnlaceMenu = "";

        /** Si la opción del menú tiene una dirección de enlace esta se contruye
            Además se le agrega el parámetro del enlace si lo tiene
        */
        if(arrObjetosMenu[intIndice].strDireccionEnlace != "")
        {
          //strEnlaceMenu = '<a href="' + arrObjetosMenu[intIndice].strDireccionEnlace + arrObjetosMenu[intIndice].arrSubMenu[intIndiceOpciones].strParametroEnlace + '">';
          //strEnlaceMenu += arrObjetosMenu[intIndice].arrSubMenu[intIndiceOpciones].strTituloEnlace + '</a>';

          strEnlaceMenu = "    <td class=\"enlace\" onClick='document.location=\"" + arrObjetosMenu[intIndice].strDireccionEnlace + arrObjetosMenu[intIndice].arrSubMenu[intIndiceOpciones].strParametroEnlace + "\"\'>";
          strEnlaceMenu += arrObjetosMenu[intIndice].arrSubMenu[intIndiceOpciones].strTituloEnlace + '</td>';
        }
        else
        {
          //strEnlaceMenu = arrObjetosMenu[intIndice].arrSubMenu[intIndiceOpciones].strTituloEnlace;
          strEnlaceMenu = "      <td>" + arrObjetosMenu[intIndice].arrSubMenu[intIndiceOpciones].strTituloEnlace + "</td>";
        }

        strCodigoMenus += '    <tr class="fila" onMouseOver="OcultarSelect();style.backgroundColor=strColorOver;' + strMostrarMenu + '" onMouseOut="style.backgroundColor=strColorOut">\n';
        //strCodigoMenus += '      <td>' + strEnlaceMenu + '</td>\n'
        strCodigoMenus += '      ' + strEnlaceMenu + '\n'
        strCodigoMenus += '    </tr>\n'
        
        strCodigoMenus += '    <tr>\n'
        strCodigoMenus += '      <td class="separador"></td>\n'
        strCodigoMenus += '    </tr>\n'
      }
    }
    
    strCodigoMenus += '  </table>\n';
    strCodigoMenus += '</div>\n';
  }
  //alert(strCodigoMenus);
  document.getElementById('objCodigoMenus').innerHTML = strCodigoMenus;
  //document.getElementById('txtCodigoHtml').innerHTML = strCodigoMenus;
  
  // Camiones
  document.getElementById("idMenuCamiones").innerHTML = CrearMenuCamiones();
}
function OcultarSelect()
{
	if (document.getElementById('idSelect1') != null){
	document.getElementById('idSelect1').style.visibility = "hidden";
	document.getElementById('idSelect2').style.visibility = "hidden";
	document.getElementById('idSelect3').style.visibility = "hidden";
	document.getElementById('idSelect4').style.visibility = "hidden";
	}
}

function MostrarMenuCamiones() {
  MostrarCapa(document.getElementById('idMenuCamiones'), true, '');
}

function OcultarMenuCamiones() {
  MostrarCapa(document.getElementById('idMenuCamiones'), false, 'none');
}