var timeout    = 300;
var closetimer = 0;
var ddmenuitem = 0;
var parent = 0;

function jsddm_open() {
  jsddm_canceltimer();
  jsddm_close();
  ddmenuitem = $(this).find('ul').css('display', 'block');
  parent = $(this).find('a');
  if (parent.hasClass('active')) parent.addClass('hasactive');
  parent.addClass('active');
}

function jsddm_close() {
  if (ddmenuitem) {
    ddmenuitem.css('display', 'none');
    if (!parent.hasClass('hasactive')) parent.removeClass('active');
  }
}

function jsddm_timer() {
  closetimer = window.setTimeout(jsddm_close, timeout);
}

function jsddm_canceltimer() {
  if (closetimer) {
    window.clearTimeout(closetimer);
    closetimer = null;
  }
}

$(document).ready(function() {
  $('#menu-ul > li').bind('mouseover', jsddm_open)
  $('#menu-ul > li').bind('mouseout',  jsddm_timer)
});

document.onclick = jsddm_close;