$(document).ready(function(){

	//マウスオーバー処理
	$("img.roll,input[type='image'].roll").mouseover(function(){
		$(this).attr("src", $(this).attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1_on$2"));
	}).mouseout(function(){
		$(this).attr("src", $(this).attr("src").replace(/^(.+)_on(\.[a-z]+)$/, "$1$2"));
	}).focus(function(){
		$(this).attr("src", $(this).attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1_on$2"));
	}).blur(function(){
		$(this).attr("src", $(this).attr("src").replace(/^(.+)_on(\.[a-z]+)$/, "$1$2"));
	}).each(function(){
		$("<img>").attr("src",$(this).attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1_on$2"));
	});

	//*************************************
	//フォームバリデーション関連

	$("form#contact-validation").validate({
		rules: {
			type: { required: true, range: [0,6] },
			used: "required",
			name1: "required",
			kana1: "required",
			tel1: { required:true, digits:true, maxlength:4 },
			tel2: { required:true, digits:true, maxlength:4 },
			tel3: { required:true, digits:true, maxlength:4 },
			email1: { required:true, email:true },
			email2: { equalTo:"#email1" },
			content: "required"
		},
		messages: {
			type: "*お問い合わせの種類を選択してください。",
			used: "*どちらか選択してください。",
			name1: "*お名前を入力してください。",
			kana1: "*フリガナを入力してください。",
			tel1: {
				required: "*電話1を入力してください。",
				digits: "*電話1を4桁以下の数字で入力してください。",
				maxlength: "*電話1を4桁以下の数字で入力してください。"
			},
			tel2: {
				required: "*電話2を入力してください。",
				digits: "*電話2を4桁以下の数字で入力してください。",
				maxlength: "*電話2を4桁以下の数字で入力してください。"
			},
			tel3: {
				required: "*電話3を入力してください。",
				digits: "*電話3を4桁以下の数字で入力してください。",
				maxlength: "*電話3を4桁以下の数字で入力してください。"
			},
			email1: {
				required: "*メールアドレスを入力してください。",
				email: "*メールアドレスを正しく入力してください。"
			},
			email2: {
				equalTo: "*メールアドレスと確認用メールアドレスが違います。"
			},
			content: "*お問い合わせ内容を入力してください。"
		}
	});

});