var btns;
var writable;
var initialValue;
var rewriteValue;
var tmp;

function init()
{
	btns = $("div#gNav ul li.expand");
	btns.each(function(){
	
		$(this).bind("mouseover", handleMouseOver);
		$(this).bind("mouseout", handleMouseOut);
	
	});
	
	writable = $("div#lNav");
	
	initialValue = writable.contents();
	
	rewriteValue = '<ul>';
	rewriteValue += '<li><a href="http://recruit.kobe-kanagawa.jp/jobs/doctor/philosophy.php" class="dyn"><img src="http://recruit.kobe-kanagawa.jp/common/images/cmn_lnav_jobs_01.gif" alt="ドクター" title="ドクター" width="119" height="27" class="ro" /></a></li>';
	rewriteValue += '<li><a href="http://recruit.kobe-kanagawa.jp/jobs/headofficer/about.php" class="dyn"><img src="http://recruit.kobe-kanagawa.jp/common/images/cmn_lnav_jobs_07.gif" alt="事務長" title="事務長" width="119" height="27" class="ro" /></a></li>';
	rewriteValue += '<li><a href="http://recruit.kobe-kanagawa.jp/jobs/orthoptist/about.php" class="dyn"><img src="http://recruit.kobe-kanagawa.jp/common/images/cmn_lnav_jobs_02.gif" alt="視能訓練士" title="視能訓練士" width="120" height="27" class="ro" /></a></li>';
	rewriteValue += '<li><a href="http://recruit.kobe-kanagawa.jp/jobs/nurse/about.php" class="dyn"><img src="http://recruit.kobe-kanagawa.jp/common/images/cmn_lnav_jobs_03.gif" alt="看護師" title="看護師" width="119" height="27" class="ro" /></a></li>';
	rewriteValue += '<li><a href="http://recruit.kobe-kanagawa.jp/jobs/inspector/about.php" class="dyn"><img src="http://recruit.kobe-kanagawa.jp/common/images/cmn_lnav_jobs_04.gif" alt="検査員" title="検査員" width="119" height="27" class="ro" /></a></li>';
	rewriteValue += '<li><a href="http://recruit.kobe-kanagawa.jp/jobs/receptionist/about.php" class="dyn"><img src="http://recruit.kobe-kanagawa.jp/common/images/cmn_lnav_jobs_05.gif" alt="受付" title="受付" width="119" height="27" class="ro" /></a></li>';
	rewriteValue += '<li class="last"><a href="http://recruit.kobe-kanagawa.jp/jobs/call-center/about.php" class="dyn"><img src="http://recruit.kobe-kanagawa.jp/common/images/cmn_lnav_jobs_06.gif" alt="コールセンター" title="コールセンター" width="120" height="27" class="ro" /></a></li>';
	rewriteValue += '</ul>';
	
	$("div#lNav ul li a.dyn").live("mouseover", handleExMouseOver);
	$("div#lNav ul li a.dyn").live("mouseout", handleExMouseOut);
}


//-----** OPERATION EVENTS **-----//

function setDefault($area)
{
	$($area).unbind("mouseover");
	$($area).unbind("mouseout");
	
	handleMouseOut();
	
	$($area).bind("mouseover", handleMouseOver);
	$($area).bind("mouseout", handleMouseOut);
}

function setTempEvents($area)
{
	$($area).unbind("mouseout", handleMouseOut);
	$($area).bind("mouseout", handleMouseOutEx);
}


//-----** EVENT HANDLER **-----//

function handleMouseOver(e)
{
	writable.empty();
	writable.append(rewriteValue);
	
	setTempEvents(this);
}

function handleMouseOut(e)
{
	writable.empty();
	writable.append(initialValue);
}

function handleMouseOutEx(e)
{
	var checker = e.relatedTarget;
	//alert(checker.id);
	
	//temp
	if(checker == null)
	{
		checker = "out";
	}
	
	if(checker == "out")
	{
		setDefault(this);
	}
	else if(checker.id == "header")
	{
		setDefault(this);
	}
	else if(checker.id == "gNav")
	{
		setDefault(this);
	}
	else if(checker.id == "")
	{
		setDefault(this);
	}
	else
	{
		//sconsole.log("2");
		$("div#lNav ul").bind("mouseleave", handleChildMouseOut);
	}
}

function handleChildMouseOut(e)
{
	handleMouseOut();
}

//dynamic rollover 
function handleExMouseOver(e)
{
	var target = e.target;
	var src = $(target).attr("src");	
	var type = src.substring(src.lastIndexOf('.'), src.length);
	var rpl = src.replace(type, "_f2" + type);
	
	tmp = src;
	$(target).attr("src", rpl);
}

function handleExMouseOut(e)
{
	var target = e.target;
	$(target).attr("src", tmp);
}



//-----** DOCUMENT READY **-----//

$(document).ready(function(){
	
	//console.log(this);
	init();
	
});