jQuery(document).ready(function($) {
    
  $('span.error').hide();
  
  
  $('input.text-input').focus(function(){
    $(this).css({backgroundColor:"#ebe9e8"});
  });
  $('input.text-input').blur(function(){
    $(this).css({backgroundColor:"#ebe9e8"});
  });
  
   $('textarea.text-input').focus(function(){
    $(this).css({backgroundColor:"#ebe9e8"});
  });
  $('textarea.text-input').blur(function(){
    $(this).css({backgroundColor:"#ebe9e8"});
  });
  
  
  
   $(".button").click(function() {// validate and process form
		// first hide any error messages
    $('.error').hide();
	
	var recaptcha_reponse= $("input#recaptcha_response_field");
	var getchallenge= $("#recaptcha_image img").attr('src');
	var recaptcha_challenge = getchallenge.replace('http://www.google.com/recaptcha/api/image?','');
	 var bookingname = $("input#bookingname").val();
		if (bookingname == "") {
      $("input#bookingname").focus();$("span#bookingerror.error").fadeIn();
      return false;
    }
	
	var bookingphone =$("input#bookingphone").val();
	var alternatephone =$("input#alternatephone").val();
	var bookingemail=$("input#bookingemail").val();
	if (bookingemail == "") {
     $("input#bookingemail").focus();$("span#bookingemail_error.error").fadeIn();
      return false;
    }
	
	var passengers=$("input#passengers").val();
	if (passengers == "") {
     $("input#passengers").focus();$("span#passengers_error.error").fadeIn();
      return false;
    }
	
	var bookingdate =$("input#bookingdate").val();
	var pickupdate =$("input#pickupdate").val();
	var dropoffdate =$("input#dropoffdate").val();
	var waittime =$("input#waittime").val();
	var parkingpickup=$("input#parkingpickup").val();
	var destinationaddress=$("input#destinationaddress").val();
	var tourtype=$("input#tourtype").val();
	var playlist=$("input#playlist").val();
	var specrequire=$("input#specrequire").val();
	var catering=$("input#catering").val();
	var notes=$("textarea#notes").val();
	
	
	
	
	
       
	
	
	
	
	
	
   var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
   var address = $("input#bookingemail").val();
   if(reg.test(address) == false) {
      $("span#bookingemail_error.error").fadeIn().append('  Please enter a valid email address');
      $("input#bookingemail").focus();
      return false;
   }

		
		
	
	
  var dataString = 'bookingname='+ bookingname + '&bookingemail=' + bookingemail + '&recaptcha_challenge_field=' + recaptcha_challenge + '&recaptcha_response_field' + recaptcha_response +'&bookingphone=' + bookingphone + '&alternatephone=' + alternatphone + '&bookingdate=' + bookingdate + '&pickupdate=' + pickupdate + '&dropoffdate=' + dropoffdate + '&meetingpoint=' + meetingpoint + '&waittime=' + waittime + '&passengers=' + passengers +'&parkingpickup=' + parkingpickup + '&parkingdestination=' + parkingdestination + '&destinationaddress=' + destinationaddress + '&tourtype=' + tourtype + '&playlist=' + playlist + '&specrequire=' + specrequire + '&catering=' + catering + '&notes=' + notes + '&submit=' + 'submit' ;
		//alert (dataString);return false;
		
		$.ajax({
      type: "POST",
      url: "http://www.karaokebus.com.au/book-the-bus/",
      data: dataString,
      success: function() {
	  $("#bookingform").fadeOut();
        $('.post').html("<div id='message'></div>");
        $('#message').html("<h2>Thanks - Your booking form has been sent!</h2>")
        .append("<p>We'll be in touch to confirm the details. </p>")
        .hide()
        .fadeIn(1500, function() {
          $('#message').append("<p align='center'><img id='checkmark' src='http://www.boduweb.com/ldn/wp-content/themes/fromscratch/images/check.png' /></p>");
        });
      }
     });
  return false;
	});
  
});