// show and hide menu divisions
// demeyere.com; Ross DeMeyere; 
// revised: 2007-02-17 08:24 -0600

var menuSelected = '';

function showMenu(menu){
hideMenu(menuSelected);
document.getElementById(menu).style.visibility = 'visible';
menuSelected = menu;
}

function hideMenu(menu){
if(menuSelected!='')
document.getElementById(menu).style.visibility = 'hidden';
}


// example use
// <script language="JavaScript" src="/library/showhidemenu.js" type="text/javascript"></script>

// #about_menu { position:absolute; left:141px; top:256px; width:200px; z-index:2; background-color:white; }

// trigger
// onMouseOver="showMenu('about_menu');"

// <div id="about_menu" style="visibility:hidden;" onMouseOut="hideMenu(menuSelected)" onMouseOver="showMenu(menuSelected)" >
// ..
// </div>

// in addition put the following trigger on other mouse exit paths
// onMouseOver="hideMenu(menuSelected);"

// based on <http://www.programmersresource.com/forum/showthread.php?t=264>