//<!--

$(document).ready(function(){

	var xhrObj  = getXhrObj();
	var sizenum = 1;
	
	function initOnLoad(){
		$("#map").css("diplay", "none");
		map_class1Req();
	}
	
	//ジャンル取得
	function map_class1Req(){
		xhrObj.open('get', 'map_main.php?mode=1');
		xhrObj.onreadystatechange = map_class1Resp;
		xhrObj.send(null);
	}
	function map_class1Resp(){
		if(xhrObj.readyState == 4){  
			if(xhrObj.status == 200){  
				var recs = xhrObj.responseText.split("<r>"); 
				var view = '<select id="map_class1List" size="'+sizenum+'">';
				for(i = 0; i < recs.length; i++){
					var rec = recs[i].split("<i>");
					for(j = 0; j < rec.length; j++){
						if(j==0){
							map_class1_code = rec[j]; 
						}else{
							view+='<option value="'+map_class1_code+'">'+rec[j]+'</option>';   	
						}
					}
				}
				$('#map_class1').html(view);
				$('#map_class2').html("");
				$('#map_class3').html("");

				setListener(document.getElementById("map_class1List"), "change", map_class2Req);
			}
		}
	} 

	//カテゴリー取得
	function map_class2Req(){

		css_reset();

		map_class1_code = $('#map_class1List').val();		//ジャンル
		if (map_class1_code==null){							//Safari対策
			return false;
		}

		xhrObj.open('get', 'map_main.php?mode=2&uc1='+map_class1_code);
		xhrObj.onreadystatechange = map_class2Resp;
		xhrObj.send(null);
	}
	function map_class2Resp(){
		if(xhrObj.readyState == 4){  
			if(xhrObj.status == 200){  
				var recs = xhrObj.responseText.split("<r>"); 
				var view = '<select id="map_class2List" size="'+sizenum+'">';
				for(i = 0; i < recs.length; i++){
					var rec = recs[i].split("<i>");
					for(j = 0; j < rec.length; j++){
						if(j==0){
							map_class2_code = rec[j]; 
						}else{
							view+='<option value="'+map_class2_code+'">'+rec[j]+'</option>';   	
						}
					}
				}
				view += '</select>';
				$('#map_class2').html(view);
				$('#map_class3').html("");

				switch(map_class1_code){
					case "00":
						break;
					case "01":	//食べる
						setListener(document.getElementById("map_class2List"), "change", map_groumetReq);
						break;
					case "03":	//売る・買う
						setListener(document.getElementById("map_class2List"), "change", map_carReq);
						break;
					case "11":	//泊まる
						setListener(document.getElementById("map_class2List"), "change", map_hotelReq);
						break;
					default:
						setListener(document.getElementById("map_class2List"), "change", map_search_ready);
						break;
				}
			}
		}
	} 

	//食べるカテゴリー
	function map_groumetReq(){

		css_reset();
		
		map_class2_code = $('#map_class2List').val();		//カテゴリー
		if (map_class2_code==null){							//Safari対策
			return false;
		}

		xhrObj.open('get', 'map_main.php?mode=3&uc2='+map_class2_code);
		xhrObj.onreadystatechange = map_groumetResp;
		xhrObj.send(null);
	}
	function map_groumetResp(){
		if(xhrObj.readyState == 4){  
			if(xhrObj.status == 200){  
				var recs = xhrObj.responseText.split("<r>"); 
				var view = '<select id="map_groumetList" size="'+sizenum+'">';
				for(i = 0; i < recs.length; i++){
					var rec = recs[i].split("<i>");
					for(j = 0; j < rec.length; j++){
						if(j==0){
							map_groumet_code = rec[j]; 
						}else{
							view+='<option value="'+map_groumet_code+'">'+rec[j]+'</option>';   	
						}
					}
				}
				view += '</select>';
				$('#map_class3').html(view);

				setListener(document.getElementById("map_groumetList"), "change", map_search_ready);
			}
		}
	} 

	//売る・買うカテゴリー　：　中古車探し
	function map_carReq(){

		map_class2_code = $('#map_class2List').val();		//カテゴリー
		if (map_class2_code==null){							//Safari対策
			return false;
		}

		xhrObj.open('get', 'map_main.php?mode=4&uc2='+map_class2_code);
		xhrObj.onreadystatechange = map_carResp;
		xhrObj.send(null);
	}
	function map_carResp(){
		if(xhrObj.readyState == 4){
			if(xhrObj.status == 200){
				var view = xhrObj.responseText; 
				$('#map_class3').html(view);
				map_search_ready();
			}
		}
	} 

	//泊まるカテゴリー
	function map_hotelReq(){
		$('div.searchModules').css("display", "block");
		$('span.searchBlockA1').css("display", "block");
		$('#search_address').css("margin-top", "3px");
		$('#btn_search').css("padding-top", "0px");
		map_search_ready();
	} 

	//CSSリセット
	function css_reset(){
		$('div.searchModules').css("display", "none");
		$('span.searchBlockA1').css("display", "none");
		$('#search_address').css("margin-top", "27px");
		$('#btn_search').css("padding-top", "21px");
	} 


	//検索可能状態にする
	function map_search_ready(){

		$("img.welcome").fadeOut("slow",function(){
			$(this).css("display", "none");
		});
		$("#btn_currentposition").css("display", "block");
		$("#btn_search").css("display", "block");
		$("#btn_tellposition").css("display", "block");
	}

	//フォーカス時に住所を消す
	var placeHolder1 = '住所やスポット名を入力してください';
	$("#txtaddr")
		.focus(function() {
			var self = $(this);
			if (self.val() === placeHolder1) self.val("");
		})
		.blur(function() {
			var self = $(this);
			if (self.val() === "") self.val(placeHolder1);
		});

	//フォーカス時にキーワードを消す
	var placeHolder2 = '絞込キーワード';
	$("#keyw")
		.focus(function() {
			var self = $(this);
			if (self.val() === placeHolder2) self.val("");
		})
		.blur(function() {
			var self = $(this);
			if (self.val() === "") self.val(placeHolder2);
		});

	setListener(window, "load", initOnLoad);

});


//検索する
var xhrObj  = getXhrObj();
function search_map(){

	var cat1= document.getElementById("map_class1List").value;
	var cat2= document.getElementById("map_class2List").value;
	var cat = cat1+','+cat2;
	var keywords = document.getElementById("keyw").value;
	var rad = document.getElementById("radius").value;
	var adr = document.getElementById("txtaddr").value;
    var flag = 0;

	if (keywords == "絞込キーワード"){
		keywords = "";
	}else{
		keywords = encodeURI(keywords);
	}

    // 設定開始（必須にする項目を設定してください）
    if(cat1 == "00" || cat2 == "00"){	// 「カテゴリー」の入力をチェック
        flag = 1;
    }else{
        if(adr == "住所やスポット名を入力してください" || adr == ""){	// 「住所」の入力をチェック
            flag = 2;
        }
    }

	adr = encodeURI(adr);

	switch (cat1){
		case "01":
			var gen = document.getElementById("map_groumetList").value;
			var iframe = 'map.php?category='+cat+'&genre='+gen+'&keywords='+keywords+'&radius='+rad+'&txtaddr='+adr;
			break;
		case "03":
			if (cat2=="01"){
				var brand = document.getElementById("brand").value;
				var body = document.getElementById("body").value;
				var color = document.getElementById("color").value;
				var lowprice = document.getElementById("lowprice").value;
				var highprice = document.getElementById("highprice").value;

				if (lowprice != ""){
					lowprice = lowprice * 10000;
				}
				if (highprice != ""){
					highprice = highprice * 10000;
				}
				var iframe = 'map.php?category='+cat+'&keywords='+keywords+'&radius='+rad+'&txtaddr='+adr+'&brand='+brand+'&body='+body+'&color='+color+'&lowprice='+lowprice+'&highprice='+highprice;
			}else{
				var iframe = 'map.php?category='+cat+'&keywords='+keywords+'&radius='+rad+'&txtaddr='+adr;
			}
			break;
		case "11":
			var f_nen1  = document.getElementById("f_nen1").value;
			var f_tuki1 = document.getElementById("f_tuki1").value;
			var f_hi1   = document.getElementById("f_hi1").value;
			var f_nen2  = document.getElementById("f_nen2").value;
			var f_tuki2 = document.getElementById("f_tuki2").value;
			var f_hi2   = document.getElementById("f_hi2").value;

			var f_otona_su = document.getElementById("f_otona_su").value;
			var f_heya_su = document.getElementById("f_heya_su").value;
			var f_s1 = document.getElementById("f_s1").value;
			var f_s2 = document.getElementById("f_s2").value;
			var f_y1 = document.getElementById("f_y1").value;
			var f_y2 = document.getElementById("f_y2").value;
			var f_y3 = document.getElementById("f_y3").value;
			var f_y4 = document.getElementById("f_y4").value;

			var f_kin1 = document.getElementById("f_kin1").value;
			var f_kin2 = document.getElementById("f_kin2").value;

			var iframe = 'map.php?category='+cat+'&keywords='+keywords+'&radius='+rad+'&txtaddr='+adr+
				'&f_nen1='+f_nen1+'&f_tuki1='+f_tuki1+'&f_hi1='+f_hi1+'&f_nen2='+f_nen2+'&f_tuki2='+f_tuki2+'&f_hi2='+f_hi2+
				'&f_otona_su='+f_otona_su+'&f_heya_su='+f_heya_su+
				'&f_s1='+f_s1+'&f_s2='+f_s2+'&f_y1='+f_y1+'&f_y2='+f_y2+'&f_y3='+f_y3+'&f_y4='+f_y4+
				'&f_kin1='+f_kin1+'&f_kin2='+f_kin2;
			break;
		default:
			var iframe = 'map.php?category='+cat+'&keywords='+keywords+'&radius='+rad+'&txtaddr='+adr;
	}

    // 設定終了
    if(flag == 1){
        window.alert('カテゴリーを選択してください。');				// 入力漏れがあれば警告ダイアログを表示
    }else{
        if(flag == 2){
            window.alert('住所やスポット名を入力してください。');	// 入力漏れがあれば警告ダイアログを表示
        }else{
			document.getElementById("main").innerHTML = '<div id="loading"><img src="images/ajax-loader.gif" /></div>';
			xhrObj.open('get', iframe);
			xhrObj.onreadystatechange = search_mapResp;
			xhrObj.send(null);
		}
    }
}

function search_mapResp(){
	if(xhrObj.readyState == 4){  
		if(xhrObj.status == 200){
			var view = xhrObj.responseText; 
			document.getElementById("main").innerHTML = '<iframe src="'+view+'" width="900" height="480" frameBorder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>';
		}
	}
}

//-->