$(document).ready(function() {

	jQuery.validator.addMethod("checkedBox", function(value, element) {
		var obj = $('#confirmTerms');
		return $(obj).is(':checked');
	}, "You must confirm Tems and Conditions");
	
	
	// validate signup form on keyup and submit
	$("#UserIndexForm").validate({		
		rules: {
            "data[User][title]": {
				required: true
			},
			"data[User][firstName]": {
				required: true
			},
			"data[User][surname]": {
				required: true
			},
			"data[User][email]": {
				required: true,
				email: true,
				remote: {
					url: URL+"users/check/email",
					type: "post",
					data: {
						email: function() {
						return $("#UserEmail").val();
						}
					}
				}
			},
			"data[User][username]": {
				required: true,
				minlength: 4,
				remote: {
					url: URL+"users/check/username",
					type: "post",
					data: {
						username: function() {
						return $("#UserUsername").val();
						}
					}
				}
			},
			"data[User][password]": {
				required: true,
				minlength: 4
			},
			"data[User][confirmPassword]": {
				required: true,
				minlength: 4,
				equalTo: "#UserPassword"
			},
			"data[User][confirmTerms]": {
				required: true,
				checkedBox : true
			}
		},
		messages: {
			"data[User][title]": "Please choose your Title",
			"data[User][firstName]": "Please type your First name",
			"data[User][surname]": "Please choose your Surname",
			"data[User][email]": {
				required: "Please type your email",
				email: "Your email is invalid",
                remote: jQuery.format("'{0}' is already in use")
				},
			"data[User][username]": {
				required: "Please type your Username", 
                minlength: jQuery.format("Username must be at least {0} characters"), 
                remote: jQuery.format("'{0}' is already in use")
				},
			"data[User][password]": "Password must be at least 4 characters",
			"data[User][confirmPassword]": {
					required: "Confirm password must be at least 4",
					equalTo: "Confirm password must be equal to 'Password'"
				},
			"data[User][confirmTerms]": "You must confirm Tems and Conditions"
		},
        errorElement: "span",
        errorClass: "errormes"
	});

});