startList = function() {
  if (document.all && document.getElementById) {
    navRoot = document.getElementById("ul-nav");

    for (i = 0; i < navRoot.childNodes.length; i++) {
      node = navRoot.childNodes[i];

      if (node.nodeName == "LI") {
        node.onmouseover = function() {
          this.className += " hover";
        }//function

        node.onmouseout = function() {
          this.className = this.className.replace(" hover", "");
        }//function
      }//if
    }//for
  }//if
}//function

if (window.addEventListener) {
  window.addEventListener("load", startList, false)
} else if (window.attachEvent) {
  window.attachEvent("onload", startList)
}//if

$(function () {
  $("#ul-nav > li > ul").hide();

  $("#ul-nav > li").hover(
    function () {
      $("> ul", this).stop(true, true).slideDown(300);
    },
    function () {
      $("> ul", this).stop(true, true).hide();
    }
  );
});