var timeout    = 500;
var closetimer = 0;
var ddmenuitem = 0;

function jsddm_open(){	
	jsddm_canceltimer();
	jsddm_close();
	var position = {top:$(this).get(0).offsetTop+10,left:$(this).get(0).offsetLeft};
	ddmenuitem = $(this).find('ul').css({top:position.top+"px",left:position.left+"px",visibility:'visible'});
}
function jsddm_close(){
	if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');
}

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

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

function getOffset(elm){
	var elm = $(elm).get(0);
    var offsetLeft = 0;
    var offsetTop = 0;
    while (elm) {
      offsetLeft += elm.offsetLeft;
      offsetTop += elm.offsetTop;
      elm = elm.offsetParent;
    }
    return {'top':offsetTop, 'left':offsetLeft};
}

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

document.onclick = jsddm_close;