$(function() {
	//make sure error messages are hidden
	$('.error').hide();
	
	//now, let's set logic for input feild styles
	$('.text').focus(function(){
		$(this).addClass("onfocus");
		$(this).removeClass("onfail");
	});
	$('.text').blur(function(){
		$(this).removeClass("onfocus");
	});
	
	$(".btn_submit").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 comments = $("textarea#comments").val();
		
		//we need some extra variables for email validation
		var at = "@";
		var dot = ".";
		
		if (name == "") {
			$("label#name_error").show();
			$("input#name").addClass("onfail");
		}
		if (email == "" || email.indexOf(at)==-1 || email.indexOf(dot)==-1) {
			$("label#email_error").show();
			$("input#email").addClass("onfail");
		}
		if (comments == "") {
			$("label#comments_error").show();
			$("textarea#comments").addClass("onfail");
		}
		//if something is missing, don't process the form
		if (name == "" || email == "" || email.indexOf(at)==-1 || email.indexOf(dot)==-1 || comments == "") {
			return false;
		}
		
		//if all is good, then create a datastring with the values
		var dataString = 'name='+ name + '&email=' + email + '&comments=' + comments;
		//alert (dataString);return false;
		
		$.ajax({
			type: "POST",
			url: "new_contact.php",
			data: dataString,
			success: function() {
				$('#form_container').html('<p style="font-size: 150%; text-align: left; margin-top: 12%; margin: 34% 0%;">THANK YOU<br/>We&rsquo;ll get back to you shortly!</p>').hide().fadeIn(1500, function() {
					$('#form_container');
				});
			}
		});
		return false;
		});
});