jQuery().ready(function() {

	// jQuery Form Example Plugin
	jQuery(function(){
		jQuery('#cf_name').example('Name');
		jQuery('#cf_email').example('Email');
		jQuery('#message').example('Message');
	});
	
	
	
	// jQuery Validate
	jQuery("#contact_form").validate({
		rules: {
			cf_name: "required",
			cf_email: {
				required: true,
				email: true
			},
			message: "required"
			
		},
		messages: {
			cf_name: "Please enter your name",
			cf_email: {
				required: "Please enter a valid email address"
			},
			message: "Please enter your message"
		},
		submitHandler: function() {

			var name = jQuery("#cf_name").val();
			var email = jQuery("#cf_email").val();
			var msg = jQuery("#message").val();


			var dataString = 'name=' + name + '&email=' + email + '&message=' + msg;
			//alert (dataString);return false;

			jQuery.ajax({
				type: "POST",
				url: "/contact/handle_form.php",
				data: dataString,
				success: function(msg) {
					if(msg == 'success') {
						jQuery('#contact_form').html("<div id='msg' class='success'></div>");
						jQuery('#msg').html("<h3>Thank You!</h3>").append("<p>Your message has been sent.</p>");
					} else {
						jQuery('#contact_form').html("<div id='msg' class='oops'></div>");
						jQuery('#msg').html("<h3>Error</h3>").append(msg);
					}
				}
			});

			return false;

		}

	});
	

});