//日付指定のときは県のみの選択では不十分なのでチェックする////////////////////////////////
function checkSelection(FORM){
//alert("HotelSearchFlag="+document.getElementById("HotelSearchFlag").value);
//	if(!document.getElementById("HotelSearchFlag").value){
//		if(!document.getElementById("largeArea").value){

	if(document.frmSample.HotelSearch[1].checked && !document.getElementById("largeArea").value){
		alert("県内の地域を選択してください");
		return false;
	}else{
		return true;
	}

//	}else{
//		return true;
//	}

}

//検索条件詳細メニューを表示する////////////////////////////////
function showDetail(){
	var cond = {
		high:	"ハイクラスの宿",
		sp_room:	"特別室・離れ・スイート",

		prv_bath:	"貸切風呂",
		r_room:		"露天風呂付き客室",

		sauna:		"サウナ",
		mssg:		"マッサージ",

		esthe:		"エステ設備",
		fitness:	"フィットネスジム",

		gym:		"体育館",
		p_field:	"グラウンド",

		hall:		"宴会場",
		bbq:		"バーベキュー施設"
	};
	var det = "<table cellspacing=3 cellpadding=0>";
	var key;
	var i = 0;
	for (key in cond){
		if(i%2 == 0)det += "<tr>";
		det += "<td><input type=checkbox name="+key+" id="+key+" value=1>" + cond[key] ;
		if(i%2 == 1)det += "</tr>";
		i++;
	}

	det += "</table>";
	var obj1 = document.getElementById("checkbox2");
	$(obj1).innerHTML = det;

}

//都市を選択したときに呼び出されるサブルーチン-----------------------------//

//詳細地域メニューを作成する////////////////////////////////
function CreateListJalanArea(){
	var large = document.frmSample.largeArea.value;//県内地域
var tag;//引数指定されているCDがPrefectureかLargeAreaか
var cd ;//引数指定されているCD値
	ClearArea();

//var obj1 = document.getElementById("detail");
//$(obj1).innerHTML = "<font color=red>←<B>地域を絞り込むことができます</B></font>";
	var obj1 = document.getElementById("detail");
	$(obj1).innerHTML = "　";

//alert("large="+large);exit;

if(large){
	//prefもlargeも指定されている時は詳細な方を優先する
	tag  = "LargeArea";
	cd   = large;	//引数を代入する
	chil = "SmallArea";
}else if(pref){
	tag  = "Prefecture";
	cd   = pref;	//引数を代入する
	chil = "LargeArea";
}
//alert("tag="+tag);exit;

	var msec = (new Date()).getTime();
	new Ajax.Request("/xml/areasearch.xml", {
		method: "get",
		parameters: "cache="+msec,
		onSuccess:function(httpObj){
			var xmlData  = httpObj.responseXML;
			var targetTag = xmlData.getElementsByTagName(tag);
			var tbl = "<table border='1'>";
			var detailName = new Array();
			var detailCode = new Array();
//alert("targetTag.length="+targetTag.length);exit;
//alert("cd="+cd);//exit;
			for (var i=0; i<targetTag.length; i++){

//				var targetCd = targetTag[i].attributes.item(0).text;
				var targetCd = targetTag[i].getAttribute("cd");

//alert("length="+targetTag[i].attributes.length);//exit;

//alert("targetCd="+targetCd);exit;
				if(targetCd != cd){continue };//特定のCDと異なっていたら戻る
//alert("match!");exit;
				var target = targetTag[i].getElementsByTagName(chil);

//				tbl += "<tr>";

				for (var i=0; i<target.length; i++){
//					tbl += "<td>"+ target[i].attributes.item(0).text+"<td>" +target[i].attributes.item(1).text+"</td>";
//					tbl +="</tr>";

					detailName . push( target[i].getAttribute("name"));//<option>～</option>で囲む文字の配列
					detailCode . push( target[i].getAttribute("cd")  );//value用の配列
				}
				//選択を促すメッセージ
				var obj1 = document.getElementById("tiiki");
				$(obj1).innerHTML = "<font color=#FFAEAE>　</font>";
				var obj1 = document.getElementById("detail");
				if(target.length > 1)$(obj1).innerHTML = "<font color=red>←<B>地域を絞り込むことができます</B></font>";
				var obj1 = document.getElementById("start");
				$(obj1).innerHTML = "<font color=red><B>←検索できます</B></font>";

				break;//もう繰り返さず出る
			}

var tLength = target.length;
if(tLength < 2) tLength = 2;
document.frmSample.detailClassCode.size = tLength;
Create(document.frmSample.detailClassCode, detailName, detailCode);	

//			tbl += "</table>";
//			$("tableData").innerHTML = tbl;
		},
		onFailure:function(httpObj){
//			$("tableData").innerHTML = "エラーで読み込めませんでした";
		}
	});

}



//温泉メニューを作成する////////////////////////////////
function CreateListJalanOnsen(largeOrSmall){
	var large = document.frmSample.largeArea.value;//県内地域
	var small = document.frmSample.s_area   .value;//小地域
	ClearOnsen();

	var tag  = "Onsen";
	var msec = (new Date()).getTime();
	var file ;
	if(largeOrSmall == 1){
		//県内地域
		file= "/xml/onsenLargeArea" + large + ".xml";
	}else if(largeOrSmall == 2){
		//小地域
		file= "/xml/onsenSmallArea" + small + ".xml";
	}
	new Ajax.Request(file, {
		method: "get",
		parameters: "cache="+msec,
		onSuccess:function(httpObj){
			var xmlData  = httpObj.responseXML;
			var targetTag = xmlData.getElementsByTagName(tag);
			var detailName = new Array();
			var detailCode = new Array();
//alert ("length="+targetTag.length);exit;
			for (var i=0; i<targetTag.length; i++){

//				var OnsenName = targetTag[i].getElementsByTagName("OnsenName");
//				var OnsenID   = targetTag[i].getElementsByTagName("OnsenID");
				var OnsenName = targetTag[i].getElementsByTagName("OnsenName")[0];
				var OnsenID   = targetTag[i].getElementsByTagName("OnsenID")[0];
				detailName . push( OnsenName.firstChild.nodeValue );	//<option>～</option>で囲む文字の配列
				detailCode . push( OnsenID.firstChild.nodeValue   );	//value用の配列

			}

				var obj1 = document.getElementById("detail");
				$(obj1).innerHTML = "　";
				//選択を促すメッセージ
				var obj1 = document.getElementById("onsenWarning");
				if(targetTag.length > 0) $(obj1).innerHTML = "<font color=red>←<B>温泉で絞り込むことができます</B></font>";


var tLength = targetTag.length;
if(tLength < 2) tLength = 2;
document.frmSample.onsenCode.size = tLength;
Create(document.frmSample.onsenCode, detailName, detailCode);	

		},
		onFailure:function(httpObj){
//			$("tableData").innerHTML = "エラーで読み込めませんでした";
		}
	});
	
}




//都市を選択したときに呼び出されるサブルーチン-----------------------------//
function CreateList4()
{

//document.getElementById("detailClassCode").size=1;


	var prefSelectIndex = 0;
	var citySelectIndex = 0;
	ClearArea();
	prefSelectIndex = document.frmSample.middleClassCode.value;
	citySelectIndex = document.frmSample.smallClassCode.value;
//	prefSelectIndex = document.frmSample.lstPref.value;
//	citySelectIndex = document.frmSample.lstCity.value;

	//「検索できます」の表示があれば消す
	var obj1 = document.getElementById("start");
	$(obj1).innerHTML = "";


	var j = 0;
	var smallClass = new Array();
	while(obj2.Body.GetAreaClass.largeClass[0].middleClass[j].middleClassCode){
		//smallClassに該当（例：tokyo）県のsmallclassのオブジェクトの配列を格納する
		smallClass = obj2.Body.GetAreaClass.largeClass[0].middleClass[j].smallClass;
		//見つけたらループを出る
		if(obj2.Body.GetAreaClass.largeClass[0].middleClass[j].middleClassCode == prefSelectIndex) break;
		j++;
	}//end while

	var detailClass = new Array();
	for(var k=0; k < smallClass.length; k++){
		if(smallClass[k].smallClassCode == citySelectIndex){
			detailClass = smallClass[k].detailClass;
			break;
		}
	}
	//まだ詳細地域がある場合（検索できない）
	if(detailClass){
		var detailName = new Array();
		var detailCode = new Array();
		for (n = 0; n < detailClass.length; n++){
			detailName . push( detailClass[n] . detailClassName );//<option>～</option>で囲む文字の配列
			detailCode . push( detailClass[n] . detailClassCode );//value用の配列
		}

//Selectメニューの大きさを地域数にあわせて変える
//document.getElementById("detailClassCode").size = detailClass.length;
document.frmSample.detailClassCode.size = detailClass.length;

		Create(document.frmSample.detailClassCode, detailName, detailCode);	

//		Create(document.frmSample.lstArea, detailName, detailCode);	
//		Create(document.getElementById("lstArea"), detailName, detailCode);	

		submitOff();//再選択の場合のためにボタンを無効にする
		ClearCondition();
		//選択を促すメッセージを消す
		var obj1 = document.getElementById("tiiki");
//		$(obj1).innerHTML = "<font color=#FFAEAE>選択済み</font>";
		$(obj1).innerHTML = "<font color=#FFAEAE>　</font>";
		//選択を促す
		var obj1 = document.getElementById("detail");
		$(obj1).innerHTML = "<font color=red>←<B>地域を絞り込んでください</B></font>";

	
	}else{
		//選択を促すメッセージを消す
		var obj1 = document.getElementById("tiiki");
//		$(obj1).innerHTML = "<font color=#FFAEAE>選択済み</font>";
		$(obj1).innerHTML = "　";

		var obj1 = document.getElementById("start");
		$(obj1).innerHTML = "<font color=red><B>←検索できます</B></font>";
		ClearCondition();
		showButton();//検索可能にする
	}


}//end function CreateList4

//都道府県を選択したときに呼び出されるサブルーチン-----------------------------//
function CreateList3(pref)
{
	var nSelectIndex;



	if(!pref){
		//VacantHotelSearch 空室検索の場合
		//選択を促すメッセージを消す
		var obj1 = document.getElementById("ken");
		$(obj1).innerHTML = "";

		//「検索できます」の表示があれば消す
		var obj1 = document.getElementById("start");
		$(obj1).innerHTML = "";

		var obj1 = document.getElementById("tiiki");
		$(obj1).innerHTML = "<font color=red>←<B>県内の地域を選択してください</B></font>";
		ClearCity();
		ClearArea();
		nSelectIndex = document.frmSample.middleClassCode.value;
	}else{
		//SimpleHotelSearch 県名リンクの場合
		nSelectIndex = pref;
	}

	var j = 0;
	var smallClass = new Array();
	while(obj2.Body.GetAreaClass.largeClass[0].middleClass[j].middleClassCode){
		//smallClassに該当（例：tokyo）県のsmallclassのオブジェクトの配列を格納する
		smallClass = obj2.Body.GetAreaClass.largeClass[0].middleClass[j].smallClass;
		//見つけたらループを出る
		if(obj2.Body.GetAreaClass.largeClass[0].middleClass[j].middleClassCode == nSelectIndex) break;
		j++;
	}//end while

	var smallName = new Array();
	var smallCode = new Array();
	for (n = 0; n < smallClass.length; n++){
		smallName . push( smallClass[n] . smallClassName );//<option>～</option>で囲む文字の配列
		smallCode . push( smallClass[n] . smallClassCode );//value用の配列
	}

//Selectメニューの大きさを地域数にあわせて変える
//document.getElementById("smallClassCode").size = smallClass.length;
document.frmSample.smallClassCode.size = smallClass.length;

	if(!pref){
		//VacantHotelSearch 空室検索の場合
		Create(document.frmSample.smallClassCode, smallName, smallCode);	
//		Create(document.frmSample.lstCity, smallName, smallCode);	

		submitOff();//再選択の場合のためにボタンを無効にする
		ClearCondition();
	}else{
		//SimpleHotelSearch 県名リンクの場合
//		return(smallName, smallCode);
		var ret = "";
		for(var k=0; k < smallCode.length; k++){
			ret += "<option value=" + smallCode[k] + ">" + smallName[k];
		}
//		submitOff();//再選択の場合のためにボタンを無効にする
		return ret;

	}

}//end function CreateList3

//都道府県を選択したときに呼び出されるサブルーチン org-----------------------------//
function CreateList3_org()
{
	var nSelectIndex = 0;
	ClearCity();
	ClearArea();
	nSelectIndex = document.frmSample.middleClassCode.value;
//	nSelectIndex = document.frmSample.lstPref.value;

	var j = 0;
	var smallClass = new Array();
	while(obj2.Body.GetAreaClass.largeClass[0].middleClass[j].middleClassCode){
		//smallClassに該当（例：tokyo）県のsmallclassのオブジェクトの配列を格納する
		smallClass = obj2.Body.GetAreaClass.largeClass[0].middleClass[j].smallClass;
		//見つけたらループを出る
		if(obj2.Body.GetAreaClass.largeClass[0].middleClass[j].middleClassCode == nSelectIndex) break;
		j++;
	}//end while

	var smallName = new Array();
	var smallCode = new Array();
	for (n = 0; n < smallClass.length; n++){
		smallName . push( smallClass[n] . smallClassName );//<option>～</option>で囲む文字の配列
		smallCode . push( smallClass[n] . smallClassCode );//value用の配列
	}

//Selectメニューの大きさを地域数にあわせて変える
//document.getElementById("smallClassCode").size = smallClass.length;
document.frmSample.smallClassCode.size = smallClass.length;

	Create(document.frmSample.smallClassCode, smallName, smallCode);	
//	Create(document.frmSample.lstCity, smallName, smallCode);	

	submitOff();//再選択の場合のためにボタンを無効にする
	ClearCondition();

}//end function CreateList3


//-----------------------------//
function Create(objList, objArray, objArray_value)
{
	var nMax = objArray.length;
	var nLoop = 0;
	for (nLoop = 0; nLoop < nMax; nLoop++)
	{
		var oAdd = document.createElement("OPTION"); 
		oAdd.text = objArray[nLoop];
		oAdd.value = objArray_value[nLoop];	//たぶんoptionのvalue --> 都道府県のローマ字読みを当てる必要あり
		if (navigator.userAgent.match(/Gecko/)) {
			objList.appendChild(oAdd);
		} else {
			//IEの場合
			objList.add(oAdd);
		}

	}
}

//詳細地域のクリア-----------------------------//
function ClearArea()
{
	var nDel;
	//念のため多めに削除する
	for (nDel = 0; nDel < option_Max; nDel++){
		document.frmSample.detailClassCode.remove(0);
//		document.frmSample.lstArea.remove(0);
//		document.getElementById("lstArea").remove(0);
	}	

//Selectメニューの大きさを戻す
document.frmSample.detailClassCode.size = 2;
//document.getElementById("detailClassCode").size = 1;

//document.getElementById("detailClassCode").disabled = true;//送信を無効に

}
//温泉のクリア-----------------------------//
function ClearOnsen()
{
	var nDel;
	var option_Max_onsen = 30;//地域内の温泉数の最大値
	//念のため多めに削除する
	for (nDel = 0; nDel < option_Max_onsen; nDel++){
		document.frmSample.onsenCode.remove(0);
	}	

//Selectメニューの大きさを戻す
document.frmSample.onsenCode.size = 2;
//document.getElementById("detailClassCode").size = 1;

//document.getElementById("detailClassCode").disabled = true;//送信を無効に

}

//「温泉で絞り込むことが･･･」のクリア-----------------------------//
function ClearWarning()
{
	var obj1 = document.getElementById("onsenWarning");
	$(obj1).innerHTML = "　";
}

//県内地域のクリア-----------------------------//
function ClearCity()
{
	var nDel;
	//念のため多めに削除する
	for (nDel = 0; nDel < option_Max; nDel++){
		document.frmSample.smallClassCode.remove(0);
//		document.frmSample.lstCity.remove(0);
	}	

//Selectメニューの大きさを戻す
document.frmSample.smallClassCode.size = 2;

}

//最小単位を選択したときに呼び出されるサブルーチン-----------------------------//
function CreateList5()
{
	ClearCondition();
	showButton();//検索可能にする

}


//-----------------------------//
function ClearCondition()
{
//	var obj = document.getElementById('checkbox1');
//	while(obj.lastChild){
//		obj.removeChild( obj.lastChild );
//	}

}

//検索ボタンを有効にするときに呼び出されるサブルーチン-----------------------------//
function showButton()
{
	document.getElementById("button0").disabled = false;//送信を有効に

	//選択を促すメッセージを消す
	var obj1 = document.getElementById("detail");
	$(obj1).innerHTML = "　";

	var obj1 = document.getElementById("start");
	$(obj1).innerHTML = "<font color=red><B>←検索できます</B></font>";

//絞り込み条件のチェックボックスを表示する
//	CreateCheckbox(document.getElementById("checkbox1"), squeezeCondition, squeezeConditionStr);	

}


//トップページ　デフォルトの地図-----------------------------//
function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
			map.addControl( new GLargeMapControl() );
			map.addControl( new GScaleControl() );
			map.addControl( new GMapTypeControl() );
			map.addControl( new GOverviewMapControl() );
//        map.setCenter(new GLatLng( 35.681099, 139.767084 ), 13);
        map.setCenter(new GLatLng( 38.307181,138.032227), 5);





      }
    }


//-----------------------------//
function submitOff(){	//body で呼び出される
//  for(i=0;i<document.form1.elements.length;i++){
	document.getElementById("button0").disabled = true;//送信を無効に
//  }
}


//-----------------------------//
function CreateCheckbox(objList, objArray, objArray_value)
{
	var nMax = objArray.length;
	var nLoop = 0;


	for (nLoop = 0; nLoop < nMax; nLoop++)
	{
		var oAdd = document.createElement("input"); 
		oAdd.type = "checkbox"; 
		oAdd.name = "squeezeCondition"; 


//		oAdd.text = objArray[nLoop];
		oAdd.value = objArray_value[nLoop];	//たぶんoptionのvalue
//		if (navigator.userAgent.match(/Gecko/)) {
			objList.appendChild(oAdd);
//		} else {
			//IEの場合
//			objList.add(oAdd);
//		}

		var sAdd = document.createElement("font"); 	
		var str = document.createTextNode(objArray[nLoop]);
		sAdd.appendChild(str);
//		sAdd.text = objArray[nLoop]; 
//		oAdd.name = "squeezeCondition"; 
//		sAdd.value = objArray_value[nLoop];	//たぶんoptionのvalue
		objList.appendChild(sAdd);

//		var brAdd = document.createElement("br"); 	
//		objList.appendChild(brAdd);

	}
}

