// JavaScript Document

function showCalendar(Id, year, month) {
	var flag = false;
	var value = "";
	for(i=0;i<document.inputForm.place.length;i++) {
		if(document.inputForm.place[i].checked == true) {
			flag = true;
			value = document.inputForm.place[i].value;
		}
	}
	if(flag == false) {
		alert("サロンを選択してください");
		return;
	}
	if(year != null && month != null) {
		value = 'id='+value+'&str='+Id+'&syear='+year+'&smonth='+month;
	}else {
		value = 'id='+value+'&str='+Id;
	}
	new Ajax.Request("showcalendar.php",{
						method:'get',
						parameters:value,
						onSuccess:function(httpObj) {
							text = httpObj.responseText;
							$(Id).innerHTML = text;
						}
						});
}

function closeCalendar(Id) {
	$(Id).innerHTML = '';
}

function setDateValue(Id, date) {
	if(date == 'disacceptable') {
		alert('選択した日時は受付期間外です');
		return;
	}else if(date == 'close') {
		alert('選択した日時は休業日です');
		return;
	}
	if(Id == 'first') {
		document.inputForm.first_date.value=date;
	}else if(Id == 'second') {
		document.inputForm.second_date.value=date;
	}
	$(Id).innerHTML = "";
}

function checkFormSubmit(str) {
	document.checkForm.action = str;
	document.checkForm.submit();
}

function toCheck() {
	if(checkInputData()) {
		document.inputForm.submit();
	}
}

function checkInputData() {
	var error = "";
	//サロンの選択
	var flag = false;
	for(i=0;i<document.inputForm.place.length;i++) {
		if(document.inputForm.place[i].checked == true) {
			flag = true;
		}
	}
	if(flag == false) {
		error += "・「サロン」を選択してください<br />\n";
		$("salonList").style.backgroundColor = "#ffccff";
	}else {
		$("salonList").style.backgroundColor = "#ffffff";
	}
	//希望コースのチェック
	var flag = false;
	for(i=0;i<document.inputForm.elements['course[]'].length;i++) {
		if(document.inputForm.elements['course[]'][i].checked == true) {
			flag = true;
		}
	}
	if(flag == false) {
		error += "・「希望コース」を少なくとも1つ選択してください<br />\n";
		$("courseList").style.backgroundColor = "#ffccff";
	}else {
		$("courseList").style.backgroundColor = "#ffffff";
	}
	//日時のチェック
	if(document.inputForm.first_date.value == "カレンダーより選択してください") {
		error += "・「第一希望日時」を選択してください<br />\n";
		document.inputForm.first_date.style.backgroundColor = "#ffccff";
	}else {
		document.inputForm.first_date.style.backgroundColor = "#ffffff";
	}
	if(document.inputForm.second_date.value == "カレンダーより選択してください") {
		error += "・「第二希望日時」を選択してください<br />\n";
		document.inputForm.second_date.style.backgroundColor = "#ffccff";
	}else {
		document.inputForm.second_date.style.backgroundColor = "#ffffff";
	}
	//当日の施術のチェック
	var flag = false;
	for(i=0;i<document.inputForm.hod.length;i++) {
		if(document.inputForm.hod[i].checked == true) {
			flag = true;
		}
	}
	if(flag == false) {
		error += "・「当日の施術」を選択してください<br />\n";
		$("hodList").style.backgroundColor = "#ffccff";
	}else {
		$("hodList").style.backgroundColor = "#ffffff";
	}
	//媒体のチェック
	var flag = false;
	for(i=0;i<document.inputForm.med.length;i++) {
		if(document.inputForm.med[i].checked == true) {
			flag = true;
		}
	}
	if(flag == false) {
		error += "・「このホームページを何でお知りになりましたか？」を選択してください<br />\n";
		$("medList").style.backgroundColor = "#ffccff";
	}else {
		$("medList").style.backgroundColor = "#ffffff";
	}
	//名前のチェック
	if(document.inputForm.name1.value == "") {
		error += "・「お名前(姓)」を記入してください<br />\n";
		document.inputForm.name1.style.backgroundColor = "#ffccff";
	}else {
		document.inputForm.name1.style.backgroundColor = "#ffffff";
	}
	if(document.inputForm.name2.value == "") {
		error += "・「お名前(名)」を記入してください<br />\n";
		document.inputForm.name2.style.backgroundColor = "#ffccff";
	}else {
		document.inputForm.name2.style.backgroundColor = "#ffffff";
	}
	if(document.inputForm.kana1.value == "") {
		error += "・「ふりがな(姓)」を記入してください<br />\n";
		document.inputForm.kana1.style.backgroundColor = "#ffccff";
	}else {
		document.inputForm.kana1.style.backgroundColor = "#ffffff";
	}
	if(document.inputForm.kana2.value == "") {
		error += "・「ふりがな(名)」を記入してください<br />\n";
		document.inputForm.kana2.style.backgroundColor = "#ffccff";
	}else {
		document.inputForm.kana2.style.backgroundColor = "#ffffff";
	}
	//年齢	
	if(document.inputForm.age.value == "") {
		error += "・「年齢」を記入してください<br />\n";
		document.inputForm.age.style.backgroundColor = "#ffccff";
	}else {
		document.inputForm.age.style.backgroundColor = "#ffffff";
	}
	//メールアドレス
	if(document.inputForm.mail1.value == "") {
		error += "・「メールアドレス」を記入してください<br />\n";
		document.inputForm.mail1.style.backgroundColor = "#ffccff";
	}else {
		document.inputForm.mail1.style.backgroundColor = "#ffffff";
	}
	if(document.inputForm.mail2.value == "") {
		error += "・「確認用メールアドレス」を記入してください<br />\n";
		document.inputForm.mail2.style.backgroundColor = "#ffccff";
	}else {
		document.inputForm.mail2.style.backgroundColor = "#ffffff";
	}
	//電話番号
	if(document.inputForm.tel.value == "") {
		error += "・「電話番号」を記入してください<br />\n";
		document.inputForm.tel.style.backgroundColor = "#ffccff";
	}else {
		document.inputForm.tel.style.backgroundColor = "#ffffff";
	}
	//連絡方法
	var flag = false;
	for(i=0;i<document.inputForm.method.length;i++) {
		if(document.inputForm.method[i].checked == true) {
			flag = true;
		}
	}
	if(flag == false) {
		error += "・「ご連絡方法を」を選択してください<br />\n";
		$("methodList").style.backgroundColor = "#ffccff";
	}else {
		$("methodList").style.backgroundColor = "#ffffff";
	}
	//メールアドレスの正当性評価
	if(document.inputForm.mail1.value != document.inputForm.mail2.value) {
		error += "・「メールアドレス」と「確認用メールアドレス」が違います";
	}else if(document.inputForm.mail1.value.indexOf('@',0) == -1) {
		error += "・メールアドレスが正しくありません<br />\n";
	}
	if(error != "") {
		head = "【ご記入いただいた内容に誤りがあります。以下の内容をご確認してください。】<br />\n";
		$("errorNotation").innerHTML = (head+error);
		$("errorNotation").style.display = "block";
		window.location.href = "#error";
		return false;
	}else {
		$("errorNotation").style.display = "none";
		return true;
	}
}

function checkFacial(id) {
	for(i=0;i<document.inputForm.place.length;i++) {
		if(document.inputForm.place[i].checked == true) {
			if(document.inputForm.place[i].value == id) {
				alert("岡崎サロンではフェイシャルは行っていません。");
				return false;
			}
		}
	}
	return true;
}