$(document).ready(function(){

jQuery.validator.messages.required = "";
	$("form").bind("invalid-form.validate", function(e, validator) {
		var errors = validator.numberOfInvalids();
		if (errors) {
			var message = errors == 1
				? 'You missed 1 field. It has been highlighted below'
				: 'You missed ' + errors + ' fields.  They have been highlighted below';
			$("div.error span").html(message);
			$("div.error").show();
		} else {
			$("div.error").hide();
		}
		});

	$('#ContactForm').validate({
	
		//As soon as a key within a form field in “myform” is release then start
		event: "keyup",

		
		//Here the rules for the individual inputs are defined.
		rules: {
			Firstname: { required: true },
			Lastname: { required: true },
			Address: { required: true },
			DaytimePhone: { required: true },
			EveningPhone: { required: true },
			Email: { required: true, email: true },
			Recipient: { required: false, email: true }
		},
		
		//Here the error messages for all rules are defined.
		messages: {
			Firstname: 'Please enter your first name',
			Lastname: 'Please enter your last name.',
			Address: 'Please enter your address.',
			DaytimePhone: 'Please enter your daytime phone number.',
			EveningPhone: 'Please enter your evening phone number.',
			Email: 'Please enter a valid E-mail address.',
			Recipient: 'Please enter a valid E-mail address.'
		}
		
	});

   //$("#First_Name").Watermark("First Name");
   //$("#DaytimePhone").Watermark("+_ (___) ___-____");
   //$("input.DaytimePhone").mask("+9 (999) 999-9999");
   
	$("#DaytimePhone").mask("+9 (999) 999-9999");
	$("#EveningPhone").mask("+9 (999) 999-9999");
	$("#Zipcode").mask("99999");
	// add * to required field labels
	$('label.required').append('&nbsp;<span class="Required-Fields">*</span>&nbsp;');
	
});
		
jQuery("#Reset").click(function() {
			v.resetForm();
		});