$(document).ready(function() {
	$("#formErr").hide();
	$("#requestForm").submit(
		function(){
			$("#formErr").show();
		}
	);
	
	var validation = $("#requestForm").validate({
		submitHandler: function() { 
			$("#requestForm").ajaxSubmit({
                target: '#wrapper',
				url: 'thankyou.htm',
				type: 'post',
				complete: function() {
					
				}
            });
			return false;
		},
		rules: {
			first_name: "required",
			last_name: "required",
			title: "required",
			company: "required",
			email: "required",
			state: "required",
			phone_number:{
				required: true,
				minlength: 10
			},
			email: {
				required: true,
				email: true
			}			
		},
			errorLabelContainer: "div#formErr",
			errorClass: "error",
			showErrors: function(errors) {
				if(errors) {
					// add items to error list and map
					$.extend( this.errorMap, errors );
					this.errorList = [];
					for ( var name in errors ) {
						this.errorList.push({
							message: errors[name],
							element: this.findByName(name)[0]
						});
					}				
					// remove items from success list
					this.successList = $.grep( this.successList, function(element) {
						return !(element.name in errors);
					});
					
					for (element in this.successList){
						$('label', this.successList[element].parentNode).removeClass("error");
					}
					
					for (element in this.errorList){
						var currentElement = this.errorList[element].element;
						$('label', currentElement.parentNode).addClass("error");
					}
										
					$("#formErr").html("The information in orange needs to be corrected.");
					//this.defaultShowErrors();
				}
			}
	});
	
});