$(document).ready(function() {
	var debug = false;
	$("input").focus(function () {
		$(this).css({'border':'1px solid black'})
		    });
	$("input[name='post']").click(function() {
		//Remove error messages
		$('.comment-error').remove();

		//Do form validation here. Blank state/email regex.
		var errorz = true;
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
		if ($('#id_name').val() == "") { $('#id_name').css({'border':'2px solid red'});  errorz = false;}
		if ($('#id_email').val() == ""){ $('#id_email').css({'border':'2px solid red'});  errorz = false;}
		else if (!emailReg.test($('#id_email').val())){ $('#id_email').css({'border':'2px solid red'});  errorz = false;}
		if ($('#id_message').val() == ""){ $('#id_message').css({'border':'2px solid red'});  errorz = false;}

		if (!errorz){return false;}

		var params = $('form').serialize();

		$.post('/contact/', params, function(data) {
			if (data.status == "success") {
			    // If the post was a success, disable the Post button to
			    // prevent accidental duplication.
			    $('form').hide()
				.html('<p class="comment-thanks">Message successfully' +
				      ' posted. Thank you!</p>')
				.show('fast');
			} else if (data.status == "debug") {
			    if (debug) {
				// If the site is currently in development, list the debug
				// errors.
				$('form').before('<div class="comment-error">' +
						 data.error + '</div>');
			    } else {
				// Otherwise, display a generic server error message.
				$('form').before('<div class="comment-error">' +
						 'There has been an internal error with the server.</div>');
			    }
			} else {
			    // If there were errors with the form, I add them to the
			    // page above my comment form with a "comment-error" div.
			    $('form').before('<div class="comment-error">' +
					     data.error + '</div>');
			}
		    }, "json");
		
		return false;
	    });
    });