// JavaScript Document

$(document).ready(function(){

	// submit contact form using jquery ajax (used tutorial at http://www.queness.com/post/160/create-a-ajax-based-form-submission-with-jquery -KE)
	$("#c_submit").click(function(){
		// put the data in variables
		var c_name = $("#c_name");
		var c_email = $("#c_email");
		var c_phone = $("#c_phone");
		var c_location = $("#c_location");
		var c_message = $("#c_message");
		
		// validate the data
		if (c_name.val()=="" || c_name.val()=="Name"){
			alert("Please provide your name.");
			c_name.addClass("contact_error");
			c_name.focus();
			return false;
		} else c_name.removeClass("contact_error");
		
		if (c_email.val()=="" || c_email.val()=="Email"){
			alert("Please provide a valid email address.");
			c_email.addClass("contact_error");
			c_email.focus();
			return false;
		} else c_email.removeClass("contact_error");
		
		if (c_location.val()=="" || c_location.val()=="City, State"){
			alert("Please provide your city and state.");
			c_location.addClass("contact_error");
			c_location.focus();
			return false;
		} else c_location.removeClass("contact_error");
			  
		// organize the data to send
		var data = "c_name=" + c_name.val() + "&c_email=" + c_email.val() + "&c_phone=" + c_phone.val() + "&c_location=" + c_location.val() + "&c_message=" + encodeURIComponent(c_message.val());
		
		// ajax fun below
		$.ajax({
			url: "contact.php",
			type: "GET",
			data: data,
			cache: false,
			success: function(html){
				if (html==1) {
					$("#contact_form").fadeOut(500, function(){
						$("#contact_success").fadeIn(500);
					});
					$("#contact_form > form > div > input").not(":submit").val("");
					$("#c_message").val("");
				} else alert("An error has occurred.");
			}
		});
		
		// cancel the form submit button
		return false;
	});

});