var closetimer = 0;
var menu_id = 0;

function close_timer() {
	closetimer = window.setTimeout(close_menu, 350);
}
function cancel_timer() {
	if(closetimer) {
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}
function open_menu() {
	$("#"+menu_id).css("background-position", "center bottom");

	cancel_timer();
	$("#sub"+menu_id).show();
}
function close_menu() {
	$("#"+menu_id).css("background-position", "center top");
	$(".submenu_div").css("background-color", "#fefefe");

	$("#sub"+menu_id).hide();
}

$(document).ready(function(){
	$(".menu").mouseover(function() {
		$(".menu").css("background-position", "center top");
		$(".submenu").hide();
			
		menu_id = this.id;
		open_menu();
	});
	$(".menu").mouseout(function() {
		menu_id = this.id;
		close_timer();
	});
	
	$(".submenu_div").mouseover(function() {
		var submenu_div = this.id;
		$("#"+submenu_div).css("background-color", "#ededed");
	});
	$(".submenu_div").mouseout(function() {
		$(".submenu_div").css("background-color", "#fefefe");
	});
	
	return false;
});