$(document).ready(function() {
	// validate signup form on keyup and submit
	var validator = $("#signup_customer").validate({
		onkeyup: false,
		rules: {
			customers_firstname: {
				required: true,
				english: true
			},
			customers_lastname: {
				required: true,
				english: true
			},
			customers_email_address: {
				required: true,
				email: true,
				remote: "/index.php?c=customer&m=username_is_ok"
			},
			c_password:{
				required: true,
				minlength: 6
			},
			customers_password_ag:{
				required: true,
				minlength: 6,
				equalTo: "#c_password"
			}
		},
		messages: {
			customers_firstname: {
				required: 'Required',
				english: 'English Only'
			},
			customers_lastname: {
				required: 'Required',
				english: 'English Only'
			},
			customers_email_address: {
				required: 'Required',
				email: 'Incorrect Email Address',
				remote: jQuery.format("It's Exist!")
			},
			c_password: {
				required: 'Required',
				minlength: 'Please enter at least 6 characters.'
			},
			customers_password_ag: {
				required: 'Required',
				minlength: 'Please enter at least 6 characters.',
				equalTo: "Passwords disaccord"
			}
		},
		// the errorPlacement has to take the table layout into account
		errorPlacement: function(error, element) {
			/*
			if ( element.is(":radio") )
				error.appendTo( element.parent().next().next() );
			else if ( element.is(":checkbox") )
				error.appendTo ( element.next().next() );
			else
				error.appendTo( element.parent().next().next() );
			*/
			error.appendTo( element.parent().next() );
		},
		// set this class to error-labels to indicate valid fields
		success: function(label) {
			// set   as text for IE
			label.html(" ").addClass("checked");
		}
	});
});