$().ready(function() {	
	//add a mask to the phone field
	$("#form-phone-input").mask("(999) 999-9999");
	$("#form-zip-input").mask("99999");
	
	// validate signup form on keyup and submit
	$("#contact-form").validate({
		rules: {
			firstname: "required",
			lastname: "required",
			companyname: "required",
			email: {
				required: true,
				email: true
			},
			phone: "required",
			street:"required",
			city:"required",
			zip:"required",
			state:"required"			
		},
		messages: {
			firstname: "Please Enter Your First Name",
			lastname: "Please Enter Your Last Name",
			phone: "Please Enter Your Phone Number",
			email: "Please Enter Your E-mail Address",
			street:"Please Enter Your Address",
			city:"Please Enter Your City",
			zip:"Please Enter Your City",
			state:"Please Choose a State",
		},
		//on submit
		submitHandler: function(form) {
			
			//disable the submit button
			//$("#submit").attr("disabled", "true");
			
			//start drawing the ajax animation
			//document.getElementById("ajax-status").style.display="block";
			$("#ajax-status").css('display','block');
			
			//display text status notice
			$("#ajax-status").html('Sending your Request').fadeIn("normal");
			
			//send post value
			$.post("http://webvertising.com/testing/fleetboatclub/contact/process_contact.php", {
				firstname: $("#form-firstname-input").val(),
				lastname : $("#form-lastname-input").val(),
				street : $("#form-street-input").val(),
				city : $("#form-city-input").val(),
				state : $("#form-input-state").val(),
				zip : $("#form-zip-input").val(),
				email : $("#form-email-input").val(),
				phone : $("#form-phone-input").val(),
				comments : $("#form-comments-textarea").val()
				},
			//callback function
			function(data) {
				//stop ajaxing loading animation
				//document.getElementById("ajax-loading-image").style.display="none";
				//$("#ajax-status").css('display','none');
				if(data.success){
					//success message
					$("#ajax-status").html('Message Sent! Thank you').removeClass().addClass("success");				
				}else{
					$.each(data.status, function(i,error){
						//error message
						$("#ajax-status").html('Error: '+error.error).removeClass().addClass("error");
						//enable submit button
						$("#submit").attr("disabled", "false");
					});
				}
			},"json");
			return false;		
		}
	});
});