
$(function() {
		   
	var focusColor = "#FFDDAA";
	var blurColor ="#F6EBA9";
	
	$('input.required').focus(function(){
		$(this).css({backgroundColor:focusColor});
	});
	$('input.required').blur(function(){
		$(this).css({backgroundColor:blurColor});
	});
	$('textarea.required').focus(function(){
		$(this).css({backgroundColor:focusColor});
	});
	$('textarea.required').blur(function(){
		$(this).css({backgroundColor:blurColor});
	});
	$('select.required').focus(function(){
		$(this).css({backgroundColor:focusColor});
	});
	$('select.required').blur(function(){
		$(this).css({backgroundColor:blurColor});
	});
  
	$("#submit").click(function() {

		var accommodation = $("#accommodation").val();
		var dateFrom = $("#dateFrom").val();
		var dateTo = $("#dateTo").val();
		var party = $("#party").val();
		
		var name = $("#name").val();
		var phone_day = $("#phone_day").val();
		var phone_eve = $("#phone_eve").val();
		var email = $("#email").val();


		if (dateFrom == "") {
			$("#dateFrom").focus();
			return false;
		}
		else if (dateTo == "") {
			$("#dateTo").focus();
			return false;
		}
		else if (party == "") {
			$("#party").focus();
			return false;
		}
		else if (name == "") {
			$("#name").focus();
			return false;
		}
		else if (phone_day == "") {
			$("#phone_day").focus();
			return false;
		}
		else if (phone_eve == "") {
			phone_eve = "Not Specified";
		}
		
		if (email == "") {
			$("input#email").css({"background-image": "none"});
			$("input#email").focus();
			return false;
		} else {
			if(email != 0){
				if(isValidEmailAddress(email)){
					$("input#email").css({"background": "#F1F1DC url('public/images/validYes.png') no-repeat right center"});
				} else {
					$("input#email").css({"background": "#FFDDAA url('public/images/validNo.png') no-repeat right center"});
					return false;
				}
			} else {
				$("input#email").css({"background-image": "none"});		
			}
		}
																		
		var dataString = 'accommodation=' + accommodation + '&dateFrom=' + dateFrom + '&dateTo=' + dateTo + '&party=' + party + '&email=' + email + '&name=' + name + '&phone_day=' + phone_day + '&phone_eve=' + phone_eve;
		//alert (dataString);return false;
		
				$.ajax({
					type: "POST",
					url: "bookingProcess.php",
					data: dataString,
					success: function() {
					$('#booking_form').html("<div id='message'></div>");
					$('#message').html("<h1>Holiday Request Form Submitted!</h1>")
					.append("<p>Thank you for your time, once we receive the information we shall be in contact with you.</p>")
					.hide()
					.fadeIn(1000, function() {
						$('#message');
					});
				}
		});
	return false;
	});
  
});

function isValidEmailAddress(emailAddress) {
var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
return pattern.test(emailAddress);
}