// validate and process form
 $(function() {
  $(".ah_button").click(function() {
		// first hide any error messages or highlights
    $("label#name_label").text("* Name:");
	$("label#name_label").removeClass("required");
	$("input#name").removeClass("highlight");
	$("label#email_label").text("* Email:");
	$("label#email_label").removeClass("required");
	$("input#email").removeClass("highlight");
	$("label#phone_label").text("* Telephone:");
	$("label#phone_label").removeClass("required");
	$("input#phone").removeClass("highlight");

		// validate name input
	  var name = $("input#name").val();
		if (name == "") {
      $("label#name_label").text("Your name is required:");
      $("label#name_label").addClass("required");
	  $("input#name").addClass("highlight");
      $("input#name").focus();
      return false;
    }

		// validate email input	
		var email = $("input#email").val();
		if (email == "") {
      $("label#email_label").text("Email address is required:");
      $("label#email_label").addClass("required");
	  $("input#email").addClass("highlight");
	  $("input#email").focus();
      return false;
    }

		// add address1 input	
		var address1 = $("input#address1").val();

		// add address2 input	
		var address2 = $("input#address2").val();

		// add town input	
		var town = $("input#town").val();
		
		// add postcode input	
		var code = $("input#code").val();

		// validate phone input
		var phone = $("input#phone").val();
		if (phone == "") {
      $("label#phone_label").text("Telephone number is required:");
      $("label#phone_label").addClass("required");
	  $("input#phone").addClass("highlight");
      $("input#phone").focus();
      return false;
    }

		// add fax input	
		var fax = $("input#fax").val();

		// add arrival date input	
		var adate = $("input#aDate").val();

		// add postcode input	
		var ddate = $("input#dDate").val();

		// add number of nights input	
		var nights = $("input#nights").val();
		
		// add number of people input	
		var people = $("input#people").val();

		// add roomtypes input	
		var roomtype1 = $("input#roomtype1").val();
		var roomtype2 = $("input#roomtype2").val();
		var roomtype3 = $("input#roomtype3").val();
		var roomtype4 = $("input#roomtype4").val();
		var roomtype5 = $("input#roomtype5").val();
		var roomtype6 = $("input#roomtype6").val();
		var roomtype7 = $("input#roomtype7").val();

		// add further info textarea input	
		var booknotes = $("textarea#booknotes").val();

		var dataString = 'name='+ name + '&email=' + email + '&address1=' + address1 + '&address2=' + address2 + '&town=' + town + '&postcode=' + code
		 + '&phone=' + phone + '&fax=' + fax + '&adate=' + adate + '&ddate=' + ddate + '&nights=' + nights + '&people=' + people 
		 + '&roomtype1=' + roomtype1 + '&roomtype2=' + roomtype2 + '&roomtype3=' + roomtype3 + '&roomtype4=' + roomtype4 + '&roomtype5=' 
		 + roomtype5 + '&roomtype6=' + roomtype6 + '&roomtype7=' + roomtype7 + '&booknotes=' + booknotes;
		//alert (dataString);return false; //for testing
		
	 $.ajax({
      type: "POST",
      url: "scripts/sendquery.php",
      data: dataString,
      success: function() {
		var destination = $("#availability_form").offset().top;
   		$("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination-20}, 500 );
		$('#form_message').html("<div id='message'></div>");
        $('#message').html("<img src='images/form_sent.png' alt='Form Sent' class='submittedimg'/>")
		.hide()
        .fadeIn(1500);
      }
     });
    return false;
	});
});

//Reset Form

$.fn.clearForm = function() {
  $("label#name_label").text("* Name:");
  $("label#name_label").removeClass("required");
  $("input#name").removeClass("highlight");
  $("label#email_label").text("* Email:");
  $("label#email_label").removeClass("required");
  $("input#email").removeClass("highlight");
  $("label#phone_label").text("* Telephone:");
  $("label#phone_label").removeClass("required");
  $("input#phone").removeClass("highlight");
  
  return this.each(function() {
 var type = this.type, tag = this.tagName.toLowerCase();
 if (tag == 'form')
   return $(':input',this).clearForm();
 if (type == 'text' || type == 'password' || tag == 'textarea')
   this.value = '';
 else if (type == 'checkbox' || type == 'radio')
   this.checked = false;
 else if (tag == 'select')
   this.selectedIndex = -1;
  });
};