// Preload menu hover image
//var hoverImage = new Image();
//hoverImage.src = "images/menuOn.gif";

// Set up the menu
onload = function () {
  var menu = document.getElementById("drop")
  var titles = menu.getElementsByTagName("span");
  var subMenus = menu.getElementsByTagName("ul");
  for (var i=0;i<titles.length;i++) {
    titles[i].onclick = toggleView;
    subMenus[i].style.display = "none";
  }
  // Work around for lack of :hover pseudo-class in IE
  if (document.all) {
    for (var i=0;i<menu.childNodes.length;i++) {
      if (/^li$/i.test(menu.childNodes[i].tagName)) {
		menu.childNodes[i].onmouseover = new Function("this.className = 'hover'");
        menu.childNodes[i].onmouseout = new Function("this.className = 'menutitle'");
      }
    }
  }
}

// Show/Hide toggle for submenus
function toggleView() {
  var i = 0;
  while(!/^ul$/i.test(this.parentNode.childNodes[++i].tagName));
  var subMenuStyle = this.parentNode.childNodes[i].style;
  subMenuStyle.display = subMenuStyle.display == "none" ? "block" : "none";
}