/* ---------------------------------------------------------------
	
	MAILFORM.JS 
		
--------------------------------------------------------------- */
/*
 * Translated default messages for the jQuery validation plugin.
 * Language: JA
 * Skipped date/dateISO/number.
 */
jQuery.extend(jQuery.validator.messages, {
	required: "必須項目です",
	maxlength: jQuery.format("{0} 文字以下を入力してください"),
	minlength: jQuery.format("{0} 文字以上を入力してください"),
	rangelength: jQuery.format("{0} 文字以上 {1} 文字以下で入力してください"),
	email: "メールアドレスを入力してください",
	url: "URLを入力してください",
	dateISO: "日付を入力してください",
	number: "有効な数字を入力してください",
	digits: "半角数字を入力してください",
	equalTo: "同じ値を入力してください",
	range: jQuery.format(" {0} から {1} までの値を入力してください"),
	max: jQuery.format("{0} 以下の値を入力してください"),
	min: jQuery.format("{0} 以上の値を入力してください"),
	creditcard: "クレジットカード番号を入力してください"
});
//FUNCTION inputColor
function inputColor(){
	var colorOff = {"background-color":"#ffffff", "border-color":"#cccccc"};
	var colorOn = {"background-color":"#f5f5f5", "border-color":"#666666"};
	$('.formText').hover(
		function(){
			$(this).css(colorOn);
		},
		function(){
			$(this).css(colorOff);
		}
	);
	$('.formText').focus(function(){
		$(this).css(colorOn);
		$(this).mouseout(function(){
			$(this).css(colorOn);
		});
	});	
	$('.formText').blur(function(){
		$(this).css(colorOff);
		$(this).mouseout(function(){
			$(this).css(colorOff);
		});
	});
}
//FUNCTION btnRollOvers
function btnRollOvers(){
	$('.formBt').hover(
		function(){
			$(this).css("background-position","left bottom");
		},
		function(){
			$(this).css("background-position","left top");
		}
	);
}
$(function(){
	inputColor();
	btnRollOvers();
	$("#mailform form").validate({
		groups: {
			addr: "addr1 addr2",
			birth: "birth2 birth3 birth4"
		},
		errorPlacement: function(error, element) {
			if (element.attr("name") == "addr1" || element.attr("name") == "addr2"){
				error.insertAfter("#zipcode");
			}
			else if (element.attr("name") == "birth2" || element.attr("name") == "birth3" || element.attr("name") == "birth4"){
				error.insertAfter("#birth4");
			}
			else{
				error.insertAfter(element);
			}
		}
	});
});