// 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");

// 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<66 || x>225 || y<12 || y>375) m1.style.visibility="hidden";

  // hide menu 2 if out of bounds
  if( x<350 || x>520 || y<12 || y>250) m2.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";
}