$(function() {
	$('.gallery').lightBox();
 
	// show a simple loading indicator
	var loader = $('<div id="loader"><img src="images/loading.gif" alt="loading..." /></div>')
		.css({position: "relative", top: "10px", left: "75px"})
		.appendTo("#right-column")
		.hide();
	$().ajaxStart(function() {
		loader.show();
	}).ajaxStop(function() {
		loader.hide();
	}).ajaxError(function(a, b, e) {
		throw e;
	});

	var v = $("#form").validate({
		
		rules: {
			name: {
				required: true,
				minlength: 2
			},
			email: {
				required: true,
				email: true
			},
			message: {
				required: true,
				minlength: 2
			}
		},
		//set messages to appear inline
		messages: {
			name: "Please enter your name",
			email: "Please enter a valid email address",
			message: "Please enter your message"
		},
		
		submitHandler: function(form) {
			$(form).ajaxSubmit({
				target: "#form-message-combo"
			});
		}
	});

	$("#reset").click(function() {
		v.resetForm();
	});
	
});