var targetDiv = "tenshoku";
var liIndex = "0";
var wrapHeight = $('div#searchTools').height();
var nextDiv = "searchUnit01";
var paraFlg = 0;
$(function(){
	var hash = location.hash;
	var locSer = location.search.substring(1,location.search.length);
	
	//別ページからの遷移
	if( hash || locSer ){
		wrapHeight = $('div#searchTools').height();
		nextDiv = "searchUnit01";
		targetDiv = "tenshoku";
		paraFlg = 0;
		if(hash){
			//ハッシュがあれば該当のエリアを開く
			$('div#searchTools ul.tabMenu li a').each(function(){
				var that = $(this);
				if(that.attr("href").indexOf(hash) != -1){
					liIndex = $('div#searchTools ul.tabMenu li').index($(this).parent());
					wrapHeight = $('div#searchTools').height();
					nextDiv = "searchUnit0" + (liIndex + 1);
				}
			});
		}
		
		//別ページから遷移　転職・アルバイトの切り替え対応
		if(locSer){
			var locSer = location.search.substring(1,location.search.length);
			var locSerArray = locSer.split("&");
			
			for(i=0;i<locSerArray.length;i++){
				if(locSerArray[i].split("=")[0] == "targetType"){
					targetDiv = locSerArray[i].split("=")[1];		//tenshoku or parttime
					if(targetDiv == "tenshoku"){
						paraFlg = 0;
					}else{
						paraFlg = 1;
					}
				}
			}
			if(targetDiv != ""){
				$('div#searchTools ul#typeSelect li a').removeClass("current");
				$('div#searchTools ul#typeSelect li:eq('+ paraFlg +') a').addClass("current");
			}
		}
		$('div#searchTools').height(wrapHeight);
		$('div.toolUnit').fadeOut(100);
		$('div#searchTools ul.tabMenu li').removeClass("current");
		$('div#searchTools ul.tabMenu li:eq('+ liIndex + ')').addClass("current");
		
		$('div#searchTools div#'+ nextDiv).fadeIn(100,function(){
			var dispDiv = parseInt(nextDiv.substring(nextDiv.length-1,nextDiv.length))-1;
			//転職・アルバイトの切り替えがあれば対応
			chgSelect(dispDiv,targetDiv,paraFlg);
			
			//トップページのタブ
			$('div#typeSearchMenu').each(function(){
				$('div.resultTable table').css("display","none");
				$('div.resultTable table.MenuUnitArea' + dispDiv).css("display","block");
			});
		});
		$('div#searchTools').height('auto');
		$('div#searchTools ul.tabMenu li:eq('+ liIndex + ')').blur();
	}
	
	//--------------------------------------------------------------------
	
	//地図の制御
	$('div#searchTools').each(function(){
		
		//タブ切り替え
		$('div#searchTools ul.tabMenu li a').click(function(){
			//e.preventDefault();
			var wrapHeight = $('div#searchTools').height();
			var nextDiv = "searchUnit0" + $(this).attr("href").slice(($(this).attr("href").length-1),$(this).attr("href").length);
			var thisIndex = $(this).attr("href").slice(($(this).attr("href").length-1),$(this).attr("href").length) - 1;
			areaTabChg(wrapHeight,nextDiv,thisIndex);
		});
		
		
		
		//地図に背景を設定
		$('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");
			}
		});
		
		//タブのロールオーバー
		$('div#searchTools ul.tabMenu li a').hover(
			function(){
				if($("img",this).attr("src").hasClass("current") != -1){
					$("img",this).css("visiblity",hidden);
				}
			},function(){
				if($("img",this).attr("src").hasClass("current") != -1){
					$("img",this).css("visiblity",visible);
				}
			}
		);
		
		//STEP2 初期設定
		$('div.toolUnit div.wardsSelect div.unit h4,div.toolUnit div.wardsSelect div.unit div.selectList,div.toolUnit div.wardsSelect div.unit div.checkTable').css("opacity","0.6");
		$('div.toolUnit div.wardsSelect div.unit select,div.toolUnit div.wardsSelect div.unit input').attr("disabled","disabled");
		$('div.toolUnit p.stepBallon02,div.toolUnit p.stepBallon020,div.toolUnit p.stepBallon021').css("display","none");
		
		
		
		
		//STEP1選択 地図を選択したとき img_kanto_map_0.png
		$('div.toolUnit div.mapSelect map area').click(function(){
			var toolUnitIndex = $('div.toolUnit').index($(this).parents("div.toolUnit"));
			var areaIndex = $('div.toolUnit:eq('+ toolUnitIndex +') div.mapSelect map area').index($(this));
			$('div.toolUnit:eq('+ toolUnitIndex +') div.mapSelect img').attr("src",$('div.toolUnit:eq('+ toolUnitIndex +') div.mapSelect img').attr("src").replace(/^(.+)[0-9](\.[a-z]+)$/, "$1"+ (areaIndex + 1) +"$2"));
			step2On(toolUnitIndex);
			$(this).parents("div.mapSelect").children("input.selectPref").val($(this).attr("alt"));
			$('div.toolUnit:eq('+ toolUnitIndex +') div.mapSelect select').each(function(){
				this.selectedIndex = 0;
			});
		});
		$('div.toolUnit div.mapSelect select').change(function(){
			var toolUnitIndex = $('div.toolUnit').index($(this).parents("div.toolUnit"));
			$('div.toolUnit:eq('+ toolUnitIndex +') div.mapSelect img').attr("src",$('div.toolUnit:eq('+ toolUnitIndex +') div.mapSelect img').attr("src").replace(/^(.+)[0-9](\.[a-z]+)$/, "$10$2"));
			$(this).parents("div.mapSelect").children("input.selectPref").val($(this).val());
			step2On(toolUnitIndex);
		});
		//検索一覧　県名選択時
		$('body#list').each(function(){
			var selectPrefVal = $('div.mapSelect input.selectPref').val();
			if(selectPrefVal != ""){
				for(i=0;i<$('div.toolUnit div.mapSelect map area').length;i++){
					if(selectPrefVal == $('div.toolUnit div.mapSelect map area:eq('+ i +')').attr("alt")){
						$('div.toolUnit div.mapSelect img').attr("src",$('div.toolUnit div.mapSelect img').attr("src").replace(/^(.+)[0-9](\.[a-z]+)$/, "$1"+ (i + 1) +"$2"));
						step2On(0);
					}
				}
				for(i=0;i<$('div.toolUnit div.mapSelect select option').length;i++){
					if(selectPrefVal == $('div.toolUnit div.mapSelect select option:eq('+ i +')').val()){
						$('div.toolUnit div.mapSelect select').val(selectPrefVal);
						step2On(0);
					}
				}
			}
		});
	});
	
	
	//転職・アルバイトの切り替え
	$('div#searchTools ul#typeSelect').each(function(){
		
		$('div#searchTools ul#typeSelect li a').click(function(e){
			e.preventDefault();
			paraFlg = $('div#searchTools ul#typeSelect li').index($(this).parent("li"));	//転職orアルバイト
			var dispDiv = $('div.chgSelect').index($('div.chgSelect:visible'));				//地域
			//タブ切り替え
			$('div#searchTools ul#typeSelect li a').removeClass("current");
			$(this).addClass("current");
			targetDiv = $(this).attr("href").split("#")[1];
			chgSelect(dispDiv,targetDiv,paraFlg);
			
		});
		$('div#searchTools ul#typeSelect li a').hover(
			function(){
				if($("img",this).attr("src").hasClass("current") != -1){
					$("img",this).css("visiblity",hidden);
				}
			},function(){
				if($("img",this).attr("src").hasClass("current") != -1){
					$("img",this).css("visiblity",visible);
				}
			}
		);
	});
});

function areaTabChg(paraHeight,paraNextDiv,paraIndex){
	
	
	$('div#searchTools').height(paraHeight);
	$('div.toolUnit').fadeOut(100);
	$('div#searchTools ul.tabMenu li').removeClass("current");
	$('div#searchTools ul.tabMenu li:eq('+ paraIndex + ')').addClass("current");
	
	$('div#searchTools div#'+ paraNextDiv).fadeIn(100,function(){
		var dispDiv = parseInt(paraNextDiv.substring(paraNextDiv.length-1,paraNextDiv.length))-1;
		//転職・アルバイトの切り替えがあれば対応
		$('div#searchTools ul#typeSelect').each(function(){
			chgSelect(dispDiv,targetDiv,paraFlg);
		});
		
		//トップページのタブ
		$('div#typeSearchMenu').each(function(){
			$('div.resultTable table').css("display","none");
			$('div.resultTable table.MenuUnitArea' + dispDiv).css("display","block");
		});
	});
	$('div#searchTools').height('auto');
	$('div#searchTools ul.tabMenu li:eq('+ paraIndex + ')').blur();
}

function step2On(divId){
	
	//STEP2へ移動
	$('div.toolUnit:eq('+divId+') p.stepBallon01').css("display","none");
	$('div.toolUnit:eq('+divId+') p.stepBallon02').css("display","block");
	$('div.toolUnit:eq('+divId+') p.stepBallon020,div.toolUnit:eq('+divId+') p.stepBallon021').css("display","none");
	
	//半透明解消
	$('div.toolUnit:eq('+divId+') div.wardsSelect div.unit h4').css("opacity","1");
	//中の項目は半透明に
	$('div.toolUnit:eq('+divId+') div.wardsSelect div.unit div.selectList,div.toolUnit:eq('+divId+') div.wardsSelect div.unit div.checkTable').css("opacity","0.6");
	
	//画像を初期化
	$('div.toolUnit:eq('+divId+') div.wardsSelect div.unit h4').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.toolUnit:eq('+divId+') div.wardsSelect div.unit h4').click(function(){
		var unitIndex = $('div.toolUnit: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.toolUnit:eq('+divId+') p.stepBallon02,div.toolUnit:eq('+divId+') p.stepBallon020,div.toolUnit:eq('+divId+') p.stepBallon021').css("display","none");
		
		
		$('div.toolUnit:eq('+divId+') div.wardsSelect div.unit:not(":eq('+ unitIndex +')") h4 img').attr("src",$('div.toolUnit:eq('+divId+') div.wardsSelect div.unit:not(":eq('+ unitIndex +')") h4 img').attr("src").replace(/^(.+)_current(\.[a-z]+)$/, "$1$2"));
		//hidden項目にセット
		$("input.selectType",'div.toolUnit:eq('+divId+')').val(unitIndex);
		
		//クリックした方のオブジェクトをイキ
		$('div.toolUnit:eq('+divId+') div.wardsSelect div.unit select,div.toolUnit:eq('+divId+') div.wardsSelect div.unit input').attr("disabled","disabled");
		$('div.toolUnit:eq('+divId+') div.wardsSelect div.unit div.selectList,div.toolUnit:eq('+divId+') div.wardsSelect div.checkTable').css("opacity","0.6");
		$('div.toolUnit:eq('+divId+') div.wardsSelect div.unit:eq('+ unitIndex +') div.selectList,div.toolUnit:eq('+divId+') div.wardsSelect div.unit:eq('+ unitIndex +') div.checkTable').css("opacity","1");
		$('div.toolUnit:eq('+divId+') div.unit:eq('+ unitIndex +') select,div.toolUnit:eq('+divId+') div.unit:eq('+ unitIndex +') input').attr("disabled",false);
		
		$('div.toolUnit:eq('+divId+') p.stepBallon02'+unitIndex).css("display","block");
		
		//$('div.toolUnit:eq('+divId+') div.wardsSelect div.unit:not(":eq('+ h4Index +')")').css("opacity","0.6");
	});

}

function chgSelect(paramDispDiv,paramTargetDiv,paramFlg){
	//paramFlg=0 転職
	if(paramFlg==0){
		$('div#searchTools p.lead01')
		$('img#serviceFullFlowBtn').each(function(){
			$('img#serviceFullFlowBtn').parents("li").css("display","block");
		});
	//paramFlg=1 アルバイト
	}else if(paramFlg==1){
		$('img#serviceFullFlowBtn').each(function(){
			$('img#serviceFullFlowBtn').parents("li").css("display","none");
		});
	}
	//表示だし分け
	$("div.tenshoku,div.parttime",'div#searchTools div.chgSelect:eq('+ paramDispDiv +')').css("display","none");
	var divHeight = $('div#searchTools div.chgSelect:eq('+ paramDispDiv +') div.'+ paramTargetDiv).height();
	$('div#searchTools div.chgSelect:eq('+ paramDispDiv +')').height(divHeight);
	$('div#searchTools div.chgSelect:eq('+ paramDispDiv +')').css("overflow","hidden");
	$('div#searchTools div.chgSelect:eq('+ paramDispDiv +') div.'+ paramTargetDiv).css("display","block");
	$('div#searchTools div.chgSelect:eq('+ paramDispDiv +') input#unitTypeId0'+ (paramDispDiv + 1)).val(paramTargetDiv);
	//転職の場合
	if(paramTargetDiv == "tenshoku"){
		$('div#searchTools p.lead01:eq('+ paramDispDiv +')').css("display","block");
		$('div#searchTools div.inputBox-A:eq('+ paramDispDiv +')').slideDown();
	//アルバイトの場合
	}else{
		$('div#searchTools p.lead01:eq('+ paramDispDiv +')').css("display","none");
		$('div#searchTools div.inputBox-A:eq('+ paramDispDiv +')').css("display","none");
	}
}