$(function() {

  $("input[type=submit]").click(function() {
		// validate and process form
		// first hide any error messages
		
	var name = $("input[name=Name]").val();
		if (name == "") {
			$("input[name=Name]").addClass("error");
			$("input[name=Name]").focus();
			
		}
		
	var email = $("input[name=Email]").val();
		if (email == "") {
			$("input[name=Email]").addClass("error");
			$("input[name=Email]").focus();
			
		}
		
	var tel = $("input[name=Tel]").val();
		if (tel == "") {
			$("input[name=Tel]").addClass("error");
			$("input[name=Tel]").focus();
			
		}
		
	var enquiry = $("textarea[name=Enquiry]").val();
		if (enquiry == "") {
			$("textarea[name=Enquiry]").addClass("error");
			$("textarea[name=Enquiry]").focus();
			
		}
		
		if ( enquiry == "" || tel == "" || email == "" || name == "" ) {
		$('div#contact').addClass("error").html("<h2>Error!</h2>")
        .append("<p>Sorry, we found errors with your form. Please check all values and try again.</p>")
        .hide()
        .show(1500).animate({opacity:1},10000).hide(1500);
			return false;
		}
		
		var dataString = 'Name='+ name + '&Email=' + email + '&Tel=' + tel + '&Enquiry=' + enquiry;
		//alert (dataString);return false;
		
		$.ajax({
      type: "POST",
      url: "contact.php",
      data: dataString,
      success: function() {
		  
        $('div#contact').addClass("success").html("<h2>Success!</h2>")
        .append("<p>Thank you for submitting your enquiry. We will be intouch soon.</p>")
        .hide()
        .show(1500).animate({opacity:1},10000).hide(1500);
      }
     });
    return false;
	});
});