function showLinkMenu() {
  document.getElementById("linkmenu").style.visibility = "visible";
  document.getElementById("links").style.backgroundColor = "#80E782";
  document.getElementById("links").style.color = "#000000";
  }
  
function hideLinkMenu() {
  document.getElementById("linkmenu").style.visibility = "hidden";       
  document.getElementById("links").style.backgroundColor = "#407441";
  document.getElementById("links").style.color = "#FFFFFF";
  }

function showPhotoMenu() {
  document.getElementById("photomenu").style.visibility = "visible";
  document.getElementById("photos").style.backgroundColor = "#80E782";
  document.getElementById("photos").style.color = "#000000";
  }
  
function hidePhotoMenu() {
  document.getElementById("photomenu").style.visibility = "hidden";       
  document.getElementById("photos").style.backgroundColor = "#407441";
  document.getElementById("photos").style.color = "#FFFFFF";
  }
  
document.write(
'<a class="menuitem" href="index.html">Home</a>'
+'<a class="menuitem" href="news.html">News</a>'
+'<a class="menuitem" href="research.html">Research</a>'
+'<a class="menuitem" href="pubs.html">Publications</a>'
+'<a class="menuitem" href="#" id="photos" onmouseover="showPhotoMenu()" onmouseout="hidePhotoMenu()">Photographs'
+'<img src="images/arrow.gif" border=0 style="position:absolute; top:150px; left:100px;"></a>'
+'<a class="menuitem" href="#" id="links" onmouseover="showLinkMenu()" onmouseout="hideLinkMenu()">Links'
+'<img src="images/arrow.gif" border=0 style="position:absolute; top:185px; left:100px;"></a>'
+'<br>'
+'<a class="exitlink" href="http://www.engineering.manhattan.edu">Back to Engineering @ MC</a>'
+'<img src="images/arrowexit.gif" border=0 style="position:absolute; top:255px; left:115px;"></a>'
+'<a class="exitlink" href="http://www.engineering.manhattan.edu/environmental">Back to Environmental Engineering</a>'
+'<img src="images/arrowexit.gif" border=0 style="position:absolute; top:305px; left:115px;"></a>'
);