// JavaScript Document
//this works
$(document).ready(function(){
	$("#contact").validate({ 
		rules: { 
		  name: {required:true}, 
		  phone: { required: true, maxlength:15 }, 
		  email: { required: true, email: true },
		  message: { required: true, maxlength: 800 }
		}, //end rules
		
		highlight: function(element, errorClass) {
			 $(element).fadeOut(function() {
			   $(element).fadeIn()
			   })
		  },
	    focusCleanup: true,
		onkeyup: false,
		
	    messages: {
		   name: "* Required",
		   phone: "* Required",
		   email: {
		     required: "* Required",
		     email: "email@example.com"
			},
		   message: "* Required"
		},
		submitHandler: function(form) { 
			$.ajax({
				type: "POST",
				url: "send1.php",
				data: $("#contact").serialize(),
				dataType: "html",
				success: function(msg){
					alert('Success! Your information has been received.');
				}
			});
			$("#contact").clearForm();
			return false;
			}			
	  }),
	$("#contact-form").validate({ 
		rules: { 
		  name: {required:true}, 
		  phone: { required: true, maxlength:15 }, 
		  email: { required: true, email: true },
		  message: { required: true, maxlength: 800 }
		}, //end rules
		
		highlight: function(element, errorClass) {
			 $(element).fadeOut(function() {
			   $(element).fadeIn()
			   })
		  },

	    focusCleanup: true,
		onkeyup: false,
		
	    messages: {
		   name: "",
		   phone: "",
		   email: {
		     required: "",
		     email: ""
			},
		   message: ""
		},
		submitHandler: function(form) { 
			$.ajax({
				type: "POST",
				url: "send1.php",
				data: $("#contact-form").serialize(),
				dataType: "html",
				success: function(msg){
					alert('Success! Your information has been received.');
				}
			});
			$("#contact-form").clearForm();
			return false;
			}	
	  }); 
});