Okay, here is the code:
<head>
<!-- Navigation Control //-->
<script type="text/javascript" language="javascript">
<!--
var time = 3000;
var numofitems = 9;
//menu constructor
function menu(allitems,thisitem,startstate){
callname= "gl"+thisitem;
divname="subglobal"+thisitem;
this.numberofmenuitems = 9;
this.caller = document.getElementById(callname);
this.thediv = document.getElementById(divname);
this.thediv.style.visibility = startstate;
}
//menu methods
function ehandler(event,theobj){
for (var i=1; i<= theobj.numberofmenuitems; i++){
var shutdiv =eval( "menuitem"+i+".thediv");
shutdiv.style.visibility="hidden";
}
theobj.thediv.style.visibility="visible";
}
function closesubnav(event){
if ((event.clientY <8)||(event.clientY > 210)){
for (var i=1; i<= numofitems; i++){
var shutdiv =eval('menuitem'+i+'.thediv');
shutdiv.style.visibility='hidden';
}
}
}
//-->
</script>
<!-- Navigation Control //-->
</head>
The calls to the script come from here:
**************************************************
<body onmousemove="closesubnav(event);">
<area shape="rect" coords="5,7,44,20" href="#" alt="Home" id="gl1" class="glink" onmouseover="ehandler(event,menuitem1);">
(8 more of these area shapes...)
**************************************************
#layers and html code in here...
<script type="text/javascript" language="javascript">
<!--
var menuitem1 = new menu(7,1,"hidden");
var menuitem2 = new menu(7,2,"hidden");
var menuitem3 = new menu(7,3,"hidden");
var menuitem4 = new menu(7,4,"hidden");
var menuitem5 = new menu(7,5,"hidden");
var menuitem6 = new menu(7,6,"hidden");
var menuitem7 = new menu(7,7,"hidden");
var menuitem8 = new menu(7,8,"hidden");
var menuitem9 = new menu(7,9,"hidden");
//-->
</script>
</body>
</html>