var hover = false;
var timeout;
function hideSubMenu() {
  if(!hover)
    $('div#menu ul.sub-nav').fadeOut();
}

$(function() {
  $('div#menu ul#nav-top li#event').hover(function() {
    clearTimeout(timeout);
    $('div#menu ul.sub-nav').fadeIn();
  },function() {
    timeout = window.setTimeout('hideSubMenu()',1000);
  })
  $('div#menu ul.sub-nav').hover(function() {
    clearTimeout(timeout);
    hover = true;
  },function() {
    hover = false;
    timeout = window.setTimeout('hideSubMenu()',500);
  });
})