$(function() {
  var selected = $("#nav li.selected");
  if (selected.length == 0) {
    selected = $("#nav>ul>li:first");
  }
  selected.addClass("hover").find("ul").show();
  $("#nav li.hover + li").addClass("hover-next");

  var timer = null;
  $("#nav>ul>li").mouseover(function () {
    clearTimeout(timer);
    $("#nav ul ul").hide();
    $("#nav>ul>li").removeClass("hover").removeClass("hover-next");
    $(this).addClass("hover").find("ul").show();
    $("#nav li.hover + li").addClass("hover-next");
  }).mouseout(function () {
    timer = setTimeout(function () {
      $("#nav ul ul").hide();
      $("#nav li").removeClass("hover").removeClass("hover-next");
      selected.addClass("hover").find("ul").show();
      $("#nav li.hover + li").addClass("hover-next");
    }, 100);
  });
  $("#nav li li").mouseover(function () {
    $("#nav li li").removeClass("hover").removeClass("hover-next");
    $(this).addClass("hover");
    $("#nav li li.hover + li").addClass("hover-next");
  });
});