$(function() { 
	$("form#contactForm")
		.FormFingerprint()
		.submit(function() {
			var nameField = $("#message_name");
			var phoneField = $("#message_telephone");
			var emailField = $("#message_email");
			var messageField = $("#message_body");
			
			nameField.css("background-color","#fff"); 
			emailField.css("background-color","#fff"); 
			messageField.css("background-color","#fff"); 

			var outputDiv = $("#contactFormResponse");          
			outputDiv.hide();
			outputDiv.html("");
			
			var hasError = false;
			
			if(jQuery.trim(nameField.val())=="") { outputDiv.append("Name field is required.<br>"); nameField.css("background-color","#FFCCCC"); hasError=true; }
			if(jQuery.trim(emailField.val())=="") { outputDiv.append("Email field is required.<br>"); emailField.css("background-color","#FFCCCC"); hasError=true; }
			else if(/^[A-Z0-9._%-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i.test(jQuery.trim(emailField.val())) == false) { outputDiv.append("Invalid email address format.<br>"); emailField.css("background-color","#FFCCCC"); hasError=true; }
			if(jQuery.trim(messageField.val())=="") { outputDiv.append("Message field is required.<br>"); messageField.css("background-color","#FFCCCC"); hasError=true; }
			
			var color = (!hasError ? "#000" : "#CC0000");
			outputDiv.css("color",color);

			if (!hasError){
				$(this).ajaxSubmit({
						dataType: "json",
						success: processContactFormJson
				});
			}
			else {
				outputDiv.show(750);
			}
			
			return false; //important
		});
		
		//process the response of the contact form submission
		function processContactFormJson(data){ 
			$contactFormResponse = $("#contactFormResponse");
			$contactFormResponse.html(data.message);
			var color = (data.success ? "#000" : "#CC0000");
			$contactFormResponse.css("color",color);
			$contactFormResponse.show(750);
			if(data.success){  //only clear form on success
				$("form#contactForm").resetForm();
				$contactFormResponse.oneTime("5s", function(){ $(this).hide(750) });
			} 
		}
});