// JavaScript Document

var mailSendPath = "../mail_form.aspx";

function onFocus(tObj){
	$(tObj).toggleClass("focus");
	var id = tObj.id;
	$("label[for="+id+"]").toggleClass("focus");
};
function outFocus(tObj){
	$(tObj).toggleClass("focus");
	var id = tObj.id;
	$("label[for="+id+"]").toggleClass("focus");
}

/*スライドするアクション*/
function slideAct(target){
	$(target).hide();
	$(target).slideDown(500);
};

function goSubmit(){
	var name = $("#m_name").val();
	var from = $("#m_from").val();
	var content = $("#content").val();
	$("#m_name").removeClass();
	$("#m_from").removeClass();
	$("#content").removeClass();
	/*メールアドレスの書式をチェックする*/
	var check=/.+@.+\..+/;
	var err = 0;
	var errMsg = "";
	if(name==""){
		err+=1;
		errMsg += "<li>「お名前」を入力して下さい。</li>";
		$("#m_name").addClass("err");
	};
	if(from==""){
		err+=1;
		errMsg += "<li>「メールアドレス」を入力して下さい。</li>";
		$("#m_from").addClass("err");
	}else if(!from.match(check)){
		err+=1;
		errMsg += "<li>「メールアドレス」は<strong>xxx@xxx.xxx</strong>の形式で入力して下さい。</li>";
		$("#m_from").addClass("err");
	};
	if(content==""){
		err+=1;
		errMsg += "<li>「お問い合わせ内容」を入力して下さい。</li>";
		$("#content").addClass("err");
	};
	
	/*メールアドレスの書式をチェックする*/
	var check=/.+@.+\..+/;

	if(!err==0){
		$("#result").html("<ul class='error'><li class='title'>入力内容にエラーがあります！</li>"+errMsg+"</ul>");
		location.href ="#mail_form";
		slideAct("#result");
	}else{
		location.href ="#mail_form";
		$("#result").html("");
		ajaxSend();
	};
};

function goReset(){
	document.mail_form.reset();
	$("#result").hide();
	$("#result").html("");
	$("input,textarea").removeClass("err");
	location.href ="#mail_form";
};


/*ajaxでフォームを送信するファンクション*/
function ajaxSend(){
	var sendData = $("#mail_form").serialize();
	//送信中を表示
	$("#mail_form").html("<h3>送信中...</h3><p class='center'><img src='images/loader_grn.gif' alt='Sending...' /></p><p class='center'>入力内容を送信しています...しばらくお待ち下さい。</p>");
	slideAct("#mail_form");
	//ポストする
	$.post(
	mailSendPath,
	sendData,
	function(responseText){
		compAct(responseText);
	},
	"text"
	);
};
/*送信が終わったらエラーチェック*/
function compAct(responseText){
	var r= responseText.replace(" ","");
	/*エラー判定*/
	var comp=r.indexOf("@true",0);
	if(comp!=-1){
		$("#mail_form").html("<h3>送信完了</h3><p>お問い合わせ内容の送信を完了しました。<br />担当者が内容を確認後、ご返答させて頂きます。<br />なお、お問い合わせの内容によっては返答できかねる場合もございますので、ご了承願います。</p>");
		slideAct("#mail_form");
	}else{
		$("#mail_form").html("<h3>送信エラーが発生しました。</h3><p>お問い合わせ内容の送信ができませんでした。お手数をおかけいたしますが、時間を置いて再度お試し下さい。</p>");
		slideAct("#mail_form");
	};
};