m = new Object();
m.timeout = 10;
m.closetimer = 0;
m.ddmenuitem = 0;

m.open = function()
{
	m.canceltimer();
	m.close();
	m.ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');
}

m.close = function()
{
	if ( m.ddmenuitem )
	{
		m.ddmenuitem.css('visibility', 'hidden');
	}
}

m.timer = function()
{
	m.closetimer = window.setTimeout(m.close, m.timeout);
}

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

// set your UL element id here, i.e #navigation
$(document).ready(function()
{
	$('#navigation > li').bind('mouseover', m.open);
	$('#navigation > li').bind('mouseout', m.timer);
	
	
	$('#navigation > li > ul')
	.mouseover(function()
	{
		$('a', $(this).parent()).addClass('on');
	})
	.mouseout(function()
	{
		$('a', $(this).parent()).removeClass('on');
	})
	;
	
});