function MenuItem(name, url)
{
  this.name = name;
  this.url = url;
  this.menuitem = new Array();
  this.size = size_MenuItem;
}

function size_MenuItem()
{
  return this.menuitem.length;
}

function init()
{
  var target = top.frmPage.document.getElementById("page");
  var source = top.frmHidden.document.getElementById("page");
  target.innerHTML = source.innerHTML;
  slide();
}

function initMenu()
{
  // Carga el menú principal
  var menuList = top.frmMenu.document.getElementById("menuList");
  var content = "<table id='menuList' border='0' height='100%' width='100%' border='0' cellpadding='0' cellspacing='0'>";
  var i;
  for (i = 0; i < menu.size(); i++)
  {
    content += "<tr><td width='20'>&nbsp;</td>";
    content += "<td id='menuitem" + i + "' class='menuitem' onclick='javascript:menuClickedEvent(" + i + ");' background='img/boton.off." + i + ".jpg'><img id='menuitem_led_" + i + "' src='img/led.off.gif' height='35' width='25'></img></td>";
  }
  content += "<tr><td colspan='3' height='20' style='background : url(\"img/bg.menu.foot.top.jpg\") no-repeat'>&nbsp;</td></tr>";
  content += "<tr><td colspan='3' style='background : url(\"img/bg.menu.foot.middle.jpg\") repeat-y'>&nbsp;</td></tr>";
  content += "<tr><td colspan='3' height='20' style='background : url(\"img/bg.menu.foot.bottom.jpg\") no-repeat'>&nbsp;</td></tr>";
  content += "</table>";
  menuList.outerHTML = content;

  // Muestra la página por defecto (no muestra nada si no se ha definido).
  if (menu.menuitem[0].url != "")
  {
    openPage(menu.menuitem[0].url);
  }
  else
  {
    openPage("about:blank");
  }
}

function initFooter()
{
}

function menuClickedEvent(index)
{
  // Carga el menú seleccionado
  var submenuList = top.frmSubmenu.document.getElementById("submenuList");
  var content = "<table id='submenuList' border='0' cellpadding='0' cellspacing='0'><tr>";
  var i;
  for (i = 0; i < menu.menuitem[index].size(); i++)
  {
    content += "<td class='submenu' onclick='javascript:submenuClickedEvent(" + index + "," + i + ");'>" + menu.menuitem[index].menuitem[i].name + "</td>";
  }
  content += "</tr></table>";
  submenuList.outerHTML = content;

  if (menuActivo > -1)
  {
    top.frmMenu.document.getElementById("menuitem_led_" + menuActivo).src = "img/led.off.gif";    
    top.frmMenu.document.getElementById("menuitem" + menuActivo).style.backgroundImage = "url('img/boton.off." + menuActivo + ".jpg')";
  }
  menuActivo = index;

  top.frmMenu.document.getElementById("menuitem" + menuActivo).style.backgroundImage = "url('img/boton.on." + menuActivo + ".jpg')";
  top.frmMenu.document.getElementById("menuitem_led_" + menuActivo).src = "img/led.on.gif";

  if (menu.menuitem[index].url != "")
  {
    openPage(menu.menuitem[index].url);
  }
}

function submenuClickedEvent(index, subindex)
{
  // Carga el menú seleccionado
  var submenuList = top.frmSubmenu.document.getElementById("submenuList");
  var content = "<table id='submenuList' border='0' cellpadding='0' cellspacing='0'><tr>";
  var i;
  for (i = 0; i < menu.menuitem[index].menuitem[subindex].size(); i++)
  {
    content += "<td class='submenu' onclick='javascript:openPage(\"" + menu.menuitem[index].menuitem[subindex].menuitem[i].url + "\");'>" + menu.menuitem[index].menuitem[subindex].menuitem[i].name + "</td>";
  }
  content += "<td class='submenu' onclick='javascript:menuClickedEvent(" + index + ");'>Regresar</td>";
  content += "</tr></table>";
  submenuList.outerHTML = content;

  if (menu.menuitem[index].menuitem[subindex].url != "")
  {
    openPage(menu.menuitem[index].menuitem[subindex].url);
  }
}

function slide()
{
  if (bgindex >= 6)
  {
    bgindex = 0;
  }
  else
  {
    bgindex++;
  }
  var target = top.frmPage.document.body.style.backgroundImage = "url('img/bg.content." + bgindex + ".jpg')";

  // Tiempo de espera entre el cambio de imágenes de fondo
  setTimeout(slide, 8000);
}

function openPage(url)
{
  // Carga el url asociado al submenú
  //top.frmHidden.navigate(url);
  top.frmHidden.location = url;
}


/*
 * Variables Globales
 */
// Menú actual
var menuActivo = -1;

// Fondo actual
var bgindex = 0;

// Estructura del menú
var menu = new MenuItem("root", "");

// Botón 0 : Introducción
menu.menuitem[0] = new MenuItem("Introducci&oacute;n", "portada.intro.html");

// Botón 1 : Objetivos
menu.menuitem[1] = new MenuItem("Objetivos", "portada.objetivos.html");

// Botón 2 : Competencias y Eventos
menu.menuitem[2] = new MenuItem("Competencias y Eventos", "portada.competencias.html");
menu.menuitem[2].menuitem[0] = new MenuItem("Seguidores de L&iacute;nea - Colegios", "autonomos.intro1.html");
menu.menuitem[2].menuitem[0].menuitem[0] = new MenuItem("Introducci&oacute;n", "autonomos.intro1.html");
menu.menuitem[2].menuitem[0].menuitem[1] = new MenuItem("Zona de Competencia", "autonomos.zona.html");
menu.menuitem[2].menuitem[0].menuitem[2] = new MenuItem("Requisitos de los robots", "autonomos.requisitos.html");
menu.menuitem[2].menuitem[0].menuitem[3] = new MenuItem("Competencia", "autonomos.competencia.html" );
menu.menuitem[2].menuitem[0].menuitem[4] = new MenuItem("Premiaci&oacute;n", "autonomos.premiacion.html");
menu.menuitem[2].menuitem[0].menuitem[5] = new MenuItem("Sugerencias", "autonomos.sugerencias.html");

menu.menuitem[2].menuitem[1] = new MenuItem("Seguidores de L&iacute;nea - Libre", "autonomos.intro2.html");
menu.menuitem[2].menuitem[1].menuitem[0] = new MenuItem("Introducci&oacute;n", "autonomos.intro2.html");
menu.menuitem[2].menuitem[1].menuitem[1] = new MenuItem("Zona de Competencia", "autonomos.zona2.html");
menu.menuitem[2].menuitem[1].menuitem[2] = new MenuItem("Requisitos de los robots", "autonomos.requisitos.html");
menu.menuitem[2].menuitem[1].menuitem[3] = new MenuItem("Competencia", "autonomos.competencia.html" );
menu.menuitem[2].menuitem[1].menuitem[4] = new MenuItem("Premiaci&oacute;n", "autonomos.premiacion.html");
menu.menuitem[2].menuitem[1].menuitem[5] = new MenuItem("Sugerencias", "autonomos.sugerencias.html");

menu.menuitem[2].menuitem[2] = new MenuItem("Batalla de Robots", "batalla.intro.html");
menu.menuitem[2].menuitem[2].menuitem[0] = new MenuItem("Introducci&oacute;n", "batalla.intro.html");
menu.menuitem[2].menuitem[2].menuitem[1] = new MenuItem("Zona de Competencia", "batalla.zona.html");
menu.menuitem[2].menuitem[2].menuitem[2] = new MenuItem("Requisitos de los robots", "batalla.requisitos.html");
menu.menuitem[2].menuitem[2].menuitem[3] = new MenuItem("Competencia", "batalla.competencia.html");
menu.menuitem[2].menuitem[2].menuitem[4] = new MenuItem("Premiaci&oacute;n", "batalla.premiacion.html");
menu.menuitem[2].menuitem[2].menuitem[5] = new MenuItem("Sugerencias", "batalla.sugerencias.html");

menu.menuitem[2].menuitem[3] = new MenuItem("Batalla de Sumos", "sumos.intro.html");
menu.menuitem[2].menuitem[3].menuitem[0] = new MenuItem("Introducci&oacute;n", "sumos.intro.html");
menu.menuitem[2].menuitem[3].menuitem[1] = new MenuItem("Zona de Competencia", "sumos.zona.html");
menu.menuitem[2].menuitem[3].menuitem[2] = new MenuItem("Requisitos de los robots", "sumos.requisitos.html");
menu.menuitem[2].menuitem[3].menuitem[3] = new MenuItem("Competencia", "sumos.competencia.html");
menu.menuitem[2].menuitem[3].menuitem[4] = new MenuItem("Premiaci&oacute;n", "sumos.premiacion.html");
menu.menuitem[2].menuitem[3].menuitem[5] = new MenuItem("Sugerencias", "sumos.sugerencias.html");

menu.menuitem[2].menuitem[4] = new MenuItem("Robo-Soccer", "soccer.intro.html");
menu.menuitem[2].menuitem[4].menuitem[0] = new MenuItem("Introducci&oacute;n", "soccer.intro.html");
menu.menuitem[2].menuitem[4].menuitem[1] = new MenuItem("Campo de Juego", "soccer.zona.html");
menu.menuitem[2].menuitem[4].menuitem[2] = new MenuItem("Requisitos de los robots", "soccer.requisitos.html");
menu.menuitem[2].menuitem[4].menuitem[3] = new MenuItem("Competencia", "soccer.competencia.html");
menu.menuitem[2].menuitem[4].menuitem[4] = new MenuItem("Premiaci&oacute;n", "soccer.premiacion.html");
menu.menuitem[2].menuitem[4].menuitem[5] = new MenuItem("Sugerencias", "soccer.sugerencias.html");

// Botón 3 : Fechas
menu.menuitem[3] = new MenuItem("Fechas", "portada.fechas.html");

// Botón 4 : Organización
menu.menuitem[4] = new MenuItem("Organizaci&oacute;n", "portada.organizacion.html");

// Botón 5 : Premios
menu.menuitem[5] = new MenuItem("Premios", "portada.premios.html");

// Botón 6 : Inscripciones
menu.menuitem[6] = new MenuItem("Inscripciones", "portada.inscripciones.html");

// Botón 7 : Equipos Inscritos
menu.menuitem[7] = new MenuItem("Equipos Inscritos", "portada.inscritos.html");

// Botón 8 : Alojamientos
menu.menuitem[8] = new MenuItem("Alojamientos", "portada.alojamientos.html");

// Botón 9 : Contáctenos
menu.menuitem[9] = new MenuItem("Cont&aacute;ctenos", "portada.contactenos.html");

// Botón 10 : Robótica en la UPC
menu.menuitem[10] = new MenuItem("Rob&oacute;tica en la UPC", "portada.robotica.html");

// Botón 11 : Links
menu.menuitem[11] = new MenuItem("Links", "portada.links.html");