// 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"
		}		
	  }),
	$("#schedule").validate({ 
		rules: { 
		  name: {required:true}, 
		  phone: { maxlength:15 }, 
		  email: { email: true },
		  message: { required: true, maxlength: 800 },
		  painLocation: {required:true}
		}, //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",
		   painLocation: "* Required"
		}
		/*submitHandler: function(form) { 
			$.ajax({
				type: "POST",
				url: "includes/schedule.php",
				data: $("#schedule").serialize(),
				dataType: "html",
				success: function(msg){
					alert('Success! Your information has been received.');
				}
			});
			$("#schedule").clearForm();
			return false;
			}	*/		
	  }); 
});