// JavaScript Document


$(document).ready(function(){
jQuery(function() { 
		// show a simple loading indicator
		var loader = jQuery('<div id="loader">Loading...</div>')
			.css({position: "relative", top: "0px", left: "10px"})
			.appendTo("#msg1")
			.hide();
			
		jQuery().ajaxStart(function() { 
			loader.show();
		}).ajaxStop(function() {
			loader.hide();
		}).ajaxError(function(a, b, e) { 
			throw e;
		});
		

jQuery.validator.messages.required = "";
	$("#contactform").validate({
		invalidHandler: function(e, validator) {
			var errors = validator.numberOfInvalids();
			if (errors) {
				var message = errors == 1
					? 'You missed 1 field.'
					: 'You missed ' + errors + ' fields.  Please fill all the required fields';
				$("div.error span").html(message);
				$("div.error").show();
				$('#msg').hide();
			} else {
				$("div.error").hide();
			}
		},
		onkeyup: false,
		submitHandler: function() {
			$("div.error").hide();
			jQuery("#contactform").ajaxSubmit({
					target: "#msg"
				});	
					$('#msg').show();
					$('#contactform input:text').val('');
					$('#contactform textarea').val('');
		},
		messages: {
			first_name: {
				required: "*required"	
			},
			last_name: {
				required: "*required"	
			},
			email: {
				required: "*required",
				email: "invalid email"	
			}
		},
		debug:true
	});
});
		
});