<!-- 


var ID = -1


function eraseMenu (){


document.getElementById("sub0").style.visibility = "hidden";
document.getElementById("sub1").style.visibility = "hidden";

}

function initializePage(a)  {

dummy = menuLoader();

 
b = "menu"+pagecode
document.getElementById(b).style.color = "#882a04"
document.getElementById(b).style.fontWeight = "bold"

//calls the loading of flexible parts of the menu using function menuLoader


}



function reportCellPosition (a,b,c,d){

var offleft = c
var offtop = d

var x = 0;
var y = 0;
var offsetPointer = document.getElementById(a)

while (offsetPointer){
x += offsetPointer.offsetLeft;
y += offsetPointer.offsetTop;
offsetPointer = offsetPointer.offsetParent;
}
document.getElementById(b).style.left = x + offleft +"px";
document.getElementById(b).style.top  = y + offtop  +"px";
document.getElementById(b).style.visibility = "visible";

//reference for later
//var ID = window.setTimeout("alert('haha 10 seconds!')", 10000); 
//window.setTimeout("clearTimeout(ID);alert('timer stopped')", 3000) 

if(ID>0) {
//alert(ID+" is about to be cleared")
window.clearTimeout(ID)
}
ID = setTimeout ("eraseMenu()",10000)
//alert(ID+" was just set")


}

//file to autoload the expandable menu
//goal to run offline as well as online

function menuLoader(){

var replacement1= '<!-- submenu id="sub0" --><div id="sub0"  style="position: absolute; height:40; width:355px;  color: #eff3f7; font-size: 10pt; visibility: hidden;"><table border=0 cellpadding=0 cellspacing=0><tr><td height=30>&nbsp;</td><td class=m2 width=420>&nbsp;</td></tr><tr><td>&nbsp;</td><td id="sub00" class=sub><a ID="menu21" href="DelrayOutfall_01.shtml">&nbsp;&nbsp; Delray Outfall</a></td></tr><tr><td>&nbsp;</td><td id="sub01" class=sub><a ID="menu22" href="LakeWorthOutfall_01.shtml">&nbsp;&nbsp; Lake Worth Outfall</a></td></tr><tr><td valign=center><hr width=60 style="color:882a04"></td><td id="sub02" class=sub><a ID="menu23" href="PhippsParkRenourishment_01.shtml">&nbsp;&nbsp; Phipps Park Beach Renourishment</a></td></tr><tr><td>&nbsp;</td><td id="sub03" class=sub><a ID="menu24" href="CoralMapping_01.shtml">&nbsp;&nbsp; Staghorn Coral Mapping</a></td></tr><tr><td>&nbsp;</td><td id="sub03" class=sub><a ID="menu25" href="InvasiveSpeciesMapping_01.shtml">&nbsp;&nbsp; Invasive Species Reporting</a></td></tr><tr><td>&nbsp;</td><td id="sub04" class=sub><a ID="menu26" href="KayakaThon_01.shtml">&nbsp;&nbsp; Earth Day Kayak-a-Thon</a></td></tr><tr><td height=30>&nbsp;</td><td class=m2>&nbsp;</td></tr></table></div></td><td>'
var replacement2= '<!-- submenu id="sub1" --><div id="sub1"  style="position: absolute; height:40; width:325px;  color: #eff3f7; font-size: 10pt; visibility: hidden;"><table border=0 cellpadding=0 cellspacing=0><tr><td height=30>&nbsp;</td><td class=m2 width=390>&nbsp;</td></tr><tr><td>&nbsp;</td><td id="sub11" class=sub><a ID="menu41" href="PDFreports.shtml">&nbsp;&nbsp; PDF Reports</a></td></tr><tr><td valign=center><hr width=30 style="color:882a04"></td><td id="sub12" class=sub><a ID="menu42" href="Newsreports.shtml">&nbsp;&nbsp; Newspaper Articles</a></td></tr><tr><td>&nbsp;</td><td id="sub13" class=sub><a ID="menu43" href="Videos.shtml">&nbsp;&nbsp; Video Viewing Center</a></td></tr><tr><td>&nbsp;</td><td id="sub14" class=sub><a ID="menu44" href="CoralLearningCenter.shtml">&nbsp;&nbsp; Coral Learning Center</a></td></tr><tr><td height=30>&nbsp;</td><td class=m2>&nbsp;</td></tr></table></div></td>'


document.getElementById("load1").innerHTML=replacement1
document.getElementById("load2").innerHTML=replacement2


}

    

// End -->
