// Netscape/Mozilla capture events instruction
if(navigator.appName == "Netscape")window.captureEvents(Event.MOUSEMOVE);

// specify the onmousemove event-handler
document.onmousemove=track;

// get the menu layer objects
var m1 = document.getElementById("menu_1");
var m2 = document.getElementById("menu_2");
var m3 = document.getElementById("menu_3");
var m4 = document.getElementById("menu_4");
var m5 = document.getElementById("menu_5");
var m6 = document.getElementById("menu_6");
var m7 = document.getElementById("menu_7");
var m8 = document.getElementById("menu_8");


// a function to react to the MOUSEMOVE event
// and dynamically hide menu layers
function track(e)
{                                     
  var x = (document.all) ? event.x : e.pageX;                 
  var y = (document.all) ? event.y : e.pageY;   
  
  // hide menu 1 if out of bounds
  if( x<1 || x>50 || y<53 || y>123) m1.style.visibility="hidden";

  // hide menu 2 if out of bounds
  if( x<55 || x>120 || y<53 || y>123) m2.style.visibility="hidden";

  // hide menu 3 if out of bounds
  if( x<125 || x>200 || y<53 || y>123) m3.style.visibility="hidden";
     
  // hide menu 4 if out of bounds
  if( x<200 || x>310 || y<53 || y>123) m4.style.visibility="hidden";

  // hide menu 5 if out of bounds
  if( x<330 || x>370 || y<53 || y>123) m5.style.visibility="hidden";

  // hide menu 6 if out of bounds
  if( x<380 || x>440 || y<53 || y>123) m6.style.visibility="hidden";
       
  // hide menu 7 if out of bounds
  if( x<460 || x>510 || y<53 || y>123) m7.style.visibility="hidden";

  // hide menu 8 if out of bounds
   if( x<510 || x>600 || y<53 || y>123) m8.style.visibility="hidden";
}        

// a function to reveal a menu layer
function reveal(menu)
{
//  if(menu == 1) m1.style.visibility = "visible";
  if(menu == 2) m2.style.visibility = "visible";
  if(menu == 3) m3.style.visibility = "visible";
  if(menu == 4) m4.style.visibility = "visible";
//  if(menu == 5) m5.style.visibility = "visible";
  if(menu == 6) m6.style.visibility = "visible";
//  if(menu == 7) m7.style.visibility = "visible";
  if(menu == 8) m8.style.visibility = "visible";
}
