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

function topnav_open(){
	topnav_canceltimer();
	topnav_close();
	ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');
	ddparmenuitem = $(this).find('a').eq(0).css('background-position', 'bottom left');
}

function topnav_close() {
	if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');
	if(ddparmenuitem)	ddparmenuitem.css('background-position', 'top left');
}

function topnav_timer() {
	closetimer = window.setTimeout(topnav_close, timeout);
}

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

$(document).ready(function(){
	$('#topnav > li').bind('mouseover', topnav_open);
	$('#topnav > li').bind('mouseout',  topnav_timer);
});

document.onclick = topnav_close;