jQuery(function() {

	var form = '#form';
	var form_message = '#form-message';
	

	var disableSubmit = function(val){

		$(form + ' input[type=submit]').attr('disabled', val);

	};
	
	var v = jQuery(form).validate({

			messages: {
				email: {
					required: 'Please provide an email address',
					email: 'Please provide a valid email address'
				},

				name: 'Please provide your name',
				message: 'Please provide your message'

			},

			submitHandler: function(form) {

	    		jQuery(form).ajaxSubmit({

					target: "#result",
					dataType:  'json',
					url:	"lib/mailer.js.php",
					beforeSubmit: function(){

						disableSubmit(true);
					    $(form_message).removeClass().addClass('loading').html('Loading...').fadeIn();
					},

					success: function(json){

						/**

						   * The response from AJAX request will look something like this:

						   * {"type" : "success", "message" : "Thank-You for submitting the form!"}

						   * Once the jQuery Form Plugin receives the response, it evaluates the string into a JavaScript object, allowing you to access

						   * object members as demonstrated below.

						  */

						$(form_message).hide();

						$(form_message).removeClass().addClass(json.type).html(json.message).fadeIn('slow');

						disableSubmit(false);

						if(json.type == 'success')

							$(form).clearForm();

					}

				});

			}

		});

		jQuery("#reset").click(function() {

			v.resetForm();

		});

	});

    //});

/*

});

*/