$(document).ready(function() {
	// Add AJAX functionality to form
	$('#signupform').ajaxForm(function(data) {
		$('.form-status').hide();

	    if (data==1){
	        $('#success').fadeIn("slow");
	        $('#signupform').resetForm();
	    } else if (data==2) {
	        $('#badserver').fadeIn("slow");
	    } else if (data==3) {
	        $('#bademail').fadeIn("slow");
	    } else if (data==4) {
	        $('#areyouhuman').fadeIn("slow");
	    } else if (data==5) {
			$('#areyouhuman').text("Some other error occured, sorry.")
	        $('#areyouhuman').fadeIn("slow");
	    }
	});

	// Validate signup form on keyup and submit
	var validator = $("#signupform").validate({
		rules: {
			name: "required",
			email: {
				required: true,
				email: true,
				minlength: 6,
			},
			terms: "required"
		},
		messages: {
			name: "Please enter your name",
			email: {
				required: "Please enter a valid email address",
				minlength: "Please enter a valid email address",
			},
			terms: "Making sure you're not a spambot"
		},
		highlight: function(element, errorClass) {
			$(element.form).find("label[for=" + element.id + "]").addClass(errorClass);
		},
		unhighlight: function(element, errorClass) {
			$(element.form).find("label[for=" + element.id + "]").removeClass(errorClass);
		}
		// specifying a submitHandler prevents the default submit, good for the demo
		//submitHandler: function() {
		//	alert("submitted!");
		//}
	});
});