var formAry = new Array("#name","#kana","#addr","#tel","#mail","#msg");
var defColor = '#EFEFEF';
var onFocusColor = '#FFFFFF';
var errorColor = '#F0BCA8';

$(function() {
	$("#sendBtn").click(postData);
	setBlurColor();
});

function setBlurColor() {
	for(i=0; i<formAry.length; i++) {
		$(formAry[i]).focus(focusColor);
		$(formAry[i]).blur(blurColor);
	}
	return false;
}

function focusColor() {
	$(this).css("background",onFocusColor);
}

function blurColor() {
	$(this).css("background",defColor);
}

function blurColor2() {
	$(this).css("background",errorColor);
}

function resAct(objHTTP) {
	response = objHTTP;
	$("#sendBtn").get(0).disabled = false;
	
	if(response == 'OK') {
		$('#errMsg').css("display","none");
		$('#errMsg2').css("display","none");
		$('#sendForm').css("display","none");
		$('#resMsgArea').css("display","block");
	} else {
		errList = new Array();
		
		if(response == "mailErr") {
			$('#mail').blur(blurColor2);
			$('#mail').css("background",errorColor);
			$('#errMsg2').css("display","block");
		} else {
			errList = response.split(",");
			for(i=0; i < errList.length; i++) {
				$(errList[i]).blur(blurColor2);
				$(errList[i]).css("background",errorColor);
				$('#errMsg').css("display","block");
			}	
		}
	}
}

function postData() {
	$("#sendBtn").get(0).disabled = true;
	//送信ボタンが押されたら、まずエラーメッセージを非表示にする
	$('#errMsg').css("display","none");
	$('#errMsg2').css("display","none");
	
	setBlurColor();
	
	var formArea = new Array("#name","#kana","#addr","#tel","#mail","#msg");
	for(i=0; i < formArea.length; i++) {
		$(formArea[i]).css("background",defColor);
	}
	
	var data = $("#sendForm").formSerialize();
	
	var target_url = 'mail.php';
	
	$.post(target_url,data,resAct);
}