var OPCIONSELECCIONADA = '0';
var OPCIONSEGUNDONIVELSELECCIONADA = '0_1';
var URL_IMAGENES = "images/menu/";

// Método que se ejecuta cuando el cursor entra en una de las opciones del menú
function entrarOpcionMenu(opcion)
{
    if(opcion != OPCIONSELECCIONADA)
    {
        var enlace = document.getElementById('enlace'+opcion);
	enlace.className = 'enlaceIconoPulsado';
    }
}

// Método que se ejecuta cuando el cursor entra en una de las opciones del menú
// de segundo nivel
function entrarOpcionMenuNivel2(opcion)
{
    if(opcion != OPCIONSEGUNDONIVELSELECCIONADA)
    {
        var enlace = document.getElementById('enlace'+opcion);
	enlace.className = 'enlaceSubmenuPulsado';
    }
}

// Método que se ejecuta cuando el cursor sale de una de las opciones del menú
function salirOpcionMenu(opcion)
{
  if(opcion != OPCIONSELECCIONADA)
  {
    var enlace = document.getElementById('enlace'+opcion);
    enlace.className = 'enlaceIcono';
  }
}

// Método que se ejecuta cuando el cursor sale en una de las opciones del menú
// de segundo nivel
function salirOpcionMenuNivel2(opcion)
{
    if(opcion != OPCIONSEGUNDONIVELSELECCIONADA)
    {
      var enlace = document.getElementById('enlace'+opcion);
      enlace.className = 'enlaceSubmenu';
    }
}

// Método que se ejecuta cuando se pulsa encima de una opción de menú
function pulsarOpcionMenu(opcion, opcionNivel2, paginaDestino)
{
    fijarOpcionMenu(opcion);
    if(opcionNivel2 != "-1")
    {
      fijarOpcionMenuNivel2(opcionNivel2);
    }
    // Si la opción de nivel 2 es -1, hay que ver si hay algún elemento
    // de nivel 2 seleccionado. En ese caso hay que desmarcarlo
    else if(OPCIONSEGUNDONIVELSELECCIONADA != -1)
    {
      var enlace = document.getElementById('enlace'+OPCIONSEGUNDONIVELSELECCIONADA);
      enlace.className = 'enlaceSubmenu';
      OPCIONSEGUNDONIVELSELECCIONADA = -1;
    }

    // Se envía la petición
    var formulario = document.getElementById('formulario');
    formulario.action = paginaDestino;
    formulario.target = "iframeCentral";
    formulario.submit();
}

// Método que fija la opción
function fijarOpcionMenu(opcion)
{
    // Solo tiene sentido hacerlo si las opciones de nivel 1 son diferentes
    if(opcion != OPCIONSELECCIONADA)
    {
      // Antes de perder la OPCIONSELECCIONADA, se desmarca
      if(OPCIONSELECCIONADA != -1)
      {
        var enlace = document.getElementById('enlace'+OPCIONSELECCIONADA);
        enlace.className = 'enlaceIcono';
        var tdIzq = document.getElementById('td'+opcion+'Izq');
        var tdCentro = document.getElementById('td'+opcion+'Centro');
        var tdDrcho = document.getElementById('td'+opcion+'Drcho');
        tdIzq.style.backgroundImage = "url(" + URL_IMAGENES + "icono1_bordeIzq.gif)";
        tdCentro.style.backgroundImage = "url(" + URL_IMAGENES + "icono1_centro.gif)";
        tdDrcho.style.backgroundImage = "url(" + URL_IMAGENES + "icono1_bordeDrcho.gif)";
        // En este punto, siempre hay que cambiar el submenu de la opción seleccionada
        var submenu = document.getElementById("fila"+OPCIONSELECCIONADA);
        submenu.className = "filaNoVisible";
      }
      // Ahora se pone el estilo a la nueva opción pulsada
      var enlaceNuevo = document.getElementById("enlace"+opcion);
      enlaceNuevo.className = "enlaceIconoPulsado";
      var tdIzq = document.getElementById('td'+OPCIONSELECCIONADA+'Izq');
      var tdCentro = document.getElementById('td'+OPCIONSELECCIONADA+'Centro');
      var tdDrcho = document.getElementById('td'+OPCIONSELECCIONADA+'Drcho');

      tdIzq.style.backgroundImage = "url(" + URL_IMAGENES + "icono2_bordeIzq.gif)";
      tdCentro.style.backgroundImage = "url(" + URL_IMAGENES + "icono2_centro.gif)";
      tdDrcho.style.backgroundImage = "url(" + URL_IMAGENES + "icono2_bordeDrcho.gif)";
      // Se cambia el submenu de la opción seleccionada
      var submenu = document.getElementById("fila"+opcion);
      submenu.className = "filaVisible";
      // Se actualiza la opción seleccionada
      OPCIONSELECCIONADA = opcion;
    }
}

// Método que fija la opción de segundo nivel
function fijarOpcionMenuNivel2(opcion)
{
    // Antes de perder la OPCIONSEGUNDONIVELSELECCIONADA, se desmarca
    if(OPCIONSEGUNDONIVELSELECCIONADA != -1)
    {
      var enlace = document.getElementById('enlace'+OPCIONSEGUNDONIVELSELECCIONADA);
      enlace.className = 'enlaceSubmenu';
    }
    // Ahora se pone el estilo a la nueva opción pulsada
    var enlaceNuevo = document.getElementById('enlace'+opcion);
    enlaceNuevo.className = 'enlaceSubmenuPulsado';

    // Se actualiza la opción seleccionada
    OPCIONSEGUNDONIVELSELECCIONADA = opcion;
}

function compruebaMenu(idSala)
{
  fijarOpcionMenu(0);
  fijarOpcionMenuNivel2("0_"+idSala);
}