$().ready(function() {
	var validator = $("#register").validate({
		rules: {
			username: {
				required: true,
				minlength: 2,
				maxlength: 21,
				remote: "scripts/check_username.php"
			},
			password: {
				required: true,
				minlength: 5
			},
			confirm_password: {
				required: true,
				equalTo: "#password"
			},
			first_name: {
				required: true
			},
			last_name: {
				required: true
			},
			birthday: {
				required: true,
				dateISO: true
			},
			email: {
				required: true,
				email: true,
				remote: "scripts/check_email.php"
			},
			server: {
				required: true,
				min: 1
			},
			name: {
				required: true,
				minlength: 2,
				maxlength: 21,
				remote: "scripts/check_name.php"
			},
			town: {
				required: true,
				minlength: 2,
				maxlength: 21,
				remote: "scripts/check_town.php"
			},
			faction: {
				required: true,
				min: 1
			},
			hero_name: {
				required: true,
				minlength: 2,
				maxlength: 13,
				remote: "scripts/check_heroname.php"
			},
			hero_class: {
				required: true,
				min: 1
			},
			captcha: {
				required: true,
				remote: "scripts/check_captcha.php"
			}
		},
		messages: {
			username: {
				required: " Please enter the username",
				minlength: " Minimum 3 characters long",
				maxlength: " Maximum 20 characters long",
				remote: jQuery.format(" {0} is already in use")
			},
			password: {
				required: " Please enter the password",
				minlength: " Minimum 5 characters long"
			},
			confirm_password: {
				required: " Please confirm the password",
				equalTo: " Passwords must match	"
			},
			first_name: {
				required: " Please enter your first name"
			},
			last_name: {
				required: " Please enter your last name"
			},
			birthday: {
				required: " Please enter your birthday",
				date: " Please enter your birthday"
			},
			email: {
				required: " Please enter your email",
				email: " Please enter your email",
				remote: jQuery.format(" {0} is already in use")
			},
			server: {
				required: " Please select the server",
				min: " Please select the server"
			},
			name: {
				required: " Please enter the ruler name",
				minlength: " Minimum 3 characters long",
				maxlength: " Maximum 20 characters long",
				remote: jQuery.format(" {0} is already in use")
			},
			town: {
				required: " Please enter the town name",
				minlength: " Minimum 3 characters long",
				maxlength: " Maximum 20 characters long",
				remote: jQuery.format(" {0} is already in use")
			},
			faction: {
				required: " Please select the faction",
				min: " Please select the faction"
			},
			hero_name: {
				required: " Please enter the username",
				minlength: " Minimum 3 characters long",
				maxlength: " Maximum 13 characters long",
				remote: jQuery.format(" {0} is already in use")
			},
			hero_class: {
				required: " Please select the hero class",
				min: " Please select the hero class"
			},
			captcha: {
				required: " enter the code from the image",
				remote: jQuery.format(" {0} is not correct")
			}
		}
	});

	$("#day").change(function() {
		var day = $("#day").val();
		var month = $("#month").val();
		var year = $("#year").val();

		if ((day != 0) && (year != 0) && (month != 0)) {
			$("#birthday").val(year+"-"+month+"-"+day);
			validator.element("#birthday");
		} else {
			$("#birthday").val("");
			validator.element("#birthday");
		}
	});

	$("#month").change(function() {
		var day = $("#day").val();
		var month = $("#month").val();
		var year = $("#year").val();

		if ((day != 0) && (year != 0) && (month != 0)) {
			$("#birthday").val(year+"-"+month+"-"+day);
			validator.element("#birthday");
		} else {
			$("#birthday").val("");
			validator.element("#birthday");
		}
	});

	$("#year").change(function() {
		var day = $("#day").val();
		var month = $("#month").val();
		var year = $("#year").val();

		if ((day != 0) && (year != 0) && (month != 0)) {
			$("#birthday").val(year+"-"+month+"-"+day);
			validator.element("#birthday");
		} else {
			$("#birthday").val("");
			validator.element("#birthday");
		}
	});

	$("#server").change(function() {
		var id=$(this).val();
		if (id != 0) {
			$.ajax({
				method:'GET',
				data:'server='+id,
				url:"scripts/server.php",
				success:function(data) {
					$("#name").attr("disabled", 0)
					$("#town").attr("disabled", 0);
					$("#faction").attr("disabled", 0);
					$("#faction").html(data);
					$("#hero_name").attr("disabled", 0);
				}
			});
		} else {
			$("#name").attr("disabled", 1);
			$("#town").attr("disabled", 1);
			$("#faction").attr("disabled", 1);
			$("#hero_name").attr("disabled", 1);
			$("#hero_class").attr("disabled", 1);
		}
	});

	$("#faction").change(function() {
		var id=$(this).val();
		if (id != 0) {
			$.ajax({
				method:'GET',
				data:'faction='+id,
				url:"scripts/faction.php",
				success:function(data) {
					$("#hero_class").attr("disabled", 0);
					$("#hero_class").html(data);
				}
			});
		} else {
			$("#hero_class").attr("disabled", 1);
		}
	});

	$("#name").attr("disabled", 1);
	$("#town").attr("disabled", 1);
	$("#faction").attr("disabled", 1);
	$("#hero_name").attr("disabled", 1);
	$("#hero_class").attr("disabled", 1);

// 	var agree = $("#agree");
// 	var initial = agree.is(":checked");
// 	
// 	$("#submit").attr("disabled", !initial);
// 	
// 	agree.click(function() {
// 		var initial = $("#agree").is(":checked");
// 		$("#submit").attr("disabled", !initial);
// 	});

	$("#javascript").hide();
});