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

function ddmenu_open() {
	ddmenu_canceltimer();
	ddmenu_close();
	ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');
}

function ddmenu_close() {
	if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');
}

function ddmenu_timer() {
	closetimer = window.setTimeout(ddmenu_close, timeout);
}

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

function ddsubmenu_open() {
	ddsubmenu_canceltimer();
	ddsubmenu_close();
	ddsubmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');
	ddsubmenuitem = $(this).find('ul').eq(0).css('left', $(this).parent(0).width() + 1);
	var elUl = $(this).find('ul').eq(0);
	if (!elUl.attr("positioned"))
	{
		if (elUl[0])
		{
			ddsubmenuitem = elUl.css('top', elUl[0].offsetTop - 22);
			elUl.attr("positioned", "true");
		}
	}
}

function ddsubmenu_close() {
	if(ddsubmenuitem) ddsubmenuitem.css('visibility', 'hidden');
}

function ddsubmenu_timer() {
	closesubtimer = window.setTimeout(ddsubmenu_close, timeout);
}

function ddsubmenu_canceltimer() {
	if(closesubtimer) {
		window.clearTimeout(closesubtimer);
		closesubtimer = null;
	}
}

$(document).ready(function() {
	$('#ddmenu > li').bind('mouseover', ddmenu_open);
	$('#ddmenu > li').bind('mouseout',  ddmenu_timer);
	$('#ddmenu > li > ul > li').bind('mouseover',  ddsubmenu_open);
	$('#ddmenu > li > ul > li').bind('mouseout',  ddsubmenu_timer);
	
	$('#ddmenu2 > li').bind('mouseover', ddmenu_open);
	$('#ddmenu2 > li').bind('mouseout',  ddmenu_timer);
	$('#ddmenu2 > li > ul > li').bind('mouseover',  ddsubmenu_open);
	$('#ddmenu2 > li > ul > li').bind('mouseout',  ddsubmenu_timer);
});

document.onclick = ddmenu_close;