$(function() {
	//make sure error messages are hidden
	$('.error').hide();
	
	//now, let's set logic for input feild styles
	$('input.text').focus(function(){
		$(this).removeClass("onfail");
	});
	
	$(".btn_submit_subtable").click(function() {
		// validate and process the form
		// first hide any error messages
		$('.error').hide();
		
		//next, let's set our required feild variables
		var name = $("input#Name").val();
		var email = $("input#Email").val();
		var phone = $("input#Phonesub").val();
		var guests = $("input#PartySize02").val();
		var datepicker = $("input#datepicker02").val();
		var etime = $("input#ResHour02").val();
		
		//we need some extra variables for email validation
		var at = "@";
		var dot = ".";
		
		if (name == "") {
			$("input#Name").addClass("onfail");
		}
		if (email == "" || email.indexOf(at)==-1 || email.indexOf(dot)==-1) {
			$("input#Email").addClass("onfail");
		}
		if (phone.length < 9 || isNaN(parseInt(phone))) {
			$("input#Phonesub").addClass("onfail");
		}
		if (guests == "") {
			$("input#PartySize02").addClass("onfail");
		}
		if (datepicker == "") {
			$("input#datepicker02").addClass("onfail");
		}
		if (etime == "") {
			$("input#ResHour02").addClass("onfail");
		}
		
		//if something is missing, don't process the form
		if (name == "" || email == "" || email.indexOf(at)==-1 || email.indexOf(dot)==-1 || phone.length < 9 || isNaN(parseInt(phone)) || datepicker == "" || etime == "" || guests == "") {
			$("label#submit_error").show();
			return false;
		}
		
		//if all is good, then create a datastring with the values
		var dataString = 'name='+ name + '&email=' + email + '&phone=' + phone + '&datepicker=' + datepicker + '&guests=' + guests + '&etime=' + etime;
		//alert (dataString);return false;
		
		$.ajax({
			type: "POST",
			url: "http://www.hub51chicago.com/wp-content/themes/hub51/subtable_request.php",
			data: dataString,
			success: function() {
				$('#subreserve').html('<p style="color: #54005F;">THANK YOU<br/>We will get back to you shortly!</p>')
				.hide()
				.fadeIn(1500, function() {
					$('#subreserve');
				});
			}
		});
		return false;
		});
});