var subMenuTimer = null;
var subMenuTime = 150;

$(document).ready(function(){
	$('.menuitem').mouseover(function(){
		var pos = $(this).offset();
		var menuItem = 'sub_' + $(this).attr('href');
		$('#' + menuItem).offset({left: pos.left});
		openSubMenu(menuItem);
	}).mouseout(function(){
		var menuItem = 'sub_' + $(this).attr('href');
		closeSubMenu(menuItem);
	});
	$('.submenu').mouseover(function(){
		cancelSubMenu();
	}).mouseout(function(){
		var menuItem = $(this).attr('id');
		closeSubMenu(menuItem);
	});
});

function openSubMenu(subMenu){
	$('.submenu').slideUp(300);
	$('#' + subMenu).slideDown(300);
}
function closeSubMenu(subMenu){
	subMenuTimer = window.setTimeout(function(){ closeSubMenuDirect(subMenu); }, subMenuTime);
}
function cancelSubMenu(){
	window.clearTimeout(subMenuTimer);
	subMenuTimer = null;
}

function closeSubMenuDirect(subMenu){
	$('#' + subMenu).slideUp(300);
}