$(function(){

	
	var hash = location.hash;
	
	//▼パラメータのtabArea抜き出し処理 11.11.29 add----
	var locPara = "";
	locPara = location.search;
	var locParaArray = new Array();
	var locParaArray02 = new Array();
	
	if(locPara){
		locParaArray = (locPara.slice(1)).split('&');
		locParaArray02 = new Array();
	
		for(i=0;i<locParaArray.length;i++){
			m = locParaArray[i].split('=')[0];
			locParaArray02[m] = locParaArray[i].split('=')[1];
		}
	}
	//▲パラメータのtabArea抜き出し処理 11.11.29 add----
	
	
	//タブ切り替え
	$('div.tabSection-A').each(function(){
	
		$('ul.tabMenu-A li a').click(function(e){
			var nextDiv = $(this).attr("href").substring(1,$(this).attr("href").length) + "Tab";
			var thisIndex = $('ul.tabMenu-A li').index($(this).parent());
			areaTabChg(nextDiv,thisIndex);
			
		});
		
		var setURLTabStr = "#areaKanto";
		if(hash || ((locParaArray02['tab']) && (locParaArray02['tab'] != ""))){
			if(hash){	//▼ハッシュ有（パラメータ有無関係なし）はハッシュ指定を優先 11.11.29 add----
			//ハッシュがあれば該当のエリアを開く
				setURLTabStr = hash.toString();
			}else{//▼ハッシュ無・パラメータ有はパラメータ指定 11.11.29 add----
				setURLTabStr = "#" + locParaArray02['tab'];
			}
			
			$('ul.tabMenu-A li a').each(function(){
				var that = $(this);
				if(that.attr("href").toString() == setURLTabStr){
					var liIndex = $('ul.tabMenu-A li').index(that.parent());
					var nextDiv = that.attr("href").substring(1,that.attr("href").length) + "Tab";
					areaTabChg(nextDiv,liIndex);
				}
			});
		}
		
		$('ul.tabMenu-B li a').click(function(e){
			e.preventDefault();
			
			var nextDiv = $(this).attr("href");
			var parentArea = $(this).parents("div.tabUnit-A").attr("id");
			//var wrapHeight = $('div#'+parentArea).height();
			
			//$('div#'+parentArea).height(wrapHeight);
			$('div.tabUnit-B','div#'+parentArea).css("display","none");
			$('ul.tabMenu-B li a').removeClass("current");
			
			$(this).addClass("current");
			$('div#'+nextDiv,'div#'+parentArea).css("display","block");
			
			
			//$('div#'+parentArea).height('auto');
			$(this).blur();
			return false;
		});
		
		if(navigator.userAgent.indexOf("MSIE 6") != -1){
			balloonPng();
		}
	});
	
	//STEP2 初期設定
	$('div.selectable div.wardsSelect div.unit h3,div.selectable div.wardsSelect div.unit div.selectList,div.selectable div.wardsSelect div.unit div.checkTable').css("opacity","0.6");
	$('div.selectable div.wardsSelect div.unit select,div.selectable div.wardsSelect div.unit input').attr("disabled","disabled");
	$('div.selectable p.stepBallon02,div.selectable p.stepBallon020,div.selectable p.stepBallon021').css("display","none");
		
		
	//地図に背景を設定
	$('div.mapSelect img').each(function(){
		if($(this).attr("usemap") == "#m_img_kanto_map_0"){
			$(this).parent().css("background","url(/common/img/img_kanto_map_0.png) no-repeat");
		}else if($(this).attr("usemap") == "#m_img_kansai_map_0"){
			$(this).parent().css("background","url(/common/img/img_kansai_map_0.png) no-repeat");
		}else if($(this).attr("usemap") == "#m_img_kyushu_map_0"){
			$(this).parent().css("background","url(/common/img/img_kyushu_map_0.png) no-repeat");
		}else if($(this).attr("usemap") == "#m_img_tokai_map_0"){
			$(this).parent().css("background","url(/common/img/img_tokai_map_0.png) no-repeat");
		}else if($(this).attr("usemap") == "#m_img_tohoku_map_0"){
			$(this).parent().css("background","url(/common/img/img_tohoku_map_0.png) no-repeat");
		}
	});
	
	
	//STEP1選択 地図を選択したとき img_kanto_map_0.png
	$('div.selectable div.mapSelect map area').click(function(){
		var selectableIndex = $('div.selectable').index($(this).parents("div.selectable"));
		var areaIndex = $('div.selectable:eq('+ selectableIndex +') div.mapSelect map area').index($(this));
		$('div.selectable:eq('+ selectableIndex +') div.mapSelect img').attr("src",$('div.selectable:eq('+ selectableIndex +') div.mapSelect img').attr("src").replace(/^(.+)[0-9](\.[a-z]+)$/, "$1"+ (areaIndex + 1) +"$2"));
		step2On(selectableIndex);
		$(this).parents("div.mapSelect").children("input.selectPref").val($(this).attr("alt"));
		$('div.selectable:eq('+ selectableIndex +') div.mapSelect select').each(function(){
			this.selectedIndex = 0;
		});
	});
	$('div.selectable div.mapSelect select').change(function(){
		var selectableIndex = $('div.selectable').index($(this).parents("div.selectable"));
		$('div.selectable:eq('+ selectableIndex +') div.mapSelect img').attr("src",$('div.selectable:eq('+ selectableIndex +') div.mapSelect img').attr("src").replace(/^(.+)[0-9](\.[a-z]+)$/, "$10$2"));
		$(this).parents("div.mapSelect").children("input.selectPref").val($(this).val());
		step2On(selectableIndex);
	});
	
	//検索一覧　県名選択時
	$('body#list').each(function(){
		var selectPrefVal = $('div.mapSelect input.selectPref').val();
		if(selectPrefVal != ""){
			for(i=0;i<$('div.selectable div.mapSelect map area').length;i++){
				if(selectPrefVal == $('div.selectable div.mapSelect map area:eq('+ i +')').attr("alt")){
					$('div.selectable div.mapSelect img').attr("src",$('div.selectable div.mapSelect img').attr("src").replace(/^(.+)[0-9](\.[a-z]+)$/, "$1"+ (i + 1) +"$2"));
					step2On(0);
				}
			}
			for(i=0;i<$('div.selectable div.mapSelect select option').length;i++){
				if(selectPrefVal == $('div.selectable div.mapSelect select option:eq('+ i +')').val()){
					$('div.selectable div.mapSelect select').val(selectPrefVal);
					step2On(0);
				}
			}
		}
	});
});

//地域のタブクリック
function areaTabChg(paraNextDiv,paraIndex){
	$('div.tabUnit-A','div.tabSection-A').css("display","none");
	$('ul.tabMenu-A li a').removeClass("current");
	
	$('ul.tabMenu-A li:eq('+ paraIndex +') a').addClass("current");
	$('div#'+paraNextDiv,'div.tabSection-A').css("display","block");
	
	
	$('ul.tabMenu-B').each(function(){
		$('div#'+ paraNextDiv +' ul.tabMenu-B li a').removeClass("current");
		$('div#'+ paraNextDiv +' ul.tabMenu-B li:eq(0) a').addClass("current");
		$('div#'+ paraNextDiv +' div.tabUnit-B').css("display","none");
		$('div#'+ paraNextDiv +' div.tabUnit-B:eq(0)').css("display","block");
	});
}

function step2On(divId){
	
	//STEP2へ移動
	$('div.selectable:eq('+divId+') p.stepBallon01').css("display","none");
	$('div.selectable:eq('+divId+') p.stepBallon02').css("display","block");
	$('div.selectable:eq('+divId+') p.stepBallon020,div.selectable:eq('+divId+') p.stepBallon021').css("display","none");
	
	//半透明解消
	$('div.selectable:eq('+divId+') div.wardsSelect div.unit h3').css("opacity","1");
	//中の項目は半透明に
	$('div.selectable:eq('+divId+') div.wardsSelect div.unit div.selectList,div.selectable:eq('+divId+') div.wardsSelect div.unit div.checkTable').css("opacity","0.6");
	
	//画像を初期化
	$('div.selectable:eq('+divId+') div.wardsSelect div.unit h3').each(function(){
		$(this).css({
			opacity: "1",
			cursor: "pointer"
		});
		if($(this).children().attr("src").indexOf("_current") != -1){
			$(this).children().attr("src",$(this).children().attr("src").replace(/^(.+)_current(\.[a-z]+)$/, "$1$2"));
		}
	});
	
	//STEP2見出しをクリック
	$('div.selectable:eq('+divId+') div.wardsSelect div.unit h3').click(function(){
		var unitIndex = $('div.selectable:eq('+divId+') div.wardsSelect div.unit').index($(this).parent());
		
		//見出し画像の処理
		if($(this).children().attr("src").indexOf("_current") == -1){
			$(this).children().attr("src",$(this).children().attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1_current$2"));
		}
		
		$('div.selectable:eq('+divId+') p.stepBallon02,div.selectable:eq('+divId+') p.stepBallon020,div.selectable:eq('+divId+') p.stepBallon021').css("display","none");
		
		
		$('div.selectable:eq('+divId+') div.wardsSelect div.unit:not(":eq('+ unitIndex +')") h3 img').attr("src",$('div.selectable:eq('+divId+') div.wardsSelect div.unit:not(":eq('+ unitIndex +')") h3 img').attr("src").replace(/^(.+)_current(\.[a-z]+)$/, "$1$2"));
		//hidden項目にセット
		$("input.selectType",'div.selectable:eq('+divId+')').val(unitIndex);
		
		//クリックした方のオブジェクトをイキ
		$('div.selectable:eq('+divId+') div.wardsSelect div.unit select,div.selectable:eq('+divId+') div.wardsSelect div.unit input').attr("disabled","disabled");
		$('div.selectable:eq('+divId+') div.wardsSelect div.unit div.selectList,div.selectable:eq('+divId+') div.wardsSelect div.checkTable').css("opacity","0.6");
		$('div.selectable:eq('+divId+') div.wardsSelect div.unit:eq('+ unitIndex +') div.selectList,div.selectable:eq('+divId+') div.wardsSelect div.unit:eq('+ unitIndex +') div.checkTable').css("opacity","1");
		$('div.selectable:eq('+divId+') div.unit:eq('+ unitIndex +') select,div.selectable:eq('+divId+') div.unit:eq('+ unitIndex +') input').attr("disabled",false);
		
		$('div.selectable:eq('+divId+') p.stepBallon02'+unitIndex).css("display","block");
		
		//$('div.selectable:eq('+divId+') div.wardsSelect div.unit:not(":eq('+ h3Index +')")').css("opacity","0.6");
	});

}
