$("document").ready(function() {
	$("#register_form").validate({
		rules: {
			username: {
				required: true,
				email: true
			},
			password: {
				required: true,
				minlength: 6
			},
			repassword: {
				required: true,
				minlength: 6,
				equalTo: "#password"
			},
			code: "required",
			terms: "required",
			privacy: "required"
		},
		messages: {
			username: {
				required: "Please enter your email address",
				email: "Please enter a valid email address"
			},
			password: {
				required: "Please enter a password",
				minlength: "Your password must be at least 6 characters long"
			},
			repassword: {
				required: "Please enter a password",
				minlength: "Your password must be at least 6 characters long",
				equalTo: "Please enter the same password as above"
			},
			code: "Please enter the code you see in the image",
			terms: "You must accept our Terms and Conditions",
			privacy: "You must accept our Privacy Policy"
		},
		errorPlacement: function(error, element) {
			error.appendTo(element.parent("td").parent("tr").next("tr").children("td:first"));
		},
		highlight: function(element, errorClass) {
		     $(element).addClass("error_box");
		},
		unhighlight: function(element, errorClass) {
		     $(element).removeClass("error_box");
		}
	});
	
	$("#feedback_form").validate({
		rules: {
			code: "required",
			sender: {
				required: true,
				email: true
			},
			subject: "required",
			feedback: "required"
		},
		messages: {
			code: "Please enter the code you see in the image",
			sender: {
				required: "Please enter your email address",
				email: "Please enter a valid email address"
			},
			subject: "Please enter a subject",
			feedback: "You must provide a feedback"
		},
		errorPlacement: function(error, element) {
			error.appendTo(element.parent("td").parent("tr").next("tr").children("td:first"));
		},
		highlight: function(element, errorClass) {
		     $(element).addClass("error_box");
		},
		unhighlight: function(element, errorClass) {
		     $(element).removeClass("error_box");
		}
	});
});