/* ================================================== */
/* 旅と宿　トップページクリッカブルマップ Javascript  */
/* map.js                                             */
/* 【注意】必ずjquery-1.6.2.min.js の後に実行すること */
/*                                                    */
/* 来歴---------------------------------------------- */
/* 2011/10/01　新規作成                               */
/*                                                    */
/* ================================================== */

$(document).ready(function(){

	$("div.map area").hover(
		function(){
			// オンフォーカスしたID名のうち、地域名のみ取得
			var tmpAreaName = $(this).attr("id").split("_");

			// 画像変更処理
			if($("div.map p img").attr("src").indexOf("_hvr_") > -1){
				$("div.map p img").setToggleImgButton("_hvr_" + tmpAreaName[0] + ".jpg",".jpg");
			}else{
				$("div.map p img").setToggleImgButton(".jpg", "_hvr_" + tmpAreaName[0] + ".jpg");
			}
		},
		function(){
			// オンフォーカスしたID名のうち、地域名のみ取得
			var tmpAreaName = $(this).attr("id").split("_");

			// 画像変更処理
			$("div.map p img").setToggleImgButton("_hvr_" + tmpAreaName[0] + ".jpg",".jpg");
		}
	);

});



/* 表示関数:画像ボタン表示切り替え　引数：1 = 判定する文字列, 2 = 書き換える文字列　返り値：なし */
jQuery.fn.extend(jQuery.fn, {
	setToggleImgButton: function(nowImg,changeImg){

		var tmpSrc = $(this).attr("src");
		if(tmpSrc.indexOf(nowImg) >= 0){
			tmpSrc = tmpSrc.replace(nowImg, changeImg);
			$(this).attr("src", tmpSrc);
		}

	}
});