// JavaScript Document

var delay;

function hideMenu2() {

  for ( var i = 1; i <= 8; i++ ) {

    document.getElementById("menu"+i).style.display = "none";

  } 
  document.getElementById("menubk").style.display = "none";

  var nav = document.getElementById("nml");
  var navlinks  = nav.getElementsByTagName("a");
  for ( var j = 0; j < navlinks.length; j++ ) {

    if ( navlinks[j].className == "off" ) {

      navlinks[j].style.color = "#fff";

    }

  }

}

function showMenu2( name ) {

  clearTimeout(delay);
  hideMenu2();

  document.getElementById(name).style.color = "#c90";
  
  var chapter = 0;
  switch( name ) {
    case 'Home': chapter = 1; break;
    case 'About': chapter = 2; break;
    case 'Events': chapter = 3; break;
    case 'News': chapter = 4; break;
    case 'Reservations': chapter = 5; break;
    case 'Partners': chapter = 6; break;
    case 'Where_to': chapter = 7; break;
    case 'Contact': chapter = 8; break;
    default: return false;
  }

  var nav = document.getElementById("nml");
  var navlist  = nav.getElementsByTagName("li");

  var offset = 0;
  for ( var ni = 0; ni < (chapter * 2 - 2); ni++ ) {
    offset = offset + navlist[ni].offsetWidth;

  }
  offset = offset + 5;
  document.getElementById("menu"+chapter).style.top = "20px";
  document.getElementById("menu"+chapter).style.left = offset + "px";
  document.getElementById("menu"+chapter).style.display = "block";
  document.getElementById("menubk").style.width = document.getElementById("menu"+chapter).offsetWidth + "px";
  document.getElementById("menubk").style.height = document.getElementById("menu"+chapter).offsetHeight + "px";
  document.getElementById("menubk").style.top = document.getElementById("menu"+chapter).style.top;
  document.getElementById("menubk").style.left = document.getElementById("menu"+chapter).style.left;
  document.getElementById("menubk").style.display = "block"; 
}
function holdMenu2() {
  clearTimeout(delay);
}
function exitMenu2() {
  delay = setTimeout("hideMenu2();",100);
}
;