var formAry = new Array("#name","#mail","#subject","#msg");
var defColor = '#E2E1E0';
var onFocusColor = '#FFFFFF';
var errorColor = '#B8E2FC';

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

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

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

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

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

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

function postData() {
	//送信ボタンが押されたら、まずエラーメッセージを非表示にする
	j$('#errMsg').css("display","none");
	j$('#errMsg2').css("display","none");
	
	setBlurColor();
	
	for(i=0; i < formAry.length; i++) {
		j$(formAry[i]).css("background",defColor);
	}
	
	var data = j$("#sendForm").formSerialize();
	
	var target_url = 'http://www.dreau.com/mail.php';
	
	j$.post(target_url,data,resAct);
}