$(document).ready(function() {

  $("#navlist li").each(function(){
    var subnav = false;
    var timeout = false;

    $(this).mouseover(function(){

      if(timeout){
        clearTimeout(timeout);
      }

      subnav = $(this).attr("class");

      $("ul.subnavlist-"+subnav).css("visibility", "visible");

    }).mouseout(function(){

      timeout = setTimeout(function(){
        $("ul.subnavlist-"+subnav).css("visibility", "hidden");
        subnav = false;
      }, 0);
    });
  });

});