var popup_delay = 500;
var popup_timer = 0;
var popup_item  = 0;
var popup_link  = 0;

function popup_open() {
  popup_cancel();
  popup_close();
  popup_item = $(this).find('ul').css('visibility', 'visible');
  popup_link = $(this).find('a:first').addClass('active');
}

function popup_close() {
  if (popup_item) {
    popup_item.css('visibility', 'hidden');
  }
  if (popup_link) {
    popup_link.removeClass('active');
  }
}

function popup_wait() {
  popup_timer = window.setTimeout(popup_close, popup_delay);
}

function popup_cancel() {
  if (popup_timer) {
    window.clearTimeout(popup_timer);
    popup_timer = null;
  }
}

$(document).ready(function() {
  $('#popup > li').bind('mouseover', popup_open)
  $('#popup > li').bind('mouseout',  popup_wait)
});

document.onclick = popup_close;