// do when DOM is ready
$(document).ready(function() {
	
	//hide the error container
	$(".formErrorContainer").hide();
	$("#loader").hide();
	
	//assign the validator
	var formErrorContainer = $('div.formErrorContainer');
	var validator = $("#contactform").validate({
		submitHandler: function(form) {
			jQuery(form).ajaxSubmit({
				target: "#emailResultBox",
				resetForm: true 
			});
		},									   
		errorContainer: formErrorContainer,
		errorLabelContainer: $("ol", formErrorContainer),
		wrapper: 'li',
		meta: "validate"
		}
	);
	
	jQuery().ajaxStart(function() {
		$("#loader").show();
	}).ajaxStop(function() {
		$("#loader").hide();
	}).ajaxError(function(a, b, e) {
		throw e;
	});
	
	
});


function onClickSubmitEmail(){

	 //alert("onClickSubmitEmail");
	  
	  //empty the emailResultBox
	  $("#emailResultBox").empty();
	  
	  
	  // bind form using 'ajaxForm' 
	 if($("#contactform").validate().form()){
		  //alert("valid!");
	 }
	 else{
		 //alert("invalid!");	
	}
}

function onClickReset(){
	//alert("onClickReset");
	
	 $("#emailResultBox").empty();
	
	setTimeout(onClickSubmitEmail, 200);
	
}