$.validator.setDefaults({
	submitHandler: function() {
		//$("#contactForm").ajaxSubmit();
		//alert("Thank you. You will receive a confirmation email shortly.");
		$('#contact-form').ajaxSubmit({ 
			success: function(t) {
				//alert("Form submission a success. The server has returned: " + t);
				$("#content").html('<h2 class="first">Enquiry Form</h2><p>Thank you. Your enquiry has been submitted.</p>');
				//alert("submit successful");
			}
		});
	}
});
			
$(document).ready(function() {
	// validate contact form when submit button keyup
	$("#contact-form").validate({
		rules: {
			name: {
				required: true,
				minlength: 2
			},
			company: "required",
			enquiry: "required",
			telephone: {
				required: true,
				number: true
			},
			email: {
				required: true,
				email: true
			}
		},
		messages: {
			company: {
				required: "Please enter your Company/Organisation"
			},
			name: {
				required: "Please enter your Name",
				minlength: "Your Name must be at least 2 chars"
			},
			enquiry: {
				required: "Please enter your enquiry"
			},
			telephone: {
				required: "Please enter your telephone number",
				number: "Please enter a number only"
			},
			email: {
				required: "Please enter your email address",
				email: "Please enter a valid email address"
			}
		}
	});
	
	// apply inline-box only for mozilla
	if( jQuery.browser.mozilla ) {
		// do when DOM is ready
		$( function() {
			// search form, hide it, search labels to modify, filter classes nocmx and error
			$( '#contact-form' ).hide().find( 'p>label:not(.nocmx):not(.error)' ).each( function() {
				var $this = $(this);
				var labelContent = $this.html();
				var labelWidth = document.defaultView.getComputedStyle( this, '' ).getPropertyValue( 'width' );
				// create block element with width of label
				var labelSpan = $("<span>")
					.css("display", "inline")
					.width(labelWidth)
					.html(labelContent);
				// change display to mozilla specific inline-box
				$this.css("display", "-moz-inline-box")
					// remove children
					.empty()
					// add span element
					.append(labelSpan);
			// show form again
			}).end().show();
		});
	};
});