var myLabels = new Array(
                new Array("Pictures by", "Fotos por")
                , new Array(""
                            , "")
               );
/*
El ultimo era:
                , new Array("Site Designed and Hosted by"
                            , "Página Diseñada y Alojada por")
*/
var myMenues = new Array(
                new Array("home", "Home", "Inicio")
                , new Array("rooms", "Rooms", "Habitaciones")
                , new Array("servs", "Services", "Servicios")
                , new Array("locat", "Location", "Ubicación")
                , new Array("gdi", "Image Gallery", "Galería de Imágenes")
                , new Array("rates", "Rates", "Tarifas")
                , new Array("contact", "Contact Us", "Contáctenos")
               );

if (!window.$)
  window.$ = function(id){return document.getElementById(id);};

var gotoSectionState = 0;
function gotoSection(){
  var id = this.id;
  if (id.length <= 5) return -1;
  id = id.substr(5);
  return _gotoSection(id);
}

function _gotoSection(id){
  // el id es mas corto q "menu_"
  gotoSectionState = id;
  var tit = myMenues[gotoSectionState][0] + "_" + translateState;
  $("imgTitle").src = "./images/" + tit + ".gif"; 
  $("centro_0").src = "./pages/" + tit + ".php";
  return id;
}

var translateState = 1; // IDIOMA DEFAULT ESPAÑOL
function translate(){
  var i;
  // PASA DE 1 A 0 Y DE 0 A 1
  translateState = (translateState - 1) * -1;

  var tit = myMenues[gotoSectionState][0] + "_" + translateState;

  // PIE
  $("dFotos").innerHTML = myLabels[0][translateState];
  $("dGuiar").innerHTML = myLabels[1][translateState];

  // BANDERA
  $("bandera").src = "./images/bandera_" + translateState + ".jpg";

  // IR A LA SECCIÓN DEL MENU
  _gotoSection(gotoSectionState);

  // MENU
  for(i = 0; $("menu_" + i); i++){
    $("menu_" + i).innerHTML = myMenues[i][1 + translateState];
  }
  return i;
}

function setMenues(){
  var i;
  for(i = 0; $("menu_" + i); i++){
    $("menu_" + i).innerHTML = myMenues[i][1 + translateState];
    $("menu_" + i).onmouseover = cssMenuTransp60;
    $("menu_" + i).onmouseout = cssMenu;
    $("menu_" + i).onclick = gotoSection;
  }
  return i;
}

function cssMenuTransp60(){
  this.className = "menu transp_60";
}

function cssMenu(){
  this.className = "menu";
};

function preLoadImages(){
  var i, img;
  img = new Image();
  img.src = "./images/bandera_0.jpg";
  document.images[document.images.length] = img;
  img = new Image();
  img.src = "./images/bandera_1.jpg";
  document.images[document.images.length] = img;
  for(i = 0; i < myMenues.length; i++){
    img = new Image();
    img.src = "./images/" + myMenues[i][0] + "_0.gif";
    document.images[document.images.length] = img;
    img = new Image();
    img.src = "./images/" + myMenues[i][0] + "_1.gif";
    document.images[document.images.length] = img;
  }
  return (i + 2);
}

function init(){
  preLoadImages();
  $("bandera").className = "puntero"
  $("bandera").onclick = translate;
  setMenues();
}

window.onload = init;