//@charset "utf-8";
//////////////////////////////////////////////////////////////////////////
//
// 地図
//
//////////////////////////////////////////////////////////////////////////
$(document).ready(function() {
	
	/*--------------------------------------------------------------------
	初期表示
	--------------------------------------------------------------------*/
	
	/* カテゴリクリック */
	//初期表示は土地をON
	$('div#prefTopSearch ul.baibaiCategory li:eq(0) img, div#newItemsBlock ul.baibaiCategory li:eq(0) img').attr("src","/index/img/btn_tochi_s.jpg").removeClass("over");
	genreURLFunc('baibai','0');
	genreNewDisp('baibai','0');

	/*--------------------------------------------------------------------
	検索枠内
	--------------------------------------------------------------------*/
	var sortCD = "baibai";	//売買/賃貸
	var genreURL;	//カテゴリ別URL
	
	/* タブの切り替え */
	//賃貸物件をクリック
	$('div#prefTopSearch div.baibai div.tab2 p').click(
		function(){
			toChintaiChg('prefTopSearch');
			genreURLFunc('chintai',0);
		}
	);
	//売買物件をクリック
	$('div#prefTopSearch div.chintai div.tab2 p').click(
		function(){
			toBaibaiChg('prefTopSearch');
			genreURLFunc('baibai',0);
		}
	);
	
	/* タブ内クリック */
	//OFFの賃貸物件をクリック
	$('div#prefTopSearch div.baibai div.tab2 ul li').click(
		function(){
			toChintaiDisp('prefTopSearch');
			var index = $('div#prefTopSearch div.baibai div.tab2 ul li').index(this);
			categoryClick('chintai',index,'prefTopSearch');
			genreURLFunc('chintai',index);
		}
	);
	
	//OFFの売買物件をクリック
	$('div#prefTopSearch div.chintai div.tab2 ul li').click(
		function(){
			toBaibaiDisp('prefTopSearch');
			var index = $('div#prefTopSearch div.chintai div.tab2 ul li').index(this);
			categoryClick('baibai',index,'prefTopSearch');
			genreURLFunc('baibai',index);
		}
	);
	
	/*ボタンクリック*/
	//売買のボタンをクリック
	$('div#prefTopSearch ul.baibaiCategory li').click(
		function(){
			var index = $('div#prefTopSearch ul.baibaiCategory li').index(this);
			categoryClick('baibai',index,'prefTopSearch');
			genreURLFunc('baibai',index);
		}
	);
	
	//賃貸のボタンをクリック	
	$('div#prefTopSearch ul.chintaiCategory li').click(
		function(){
			var index = $('div#prefTopSearch ul.chintaiCategory li').index(this);
			categoryClick('chintai',index,'prefTopSearch');
			genreURLFunc('chintai',index);
		}
	);
	
	/*--------------------------------------------------------------------
	新着物件内
	--------------------------------------------------------------------*/
	
	var sortCDNew = "baibai";	//売買/賃貸
	var genreURLNew;	//カテゴリ別URL
	
	/* タブの切り替え */
	//賃貸物件をクリック
	$('div#newItemsBlock div.baibai div.tab2 p').click(
		function(){
			toChintaiChg('newItemsBlock');
			genreNewDisp('chintai',0);
		}
	);
	//売買物件をクリック
	$('div#newItemsBlock div.chintai div.tab2 p').click(
		function(){
			toBaibaiChg('newItemsBlock');
			genreNewDisp('baibai',0);
		}
	);
	
	/* タブ内クリック */
	//OFFの賃貸物件をクリック
	$('div#newItemsBlock div.baibai div.tab2 ul li').click(
		function(){
			toChintaiDisp('newItemsBlock');
			var index = $('div#newItemsBlock div.baibai div.tab2 ul li').index(this);
			categoryClick('chintai',index,'newItemsBlock');
			genreNewDisp('chintai',index);
		}
	);
	
	//OFFの売買物件をクリック
	$('div#newItemsBlock div.chintai div.tab2 ul li').click(
		function(){
			toBaibaiDisp('newItemsBlock');
			var index = $('div#newItemsBlock div.chintai div.tab2 ul li').index(this);
			categoryClick('baibai',index,'newItemsBlock');
			genreNewDisp('baibai',index);
		}
	);
	
	/*ボタンクリック*/
	//売買のボタンをクリック
	$('div#newItemsBlock ul.baibaiCategory li').click(
		function(){
			var index = $('div#newItemsBlock ul.baibaiCategory li').index(this);
			categoryClick('baibai',index,'newItemsBlock');
			genreNewDisp('baibai',index);
		}
	);
	
	//賃貸のボタンをクリック	
	$('div#newItemsBlock ul.chintaiCategory li').click(
		function(){
			var index = $('div#newItemsBlock ul.chintaiCategory li').index(this);
			categoryClick('chintai',index,'newItemsBlock');
			genreNewDisp('chintai',index);
		}
	);
	
	/*------------------------------------------------------------------*/
	
	/*--------------------------------------------------------------------
	共通関数
	--------------------------------------------------------------------*/
	/* カテゴリクリック時のロールオーバー */
	$('div.category ul li img.over').hover(
		function(){
			var srcArray = new Array();
			if($(this).attr("src").indexOf("_s") == -1){
				srcArray = $(this).attr("src").split(".jpg");
				$(this).attr("src",srcArray[0] + "_o.jpg");
			}
		},
		function(){
			var srcArray = new Array();
			if($(this).attr("src").indexOf("_o") != -1){
				srcArray = $(this).attr("src").split("_o");
				$(this).attr("src",srcArray[0] + srcArray[1]);
			}
		}
	);
	
	//カテゴリのボタンがクリックされた時の処理
	function categoryClick(sort,clickIndex,parentID){
		//元に戻す
		$('div#' + parentID + ' div.category ul li img').addClass("over");
		//_sついてる画像のパスを_sついてないものにする
		for(i=0;i<$('div#' + parentID + ' div.category ul li img').length;i++){
			var src = $('div#' + parentID + ' div.category ul li img:eq('+ i +')');
			if((src.attr("src")).indexOf("_s") != -1){
				var srcArray = (src.attr("src")).split("_s");
				src.attr("src",srcArray[0]+srcArray[1]);
			}
		}
		//クリックしたボタンの処理
		var $targetImg = $('div#' + parentID + ' ul.'+ sort +'Category li:eq('+ clickIndex +')').children();
		$targetImg.removeClass("over");
		if($targetImg.attr("src").indexOf("_o") != -1){
			srcArray = $targetImg.attr("src").split("_o");
			$targetImg.attr("src",srcArray[0] + "_s" + srcArray[1]);
		}else{
			srcArray = $targetImg.attr("src").split(".jpg");
			$targetImg.attr("src",srcArray[0] + "_s.jpg");
		}
		genreURLFunc(sort,clickIndex);
	}
	
	//タブ　賃貸物件をクリック
	function toChintaiChg(parentID){
		$('div#' + parentID + ' div.baibai').css('display','none');
		$('div#' + parentID + ' div.chintai').css('display','block');
		$('div#' + parentID + ' ul.baibaiCategory').css('display','none');
		$('div#' + parentID + ' ul.chintaiCategory').css('display','block');
		$('div#' + parentID + ' ul.chintaiCategory li:eq(0) img').attr("src","../index/img/btn_chintai_apart_s.jpg");
		$('div#' + parentID + ' ul.chintaiCategory li:eq(0) img').removeClass("over");
		categoryClick('chintai','0',parentID);
	}
	
	//タブ　売買物件をクリック
	function toBaibaiChg(parentID){
		$('div#' + parentID + ' div.chintai').css('display','none');
		$('div#' + parentID + ' div.baibai').css('display','block');
		$('div#' + parentID + ' ul.chintaiCategory').css('display','none');
		$('div#' + parentID + ' ul.baibaiCategory').css('display','block');
		$('div#' + parentID + ' ul.baibaiCategory li:eq(0) img').attr("src","../index/img/btn_tochi_s.jpg");
		$('div#' + parentID + ' ul.baibaiCategory li:eq(0) img').removeClass("over");
		categoryClick('baibai','0',parentID);
	}
	
	//タブ内クリック　賃貸物件
	function toChintaiDisp(parentID){
		$('div#' + parentID + ' div.baibai').css('display','none');
		$('div#' + parentID + ' div.chintai').css('display','block');
		$('div#' + parentID + ' ul.baibaiCategory').css('display','none');
		$('div#' + parentID + ' ul.chintaiCategory').css('display','block');
	}
	
	//タブ内クリック　売買物件
	function toBaibaiDisp(parentID){
		$('div#' + parentID + ' div.chintai').css('display','none');
		$('div#' + parentID + ' div.baibai').css('display','block');
		$('div#' + parentID + ' ul.chintaiCategory').css('display','none');
		$('div#' + parentID + ' ul.baibaiCategory').css('display','block');
	}
	
	//カテゴリ別リンク先をhiddenに持たせる（検索枠内最終処理）
	function genreURLFunc(sortCD,clickCD){
		if(sortCD == "baibai"){
			if(clickCD == '0'){		//土地
				genreURL = tochiURL;
			}else if(clickCD == '1'){	//新築戸建て
				genreURL = kodateNewURL;
			}else if(clickCD == '2'){	//中古戸建て
				genreURL = kodateReuseURL;
			}else if(clickCD == '3'){	//新築マンション
				genreURL = mansionNewURL;
			}else if(clickCD == '4'){	//中古マンション
				genreURL = mansionReuseURL;
			}else if(clickCD == '5'){	//事業用
				genreURL = jigyoJigyoURL;
			}else if(clickCD == '6'){	//投資用
				genreURL = jigyoToushiURL;
			}
		}else if(sortCD == "chintai"){
			if(clickCD == '0'){		//マンション
				genreURL = chintaiMansionURL;
			}else if(clickCD == '1'){	//アパート
				genreURL = chintaiApartURL;
			}else if(clickCD == '2'){	//貸家
				genreURL = chintaiHouseURL;
			}else if(clickCD == '3'){	//貸し事業用			
				genreURL = chintaiJigyoURL;				
			}else if(clickCD == '4'){	//貸し店舗
				genreURL = chintaiTenantURL;
			}else if(clickCD == '5'){	//貸し事務所
				genreURL = chintaiOfficeURL;
			}else if(clickCD == '6'){	//貸し店舗事務所
				genreURL = chintaiTenantOfficeURL;
			}
		}
		$('input#areaGenreURL').val(genreURL);
		$('input#ensenGenreURL').val(genreURL);
	}
	
	//選択したカテゴリに応じた新着物件を表示させる（新着枠内最終処理）
	function genreNewDisp(sortCD,clickCD){
		$('div.newItems').css("display","none");
		var genreCD = "";
		if(sortCD == "baibai"){
			if(clickCD == '0'){		//土地
				genreCD = tochiCD;
			}else if(clickCD == '1'){	//新築戸建て
				genreCD = kodateNewCD;
			}else if(clickCD == '2'){	//中古戸建て
				genreCD = kodateReuseCD;
			}else if(clickCD == '3'){	//新築マンション
				genreCD = mansionNewCD;
			}else if(clickCD == '4'){	//中古マンション
				genreCD = mansionReuseCD;
			}else if(clickCD == '5'){	//事業用
				genreCD = jigyoJigyoCD;
			}else if(clickCD == '6'){	//投資用
				genreCD = jigyoToushiCD;
			}
		}else if(sortCD == "chintai"){
			if(clickCD == '0'){		//アパート
				genreCD = chintaiApartCD;
			}else if(clickCD == '1'){	//マンション
				genreCD = chintaiMansionCD;
			}else if(clickCD == '2'){	//貸家
				genreCD = chintaiHouseCD;
			}else if(clickCD == '3'){	//貸し事業用物件
				genreCD = chintaiJigyoCD;
			}else if(clickCD == '4'){	//貸し店舗
				genreCD = chintaiTenantCD;
			}else if(clickCD == '5'){	//貸し事務所
				genreCD = chintaiOfficeCD;
			}else if(clickCD == '6'){	//貸し店舗事務所
				genreCD = chintaiTenantOfficeCD;
			}
		}
		$('#newObj'+genreCD).css("display","block");
		
	}
	
});