window.onload = init;

function init() {
   if (document.getElementById("navigation")) {
      var aahs = document.getElementById("navigation").getElementsByTagName("a");
      for (var i=0;i<aahs.length;i++) {
         if (aahs[i].className && aahs[i].className.match("nav-1")) {
            aahs[i].onmouseover = showSubnav;
         }
      }
      var backnav = document.createElement("div");
      backnav.id = "backnav";
      backnav.onmouseover = hideSubnav;
      document.body.appendChild(backnav);
      var backnav_top = document.createElement("div");
      backnav_top.id = "backnav-top";
      backnav_top.onmouseover = hideSubnav;
      document.body.appendChild(backnav_top);
      var ssrch = document.getElementById("navigation").getElementsByTagName("div");
      for (var i=0;i<ssrch.length;i++) {
         if (ssrch[i].className && ssrch[i].className.match("search-header")) {
            ssrch[i].onmouseover = hideSubnav;
         }
      }
   }
}

showSubnav = function() {
   hideSubnav();
   if (document.getElementById("backnav")) {
      document.getElementById("backnav").style.display = "block";
      document.getElementById("backnav-top").style.display = "block";
   }
   if (this.nextSibling && this.nextSibling.className == "subnavv") {
      this.nextSibling.style.display = "block";
      this.nextSibling.style.top = this.offsetTop+"px";
   } else {
      hideSubnav();
   }
}

hideSubnav = function() {
   if (document.getElementById("backnav")) {
      document.getElementById("backnav").style.display = "none";
      document.getElementById("backnav-top").style.display = "none";
   }
   if (document.getElementById("navigation")) {
      var uls = document.getElementById("navigation").getElementsByTagName("ul");
      for (var i=0;i<uls.length;i++) {
         if (uls[i].className && uls[i].className.match("subnavv")) {
            uls[i].style.display = "none";
         }
      }
   }
}