$(document).ready(function(){
	$("#submit").click(function(){					   				   
		$(".error").hide();
		
		var nameVal = $("#name").val();
		var telephone = $("#telephone").val();
		var recaptchaVal = $("#recaptcha_response_field").val();
		var hasError = false;		
		var nameReg = /^[A-Za-z]+[a-zA-Z]*$/;
		var telReg = /^((\(44\))( )?|(\(\+44\))( )?|(\+44)( )?|(44)( )?)?((0)|(\(0\)))?( )?(((1[0-9]{3})|(7[1-9]{1}[0-9]{2})|(20)( )?[7-8]{1})( )?([0-9]{3}[ -]?[0-9]{3})|(2[0-9]{2}( )?[0-9]{3}[ -]?[0-9]{4}))$/;
		
		
		if(nameVal == '') {
			$("#name").css({'background-color' : 'red'});
			return false;
		} else if(!nameReg.test(nameVal)) {	
			$("#name").css({'background-color' : 'red'});
			return false;
		} else $("#name").css({'background-color' : 'white'});
		
		
		if(telephone == '') {
			$("#telephone").css({'background-color' : 'red'});
			return false;
		} else if(!telReg.test(telephone)) {	
			$("#telephone").css({'background-color' : 'red'});
			return false;
		} else $("#telephone").css({'background-color' : 'white'});
		
			
		if(recaptchaVal == '') {
			$("#recaptcha_response_field").after('<div class="error">Please validate the Form.</div>');
			hasError = true;
			
		}	

		
		if(recaptchaVal != '')  {
				
			var challengeField = $("#recaptcha_challenge_field").val();
    		var responseField = $("#recaptcha_response_field").val();

   			 var html = $.ajax({
   			 type: "POST",
   			 url: "inc/ajax.recaptcha.php",
   			 data: "recaptcha_challenge_field=" + challengeField + "&recaptcha_response_field=" + responseField,
   			 async: false
   			 }).responseText;
    
    		if(html == "success"){}
   			else {
      		 $("#recaptcha_response_field").after('<div class="error">Validation error. Please try again.</div>');
      		  Recaptcha.reload();
              hasError = true;
  			 }
		}
		
		
		if(hasError == false) {
			$(this).hide();
			
			$.post("inc/process-callback.php",
   				{ name: nameVal, telephone: telephone },
   					function(data){
	
						$("#callback-container").fadeOut('slow');
						$("#callback-container").after('<div class="thankyou">Thankyou from Nk Driver Training.</div>');			
                          $("#name").val("");	
						  $("#telephone").val("");     
   					}
				 );
		}
		
		return false;
	});						   
});