// JavaScript Document

//初期処理
$(function(){
	//フォームボタンの表示
	$(".fBtn").html("<input type=\"button\" onclick=\"submitform();\" value=\"確認する\" name=\"Submit\">　<input type=\"button\" onclick=\"resetform();\" value=\"リセット\" name=\"Submit\">");


});


//フォーム送信処理
function submitform(){
	
	var errflg=0;
	var errstr = new Array();
	var errhtml=0;
	
	//エラー表示の初期化
	$(".pink").removeClass("pink");
	$("p.tuika").remove();


	//チェック
	var ret0 = $("input[@name=name]").val();
	var ret1 = $("input[@name=mail]").val();
	var ret2 = $("input[@name=tel]").val();
	var ret3 = $("select[@name=cat]").val();
	var ret4 = $("select[@name=year]").val();
	var ret5 = $("select[@name=month]").val();
	var ret6 = $("select[@name=day]").val();

	if(!ret0){
		errstr.push('お名前をご入力ください。');
		errorHyouji("お名前をご入力ください。","input[@name=name]");
		errflg =1;
	}
	if(!ret1){
		errstr.push('メールアドレスをご入力ください。');
		errorHyouji("メールアドレスをご入力ください。","input[@name=mail]");
		errflg =1;
	}else{
	
		var tmp = ret1.match(/[0-9a-zA-Z\@\-\_\,\. ]+/g);
		if (tmp != ret1){
			errstr.push('全角文字、特殊記号は使わないでください。');
			errorHyouji("全角文字、特殊記号は使わないでください。","input[@name=mail]");
			errflg =1;
		}
		
		var ml = /.+@.+\..+/; // チェック方式
		if(!ret1.match(ml)) {
			errstr.push('正しいメールアドレスをご入力ください。');
			errorHyouji("正しいメールアドレスをご入力ください。","input[@name=mail]");
			errflg =1;
		}
	}
	if(!ret2){
		errstr.push('ご連絡先電話番号をご入力ください。');
		errorHyouji("ご連絡先電話番号をご入力ください。","input[@name=tel]");
		errflg =1;
	}
	if(ret3=="nasi"){
		errstr.push('ご予約カテゴリーをお選びください。');
		errorHyouji("ご予約カテゴリーをお選びください。","select[@name=cat]");
		errflg =1;
	}
	if(ret4=="nasi"){
		errstr.push('ご予約希望の年をお選びください。');
		errorHyouji("ご予約希望の年をお選びください。","select[@name=year]");
		errflg =1;
	}
	if(ret5=="nasi"){
		errstr.push('ご予約希望の月をお選びください。');
		errorHyouji("ご予約希望の月をお選びください。","select[@name=month]");
		errflg =1;
	}
	if(ret6=="nasi"){
		errstr.push('ご予約希望の日をお選びください。');
		errorHyouji("ご予約希望の日をお選びください。","select[@name=day]");
		errflg =1;
	}
	
	//送信
	if (errflg){
		var element;
		
		for(var i = 0; i < errstr.length ; i++){
			if(!element){
				element = errstr[i];
			}else{
				element +="\n";
				element += errstr[i];
			}
		}

		alert("ご入力の内容に問題があります。"+"\n\n"+element);
		return false;
	}else{

		alert("ご入力の内容に間違いが無いか、ご確認ください。");
	
		//問題なしの場合
		//入力画面の非表示
		$("input").hide();
		$("select").hide();
		$("textarea").hide();
		
		//確認表示
		
		$('input').each(function(index){
			if ($(this).attr('type') != "button"){
				$(this).after("<span class=\"kakunin\">"+$(this).val()+"</span>");
			}
		})
		
		$('select').each(function(index){
			if ($(this).val() != "nasi"){
				$(this).after("<span class=\"kakunin\">"+$(this).val()+"</span>");
			}
		});
		
		$('textarea').each(function(index){
			var tex = $(this).val();
			tex = tex.replace(/\r\n/g,"<br />");
			tex = tex.replace(/(\n|\r)/g,"<br />");
			$(this).after("<span class=\"kakunin\">"+tex+"</span>");
		});
		
		$(".fBtn").html("<input type=\"button\" onclick=\"submitcgi();\" value=\"送信する\" name=\"Submit\">　<input type=\"button\" onclick=\"backform();\" value=\"修正する\" name=\"Submit\">");
	}

}

//エラー表示
function errorHyouji(str,target){
	$(target).after('<p class="tuika aka">'+str+'</p>');
	$(target).addClass('pink');
	$(target).parent().prev().addClass('pink');
}

//送信処理
function submitcgi(){

	//送信処理
	$.post(
		"./inq.cgi",
		{
		name : $("input#name").val(),
		furigana : $("input#furigana").val(),
		mail : $("input#mail").val(),
		tel : $("input#tel").val(),
		jusho : $("input#jusho").val(),
		cat : $("select#cat").val(),
		year : $("select#year").val(),
		month : $("select#month").val(),
		day : $("select#day").val(),
		maker : $("input#maker").val(),
		car : $("input#car").val(),
		nensiki : $("input#nensiki").val(),
		etc : $("textarea[@name=etc]").val()
		},
		function(data) {
			var dataArray=new Array();
			dataArray=data.split(",");
			if (dataArray[0]=="ok"){
				alert("送信が完了しました")
				$("#formArea").html('<h2>お問い合わせいただき、ありがとうございます。</h2><div class="nomalCont"><p>ご入力いただいた内容を、担当者にメール送信いたしました。</p><p>お問い合わせ受付番号は'+dataArray[1]+'です。</p><p>しばらくすると、ご入力のメールアドレス宛に、システムより自動返信メールが送られます。</p></div>');
			}else{
				alert("システムに問題が発生しています。\nしばらく経ってから再度お試し下さい。")
			}
		},
		"html"
	);
	
	//$("#form").submit();
}

//修正でもどる
function backform(){
	//ボタンの差し替え
	$(".fBtn").html("<input type=\"button\" onclick=\"submitform();\" value=\"確認する\" name=\"Submit\">　<input type=\"button\" onclick=\"resetform();\" value=\"リセット\" name=\"Submit\">");
	
	//フォームの再表示
	
	$("input").show();
	$("select").show();
	$("textarea").show();

	
	//確認表示の消去
	$("span[@class=kakunin]").remove();


}

//フォームクリア処理
function resetform(){

	//エラー表示の初期化
	$(".pink").removeClass("pink");
	$("p.tuika").remove();


	//各テキストボックスを空に
	$("input[@type=text]").val("");
	$("textarea").html("");
	
	//select関連初期化
	$("select#f_keisiki").val("");
	$("select#f_ken").val("");
	$("select#f_jikan").val("指定無し");
	$("select#f_youbi").val("指定無し");
	
	//CB戻し
	$("input#f_data").removeAttr("checked");
	$("#data").hide();
	
	//決済初期化
	$("input[@name='f_kessai']:checked").removeAttr("checked");
	$("input[@value='銀行振込']").attr("checked","checked");
	
	//価格関係初期化
	$("#h_kakaku").html("");
	$("#h_souryou").html("");
	$("#h_tesuuryou").html("");
	$("#h_goukei").html("");
	
	//追加文字の削除
	$("input").each(function(index){
		$(this).blur(function(){
			$("p.tui").remove();
		});
	});
	$("textarea").each(function(index){
		$(this).blur(function(){
			$("p.tui").remove();
		});
	});

}

//カンマ桁区切り
function to_comma ( from ){
	var to = String( from );
	var tmp = "";
	while (to != (tmp = to.replace(/^([+-]?\d+)(\d\d\d)/,"$1,$2"))){
		to = tmp;
	}
	return to;
}