/*
* Validate Function + Rules
*/

$().ready(function() {
	$("#contact-form").validate({
	rules: {
	first_name: {
				required: true,
				minLength: 2
				},
	zip: {
				required: true,
				minLength: 2
				},
	phone: {
				required: true,
				//digits: true,
				minLength: 10
				},
	last_name: {
				required: true,
				minLength: 2
				}
		}
	});
});


/*
* CMX Forms Styling
*/

// 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
		//if errors, rename this form.cmxform and update associated css file
		$( 'form.cmxform' ).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", "block")
				.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();
	});
};