//XMLHttpRequestオブジェクト生成
var xmlHttp = createXmlHttpRequest();

function setAdministrativeDivForSalonUpdate(selectedCityTownVillageIDValue){

	var administrativeDiv = document.getElementById("administrativeDiv");
	var cityTownVillageID = document.getElementById("cityTownVillageID");

	var administrativeDivValue = '';
	var cityTownVillageIDValue = '';

	if (administrativeDiv.selectedIndex>0){
		administrativeDivValue = administrativeDiv.options[administrativeDiv.selectedIndex].value;
	}

	if (selectedCityTownVillageIDValue != ""){
		cityTownVillageIDValue = selectedCityTownVillageIDValue;
	} else {

		if (cityTownVillageID.selectedIndex>0){
			cityTownVillageIDValue = cityTownVillageID.options[cityTownVillageID.selectedIndex].value;
		}
	}

	//リクエストをオープンする。単に設定がおこなわれるだけで実際の送受信はまだ発生しない
	var url = 'http://iyashibito.com/xml/getOptionCityTownVillage.php'+
		'?administrativeDiv='+administrativeDivValue+
		'&cityTownVillageID='+cityTownVillageIDValue;

	xmlHttp.open('GET', url, true);

	//バックエンドプログラムからレスポンスを受信し処理を行うためのコールバック関数を用意しておく
	xmlHttp.onreadystatechange = callbackForSetAdministrativeDivForSalonUpdate;

	//リクエストを送信
	xmlHttp.send(null);
}

//HTTPレスポンスデータを処理し、XMLを解析しフォームに値をはめこむコールバック関数
function callbackForSetAdministrativeDivForSalonUpdate(){

	var objCityTownVillageID = document.getElementById("cityTownVillageID");
	var objCityTownVillageIDValue = "";

	if (xmlHttp.readyState == 4 && xmlHttp.status == 200){

    var xmlDoc = xmlHttp.responseXML;

    if (xmlDoc.documentElement){

      //XMLをパース
      var stat = xmlDoc.getElementsByTagName("stat").item(0).firstChild;
      var selectedCityTownVillageID = xmlDoc.getElementsByTagName("selectedCityTownVillageID").item(0).firstChild;

      //バックエンドから返ってきたステータスがokの場合
      if (stat.data == "ok"){

				// 市町村プルダウン要素削除
				while(objCityTownVillageID.lastChild){
					objCityTownVillageID.removeChild(objCityTownVillageID.lastChild);
				}

				// 市町村プルダウン追加処理
				if (xmlDoc.getElementsByTagName("cityTownVillageID").length>0){

			    objCityTownVillageID.length = 1; 
			    objCityTownVillageID.options[0].value = ""; 
			    objCityTownVillageID.options[0].text = "選択してください"; 

					for (i=0; i<xmlDoc.getElementsByTagName("cityTownVillageID").length; i++){

						var value = xmlDoc.getElementsByTagName("cityTownVillageID").item(i).firstChild;
						var text = xmlDoc.getElementsByTagName("cityTownVillageName").item(i).firstChild;

						if (value != null) {

					    objCityTownVillageID.length = i+2; 
					    objCityTownVillageID.options[i+1].value = value.data; 
					    objCityTownVillageID.options[i+1].text = text.data; 

							if (selectedCityTownVillageID){
								if (selectedCityTownVillageID.data == value.data){
							    objCityTownVillageID.selectedIndex = i+1; 
								}
							}
						}
					}
				}
      }
    }
  }
}



















function setAreaDiv(clickAreaDiv, administrativeDivValue){
//	var areaDiv = document.getElementById("areaDiv");

	var areaDiv = document.getElementById("areaDiv");
	var administrativeDiv = document.getElementById("administrativeDiv");
	var cityTownVillageID = document.getElementById("cityTownVillageID");
	var cityTownVillage = document.getElementById("cityTownVillage");
	var btnAreaDiv = document.getElementById("area" + clickAreaDiv + "_b");

	if (clickAreaDiv != null){
		areaDiv.value = clickAreaDiv;
		document.getElementById("areaImage").style.display = "none";
		document.getElementById("areaAll").style.display = "block";
		document.getElementById("areaName2").innerHTML = btnAreaDiv.alt;
	}

	for (i=51; i<57; i++){

		var otherAreaDiv = document.getElementById("area" + i);
		if (i == clickAreaDiv){
			otherAreaDiv.style.display = "block";
		} else {
			otherAreaDiv.style.display = "none";
		}
	}

	if (btnAreaDiv != null){
		document.getElementById("areaName").innerHTML = btnAreaDiv.alt;
	}

//	if (areaDiv.selectedIndex>0){
//		document.getElementById("areaName").innerHTML = areaDiv.options[areaDiv.selectedIndex].text;
//	} else {
//		document.getElementById("areaName").innerHTML = "";
//	}

	administrativeDiv.value = "";
	cityTownVillageID.value = "";

	document.getElementById("administrativeName").innerHTML = "";
	document.getElementById("cityTownVillageName").innerHTML = "";

	cityTownVillage.style.display = "none";

	getOptionAndNumber('areaDiv', administrativeDivValue);
}

function setAdministrativeDiv(clickAdministrativeDiv, clickAdministrativeName, cityTownVillageIDValue){
	var administrativeDiv = document.getElementById("administrativeDiv");

//	if (administrativeDiv.selectedIndex>0){
//		document.getElementById("administrativeName").innerHTML = administrativeDiv.options[administrativeDiv.selectedIndex].text;
//	} else {
//		document.getElementById("administrativeName").innerHTML = "";
//	}

	if (clickAdministrativeDiv != null){
		administrativeDiv.value = clickAdministrativeDiv;
	}

	document.getElementById("administrativeName").innerHTML = clickAdministrativeName;
	document.getElementById("cityTownVillageName").innerHTML = "";

	getOptionAndNumber('administrativeDiv', cityTownVillageIDValue);
}

function setCityTownVillageID(clickCityTownVillageID, clickCityTownVillageName){
	var cityTownVillageID = document.getElementById("cityTownVillageID");

//	if (cityTownVillageID.selectedIndex>0){
//		document.getElementById("cityTownVillageName").innerHTML = cityTownVillageID.options[cityTownVillageID.selectedIndex].text;
//		document.getElementById("cityTownVillageName").innerHTML = cityTownVillageID;
//	} else {
//		document.getElementById("cityTownVillageName").innerHTML = "";
//	}

	if (clickCityTownVillageID != null){
		cityTownVillageID.value = clickCityTownVillageID;
	}

	document.getElementById("cityTownVillageName").innerHTML = clickCityTownVillageName;

	getOptionAndNumber('cityTownVillageID', '');
}

function setCategoryID(clickCategoryID, clickCategoryName){
	var categoryID = document.getElementById("categoryID");

//	if (categoryID.selectedIndex>0){
//		document.getElementById("categoryName").innerHTML = categoryID.options[categoryID.selectedIndex].text;
//	} else {
//		document.getElementById("categoryName").innerHTML = "";
//	}

	if (clickCategoryID != null){
		categoryID.value = clickCategoryID;
	}

	document.getElementById("categoryName").innerHTML = clickCategoryName;

	getOptionAndNumber('categoryID', '');
}

function setStickingToID(clickStickingToID){

	clickStickingToID = editZero(clickStickingToID);

	var stickingToID = document.getElementById("stickingToID");

	var btnStickingTo = document.getElementById("salon-icon" + clickStickingToID);
	var offSrc ="http://iyashibito.com/salonpage/img/salon-icon" + clickStickingToID + ".jpg";
	var onSrc ="http://iyashibito.com/salonpage/img/salon-icon" + clickStickingToID + "-c.jpg";

	stickingToID.value = clickStickingToID;

	if (btnStickingTo.src == offSrc){

		btnStickingTo.src = onSrc;
		document.getElementById("stickingToName").innerHTML = btnStickingTo.alt;

		for (i=0; i<10; i++){

			if (editZero(i+1) != clickStickingToID){
				btnOtherStickingTo = document.getElementById("salon-icon" + editZero(i+1));
				btnOtherStickingTo.src = "http://iyashibito.com/salonpage/img/salon-icon" + editZero(i+1) + ".jpg";
			}
		}

	} else {

		btnStickingTo.src = offSrc;
		stickingToID.value = "";
		document.getElementById("stickingToName").innerHTML = "";
	}



//	var stickingToID = document.getElementById("stickingToID");
//
//	if (stickingToID.selectedIndex>0){
//		document.getElementById("stickingToName").innerHTML = stickingToID.options[stickingToID.selectedIndex].text;
//	} else {
//		document.getElementById("stickingToName").innerHTML = "";
//	}

	getOptionAndNumber('stickingToID', '');
}

function editZero(value){
	if (value < 10){
		value = "0" + value;
	}

	return value;
}

// データ取得
function getOptionAndNumber(pulldown, selectValue){

	var areaDiv = document.getElementById("areaDiv");
	var administrativeDiv = document.getElementById("administrativeDiv");
	var cityTownVillageID = document.getElementById("cityTownVillageID");
	var categoryID = document.getElementById("categoryID");
	var stickingToID = document.getElementById("stickingToID");

	var areaDivValue = '';
	var administrativeDivValue = '';
	var cityTownVillageIDValue = '';
	var categoryIDValue = '';
	var stickingToIDValue = '';

	if(areaDiv.type == "hidden"){
		areaDivValue = areaDiv.value;
	} else {
		if (areaDiv.selectedIndex>0){
			areaDivValue = areaDiv.options[areaDiv.selectedIndex].value;
		}
	}

//	if (pulldown!="areaDiv" && administrativeDiv.selectedIndex>0){
//		administrativeDivValue = administrativeDiv.options[administrativeDiv.selectedIndex].value;
//	}
	administrativeDivValue = administrativeDiv.value;

//	if (pulldown!="areaDiv" && pulldown!="administrativeDiv" && cityTownVillageID.selectedIndex>0){
//		cityTownVillageIDValue = cityTownVillageID.options[cityTownVillageID.selectedIndex].value;
//	}
	cityTownVillageIDValue = cityTownVillageID.value;

//	if (categoryID.selectedIndex>0){
//		categoryIDValue = categoryID.options[categoryID.selectedIndex].value;
//	}
	categoryIDValue = categoryID.value;

//	if (stickingToID.selectedIndex>0){
//		stickingToIDValue = stickingToID.options[stickingToID.selectedIndex].value;
//	}
	stickingToIDValue = stickingToID.value;

	//リクエストをオープンする。単に設定がおこなわれるだけで実際の送受信はまだ発生しない
	var url = 'http://iyashibito.com/xml/getOptionAndNumber.php'+
		'?focus='+pulldown+
		'&selectValue='+selectValue+
		'&areaDiv='+areaDivValue+
		'&administrativeDiv='+administrativeDivValue+
		'&cityTownVillageID='+cityTownVillageIDValue+
		'&categoryID='+categoryIDValue+
		'&stickingToID='+stickingToIDValue;

	xmlHttp.open('GET', url, true);

	//バックエンドプログラムからレスポンスを受信し処理を行うためのコールバック関数を用意しておく
	xmlHttp.onreadystatechange = handleHttpEvent;

	//リクエストを送信
	xmlHttp.send(null);
}

//HTTPレスポンスデータを処理し、XMLを解析しフォームに値をはめこむコールバック関数
function handleHttpEvent(){

	var objAdministrativeDiv = document.getElementById("administrativeDiv");
	var objCityTownVillageID = document.getElementById("cityTownVillageID");
	var objCityTownVillage = document.getElementById("cityTownVillage");
	var htmlText = '';

	if (xmlHttp.readyState == 4 && xmlHttp.status == 200){

    var xmlDoc = xmlHttp.responseXML;

    if (xmlDoc.documentElement){

      //XMLをパース
      var stat = xmlDoc.getElementsByTagName("stat").item(0).firstChild;
      var resultNumber = xmlDoc.getElementsByTagName("resultNumber").item(0).firstChild;
      var focus = xmlDoc.getElementsByTagName("focus").item(0).firstChild;
      var selectValue = xmlDoc.getElementsByTagName("selectValue").item(0).firstChild;

      //バックエンドから返ってきたステータスがokの場合
      if (stat.data == "ok"){

				document.getElementById("resultNumber").innerHTML = resultNumber.data;

				// 都道府県プルダウン要素削除
//				if (focus.data == "areaDiv"){
//					while(objAdministrativeDiv.lastChild){
//						objAdministrativeDiv.removeChild(objAdministrativeDiv.lastChild);
//					}
//				}

				// 市町村プルダウン要素削除
//				if (focus.data == "administrativeDiv"){
//					while(objCityTownVillageID.lastChild){
//						objCityTownVillageID.removeChild(objCityTownVillageID.lastChild);
//					}
//				}

//				// 都道府県プルダウン追加処理
//				if (focus.data == "areaDiv" && xmlDoc.getElementsByTagName("administrativeid").length>0){
//
//			    objAdministrativeDiv.length = 1; 
//			    objAdministrativeDiv.options[0].value = ""; 
//			    objAdministrativeDiv.options[0].text = "選択してください"; 
//
//					for (i=0; i<xmlDoc.getElementsByTagName("administrativeid").length; i++){
//
//						var value = xmlDoc.getElementsByTagName("administrativeid").item(i).firstChild;
//						var text = xmlDoc.getElementsByTagName("administrativename").item(i).firstChild;
//
//						if (value != null) {
//
//					    objAdministrativeDiv.length = i+2; 
//					    objAdministrativeDiv.options[i+1].value = value.data; 
//					    objAdministrativeDiv.options[i+1].text = text.data; 
//
//							if (selectValue.data == value.data){
//								objAdministrativeDiv.selectedIndex = i+1;
//							}
//						}
//					}
//				}

				// 市町村プルダウン追加処理
				if (focus.data == "administrativeDiv"){

					if (xmlDoc.getElementsByTagName("cityTownVillageID").length>0){

						for (i=0; i<xmlDoc.getElementsByTagName("cityTownVillageID").length; i++){

							var value = xmlDoc.getElementsByTagName("cityTownVillageID").item(i).firstChild;
							var text = xmlDoc.getElementsByTagName("cityTownVillageName").item(i).firstChild;

							htmlText = htmlText + 
								"<a href=\"#\" id=\"cityTownVillageID" +
								value.data +
								"\" onclick=\"setCityTownVillageID('" +
								value.data +
								"', '" +
								text.data +
								"')\">"+
								text.data +
								"</a> ｜ ";
						}

						objCityTownVillage.style.display = "block";
						document.getElementById("cityTownVillage").innerHTML = htmlText;

					} else {

						objCityTownVillage.style.display = "none";
					}
				}
      }
    }
  }
}

//ブラウザ別にXMLHttpRequestオブジェクトを生成
function createXmlHttpRequest(){

    if (window.XMLHttpRequest) {
      return new XMLHttpRequest();
    } else {
      try { return new ActiveXObject("Msxml2.XMLHTTP"); }
	  catch (e) {
        try { return new ActiveXObject("Microsoft.XMLHTTP"); }
        catch (e2) { return null; }
      }
    }
}


function submitPage(form, action, pageAction){

	form.action = action;

	if (pageAction != ""){
		form.pageAction.value = pageAction;
	}
	form.submit();

	return false;
}

function OpenWin(strHtml){
	win=window.open(strHtml,"new","width=538,height=500,scrollbars=yes,toolbar=yes");
}

function inputWindow(question, output){
	window.prompt(question, output);
}

function sample(question, output) {
	window.prompt(question, output);
}

function issueCoupon(couponID){
	win=window.open("../../admin/issueCoupon.php?i="+couponID,"new","width=400,height=200,scrollbars=yes,toolbar=yes");
}

function issueMobileURL(salonID, mailaddress){
	win=window.open("../../admin/issueMobileURL.php?s="+salonID+"&m="+mailaddress,"new","width=400,height=200,scrollbars=yes,toolbar=yes");
}