// JavaScript Document
/* ======================================================

   http://www.hotelhananoyu.jp/plan/day-trip/form.html
   http://eirakukan.s54.coreserver.jp/mtos/plugins/MailForm/mt-mail-form.cgi

 1. ページの初期化
 2. 「宿泊人数」の入力内容をチェック・合計を算出
 3. プラン選択の表示
 4. 貸切風呂＞ご希望の時間 の表示切替
 5. 当日の交通手段＞送迎　無効/有効の切り替え
 6. 「form」の入力内容をチェック
 7. 「送信確認」ページの表示内容を変更（「内容確認」と「修正」）

 (C) 920
 Lastupdate：2009.04.30    by 920

====================================================== */

window.onload = function () {
	fieldDisabled();
}


// 初期設定
// ----------------------------------------------------------------------

// プラン（li）idの配列
var planType1 = ["li_mail_planType1_1","li_mail_planType1_2","li_mail_planType1_3"];
var planType2 = ["li_mail_planType2_1","li_mail_planType2_2","li_mail_planType2_3"];
var planType3 = ["li_mail_planType3_1","li_mail_planType3_2"];
var planType4 = ["li_mail_planType4_1","li_mail_planType4_2","li_mail_planType4_3","li_mail_planType4_4","li_mail_planType4_5"];

// 「送迎」以外の当日の交通手段のidの配列
var trafficNotSogei = ["mail_traffic1","mail_traffic2","mail_traffic3","mail_traffic4","mail_traffic5","mail_traffic6","mail_traffic8",];

// ----------------------------------------------------------------------


/* ----------------------------------------------------------------------
 1. ページの初期化
---------------------------------------------------------------------- */

function fieldDisabled() {

	// 貸切風呂＞ご希望の時間の初期化（FF リロード時）
	if(!document.getElementById("mail_openair-bath2").checked) {
		document.getElementById("bath-time-lamp").style.display = "none";
	}
	if(!document.getElementById("mail_openair-bath3").checked) {
		document.getElementById("bath-time-family").style.display = "none";
	}

	displayPlan();

	// ご利用人数＞合計の初期化
	calTotal();
	document.getElementById("mail_total").disabled = true;
	document.getElementById("mail_totalValid").disabled = true;

	// 当日の交通手段＞送迎 の初期化（FF リロード時）
	if(document.getElementById("mail_planType3_1").checked || document.getElementById("mail_planType3_2").checked) {
		document.getElementById("mail_traffic7").checked = true;
		for(i=0; i<trafficNotSogei.length; i++) {
			document.getElementById(trafficNotSogei[i]).disabled = true;
		}
	}
	else {
		document.getElementById("mail_traffic7").disabled = true;
	}

}

/* ----------------------------------------------------------------------
 2. 「宿泊人数」の入力内容をチェック・合計を算出
---------------------------------------------------------------------- */

function calTotal() {

	var manNum = document.getElementById("mail_number-man");
	var womanNum = document.getElementById("mail_number-woman");
	var child1Num = document.getElementById("mail_number-child1");
	var child2Num = document.getElementById("mail_number-child2");
	var child3Num = document.getElementById("mail_number-child3");
	var babyNum = document.getElementById("mail_number-baby");

	// 「男性」の入力内容をチェック
	if(manNum.value == "") {manNum.value = "0";}
	else {
		for ( var i = 0; i < manNum.value.length; i++ ) {
			c = manNum.value.charAt(i);
			if ( "0123456789".indexOf(c,0) < 0 ) {
				manNum.value = "0";
			}
		}
	}

	// 「女性」の入力内容をチェック
	if(womanNum.value == "") {womanNum.value = "0";}
	else {
		for ( var i = 0; i < womanNum.value.length; i++ ) {
			c = womanNum.value.charAt(i);
			if ( "0123456789".indexOf(c,0) < 0 ) {
				womanNum.value = "0";
			}
		}
	}

	// 「6～12歳（子供用の食事）」の入力内容をチェック
	if(child1Num.value == "") {child1Num.value = "0";}
	else {
		for ( var i = 0; i < child1Num.value.length; i++ ) {
			c = child1Num.value.charAt(i);
			if ( "0123456789".indexOf(c,0) < 0 ) {
				child1Num.value = "0";
			}
		}
	}

	// 「3～5歳（子供用の食事）」の入力内容をチェック
	if(child2Num.value == "") {child2Num.value = "0";}
	else {
		for ( var i = 0; i < child2Num.value.length; i++ ) {
			c = child2Num.value.charAt(i);
			if ( "0123456789".indexOf(c,0) < 0 ) {
				child2Num.value = "0";
			}
		}
	}

	// 「3～5歳（食事なし）」の入力内容をチェック
	if(child3Num.value == "") {child3Num.value = "0";}
	else {
		for ( var i = 0; i < child3Num.value.length; i++ ) {
			c = child3Num.value.charAt(i);
			if ( "0123456789".indexOf(c,0) < 0 ) {
				child3Num.value = "0";
			}
		}
	}

	// 「3歳未満（食事なし）」の入力内容をチェック
	if(babyNum.value == "") {babyNum.value = "0";}
	else {
		for ( var i = 0; i < babyNum.value.length; i++ ) {
			c = babyNum.value.charAt(i);
			if ( "0123456789".indexOf(c,0) < 0 ) {
				babyNum.value = "0";
			}
		}
	}

	// 「合計人数」を算出・セット
	var totalNum = parseFloat(manNum.value) + parseFloat(womanNum.value) + parseFloat(child1Num.value) + parseFloat(child2Num.value) + parseFloat(child3Num.value) + parseFloat(babyNum.value);

	// 「プラン選択に有効な合計人数」を算出・セット
	var totalNumValid = parseFloat(manNum.value) + parseFloat(womanNum.value) + parseFloat(child1Num.value) + parseFloat(child2Num.value);

	document.getElementById("mail_total").value = totalNum;
	document.getElementById("mail_totalValid").value = totalNumValid;


	displayPlan();

}

/* ----------------------------------------------------------------------
 3. プラン選択の表示
---------------------------------------------------------------------- */
function displayPlan() {

	document.getElementById("planAttention").style.display = "none";

	for(i=0; i<planType1.length; i++) {
		document.getElementById(planType1[i]).style.display = "none";
	}
	for(i=0; i<planType2.length; i++) {
		document.getElementById(planType2[i]).style.display = "none";
	}
	for(i=0; i<planType3.length; i++) {
		document.getElementById(planType3[i]).style.display = "none";
	}
	for(i=0; i<planType4.length; i++) {
		document.getElementById(planType4[i]).style.display = "none";
	}

	if(document.getElementById("mail_totalValid").value >= 2) {

		for(i=0; i<planType4.length; i++) {
			document.getElementById(planType4[i]).style.display = "block";
		}

		if(document.getElementById("mail_totalValid").value <= 9) {
			for(i=0; i<planType1.length; i++) {
				document.getElementById(planType1[i]).style.display = "block";
			}
		}
		else {
			for(i=0; i<planType3.length; i++) {
				document.getElementById(planType3[i]).style.display = "block";
			}
			if(document.getElementById("mail_totalValid").value <= 20) {
				for(i=0; i<planType2.length; i++) {
					document.getElementById(planType2[i]).style.display = "block";
				}
			}
		}

	}
	else {
		document.getElementById("planAttention").style.display = "block";
	}

/*
	if(document.getElementById("mail_totalValid").value >= 2 && document.getElementById("mail_totalValid").value <=9) {	// 2以上 && 9以下
		for(i=0; i<planType1.length; i++) {
			document.getElementById(planType1[i]).style.display = "block";
		}
	}
	else {
		for(i=0; i<planType1.length; i++) {
			document.getElementById(planType1[i]).style.display = "none";
		}
	}

	if(document.getElementById("mail_totalValid").value >= 10 && document.getElementById("mail_totalValid").value <=20) {	// 10以上 && 20以下
		for(i=0; i<planType2.length; i++) {
			document.getElementById(planType2[i]).style.display = "block";
		}
	}
	else {
		for(i=0; i<planType2.length; i++) {
			document.getElementById(planType2[i]).style.display = "none";
		}
	}

	if(document.getElementById("mail_totalValid").value >= 2) {	// 2以上
		for(i=0; i<planType4.length; i++) {
			document.getElementById(planType4[i]).style.display = "block";
			document.getElementById("planAttention").style.display = "none";
		}
	}
	else {
		for(i=0; i<planType4.length; i++) {
			document.getElementById(planType4[i]).style.display = "none";
			document.getElementById("planAttention").style.display = "block";
		}
	}
*/

/*
	if(document.getElementById("mail_totalValid").value >= 2 && document.getElementById("mail_totalValid").value <=9) {	// 2以上 && 9以下
		for(i=0; i<planType1.length; i++) {
			document.getElementById(planType1[i]).style.display = "block";
		}
	}
	else {
		for(i=0; i<planType1.length; i++) {
			document.getElementById(planType1[i]).style.display = "none";
		}
	}

	if(document.getElementById("mail_totalValid").value >= 10 && document.getElementById("mail_totalValid").value <=20) {	// 10以上 && 20以下
		for(i=0; i<planType2.length; i++) {
			document.getElementById(planType2[i]).style.display = "block";
		}
	}
	else {
		for(i=0; i<planType2.length; i++) {
			document.getElementById(planType2[i]).style.display = "none";
		}
	}

	if(document.getElementById("mail_totalValid").value >= 2) {	// 2以上
		for(i=0; i<planType4.length; i++) {
			document.getElementById(planType4[i]).style.display = "block";
			document.getElementById("planAttention").style.display = "none";
		}
	}
	else {
		for(i=0; i<planType4.length; i++) {
			document.getElementById(planType4[i]).style.display = "none";
			document.getElementById("planAttention").style.display = "block";
		}
	}
*/

/*
	if(document.getElementById("mail_total").value >= 2 && document.getElementById("mail_total").value <=9) {
		for(i=0; i<planType1.length; i++) {
			document.getElementById(planType1[i]).style.display = "block";
		}
	}
	else {
		for(i=0; i<planType1.length; i++) {
			document.getElementById(planType1[i]).style.display = "none";
		}
	}

	if(document.getElementById("mail_total").value >= 10 && document.getElementById("mail_total").value <=20) {
		for(i=0; i<planType2.length; i++) {
			document.getElementById(planType2[i]).style.display = "block";
		}
	}
	else {
		for(i=0; i<planType2.length; i++) {
			document.getElementById(planType2[i]).style.display = "none";
		}
	}

	if(document.getElementById("mail_total").value >= 2) {
		for(i=0; i<planType3.length; i++) {
			document.getElementById(planType3[i]).style.display = "block";
			document.getElementById("planAttention").style.display = "none";
		}
	}
	else {
		for(i=0; i<planType3.length; i++) {
			document.getElementById(planType3[i]).style.display = "none";
			document.getElementById("planAttention").style.display = "block";
		}
	}
*/

}

/* ----------------------------------------------------------------------
 4. 貸切風呂＞ご希望の時間 の表示切替
---------------------------------------------------------------------- */
function selectBathTime(id) {

	var useBathTimeid = id;
	var objBathTime1 = document.mail_form.mail_bathTime1;
	var objBathTime2 = document.mail_form.mail_bathTime2;

	if(useBathTimeid == "mail_openair-bath1") {
		document.getElementById("bath-time-lamp").style.display = "none";
		document.getElementById("bath-time-family").style.display = "none";
		for(i=0; i<objBathTime1.length; i++) {
			objBathTime1[i].checked = false;
		}
		for(i=0; i<objBathTime2.length; i++) {
			objBathTime2[i].checked = false;
		}
	}

	if(useBathTimeid == "mail_openair-bath2") {
		document.getElementById("bath-time-lamp").style.display = "block";
		document.getElementById("bath-time-family").style.display = "none";
		for(i=0; i<objBathTime2.length; i++) {
			objBathTime2[i].checked = false;
		}
	}

	if(useBathTimeid == "mail_openair-bath3") {
		document.getElementById("bath-time-family").style.display = "block";
		document.getElementById("bath-time-lamp").style.display = "none";
		for(i=0; i<objBathTime1.length; i++) {
			objBathTime1[i].checked = false;
		}
	}
}

/* ----------------------------------------------------------------------
 5. 当日の交通手段＞送迎　無効/有効の切り替え
---------------------------------------------------------------------- */
function pickUp(id) {
	var selectedPlanid = id;
	if(selectedPlanid == "mail_planType3_1" || selectedPlanid == "mail_planType3_2") {
		document.getElementById("mail_traffic7").disabled = false;
		document.getElementById("mail_traffic7").checked = true;
		for(i=0; i<trafficNotSogei.length; i++) {
			document.getElementById(trafficNotSogei[i]).disabled = true;
		}
	}
	else {
		document.getElementById("mail_traffic7").checked = false;
		document.getElementById("mail_traffic7").disabled = true;
		for(i=0; i<trafficNotSogei.length; i++) {
			document.getElementById(trafficNotSogei[i]).disabled = false;
		}
	}
}



/* ----------------------------------------------------------------------
 6. 「form」の入力内容をチェック
---------------------------------------------------------------------- */

function Check(FmName){

	var objTelHome = document.getElementById("mail_telHome");
	var objTelJob = document.getElementById("mail_telJob");
	var objTelMobile = document.getElementById("mail_telMobile");
	var objFax = document.getElementById("mail_fax");

	if ( !checkNull ( FmName.mail_date, "「ご利用日」が入力されていません！", "" ) ) { return false; }
	if(document.getElementById("mail_totalValid").value < 2) {
		alert("ご利用は、2名様からとなります。ご利用人数をご確認ください。");
		document.getElementById("mail_number-man").focus();
		return false;
	}
	if ( !checkRadio ( FmName.mail_plan, "「プラン」が選択されていません！" ) ) { return false; }
	if ( !checkNull ( FmName.mail_author, "「お名前」が入力されていません！", "" ) ) { return false; }
	if ( !checkNull ( FmName.mail_authorKana, "「お名前のふりがな」が入力されていません！", "" ) ) { return false; }
	if ( !checkSelect ( FmName.mail_ken, "「都道府県」が選択されていません！" ) ) { return false; }
	if ( !checkNull ( FmName.mail_address1, "「市区町村郡/番地」が入力されていません！", "" ) ) { return false; }
	if ( !checkMail ( FmName.mail_email, "「メールアドレス」が入力されていません！", "「メールアドレス」の形式が正しくありません！\n「example@hotelhananoyu.jp」の形式で入力してください。", "" ) ) { return false; }

	if(objTelHome.value == "" && objTelJob.value == "" && objTelMobile.value == "" && objFax.value == "") {
		alert("TEL（ご自宅）・TEL（勤務先）・携帯・FAXのうち最低一つは入力してください。");
		objTelHome.focus();
		return false;
	}
	else if(document.getElementById("mail_contactMethod2").checked) {
		if ( !checkPhone ( FmName.mail_telHome, "「ご希望の連絡手段」で「TEL（ご自宅）」が選択されています。「TEL（ご自宅）」を入力してください！", "「TEL（ご自宅）」の形式が正しくありません！\n「03-1234-5678」の形式で入力してください。", "" ) ) { return false; }
	}
	else if(document.getElementById("mail_contactMethod3").checked) {
		if ( !checkPhone ( FmName.mail_telJob, "「ご希望の連絡手段」で「TEL（勤務先）」が選択されています。「TEL（勤務先）」を入力してください！", "「TEL（勤務先）」の形式が正しくありません！\n「03-1234-5678」の形式で入力してください。", "" ) ) { return false; }
	}
	else if(document.getElementById("mail_contactMethod4").checked) {
		if ( !checkMPhone ( FmName.mail_telMobile, "「ご希望の連絡手段」で「携帯」が選択されています。「携帯」を入力してください！", "「携帯」の形式が正しくありません！\n「090-1234-5678」の形式で入力してください。", "" ) ) { return false; }
	}
	else if(document.getElementById("mail_contactMethod5").checked) {
		if ( !checkPhone ( FmName.mail_fax, "「ご希望の連絡手段」で「FAX」が選択されています。「FAX」を入力してください！", "「FAX」の形式が正しくありません！\n「03-1234-5678」の形式で入力してください。", "" ) ) { return false; }
	}
	if ( !checkEmpPhone ( FmName.mail_telHome, "「TEL（ご自宅）」の形式が正しくありません！\n「03-1234-5678」の形式で入力してください。", "" ) ) { return false; }
	if ( !checkEmpPhone ( FmName.mail_telJob, "「TEL（勤務先）」の形式が正しくありません！\n「03-1234-5678」の形式で入力してください。", "" ) ) { return false; }
	if ( !checkEmpMPhone ( FmName.mail_telMobile, "「携帯」の形式が正しくありません！\n「090-1234-5678」の形式で入力してください。", "" ) ) { return false; }
	if ( !checkEmpPhone ( FmName.mail_fax, "「FAX」の形式が正しくありません！\n「03-1234-5678」の形式で入力してください。", "" ) ) { return false; }

	document.getElementById("mail_total").disabled = false;
	document.getElementById("mail_totalValid").disabled = false;

}


/* ----------------------------------------------------------------------
 7. 「送信確認」ページの表示内容を変更（「内容確認」と「修正」）
---------------------------------------------------------------------- */

function changeBtn() {
	document.getElementById("checkDatas").style.display = "none";
	document.getElementById("reserve-datas").style.display = "block";
	document.getElementById("user-datas").style.display = "block";
	document.getElementById("editBtn").style.display = "none";
	document.getElementById("checkBtn").style.display = "inline";
	document.getElementById("submitBtn").style.display = "none";
	document.getElementById("lead-check").style.display = "none";
	document.getElementById("lead-edit").style.display = "block";
}