var timerID;
$(function() {
	$("img","#gNavi li:eq(0)").unbind('mouseout');
	$("#gNavi li:eq(0)").hover(
			function(e){
				clearTimeout(timerID);
				$("div#headContainer div").animate({height:'show',opacity:'show'}, 300);
			},
			function(e){
				timerID = setTimeout("outPullDown()", 500);
			}
	);
	$("div#headContainer div").hover(
			function(e){
				clearTimeout(timerID);
			},
			function(e){
				timerID = setTimeout("outPullDown()", 500);
			}
	);
});

function outPullDown() {
	clearTimeout(timerID);
	$("div#headContainer div").animate({height:'hide', opacity:'hide'}, 300);
	$("img","#gNavi li:eq(0)").attr("src", $("img","#gNavi li:eq(0)").attr("src").replace("_on.", "_off."));
}