/******************************
**
**  Contact Form Validation
**
******************************/

$(document).ready(function() {

	$("select").change(function() {
  		$(this).valid();
	});

	// validate signup form on keyup and submit
	var validator = $("#contactform").validate({
		rules: {
			subject: "required",
			firstname: "required",
			email: {
				required: true,
				email: true
			},
			phone: {
				required: true,
				minlength: 12
			}		
		},
		messages: {
			subject: " ",
			firstname: " ",
			email: " ",
			phone: " "
		},
		// the errorPlacement has to take the table layout into account
		errorPlacement: function(error, element) {

			if ( element.is(":radio") )
				error.appendTo( element.parent().next().next() );
			else if ( element.is(":checkbox") )
				error.appendTo ( element.parent().next() );
			else {
				document.getElementById('warning').style.visibility = 'visible';
				error.appendTo( element.parent().next() );
			}
			
		},
		// specifying a submitHandler prevents the default submit
		submitHandler: function() {
			document.contact_form.submit();
		},
		// set this class to error-labels to indicate valid fields
		success: function(label) {
			// set   as text for IE
			document.getElementById('warning').style.visibility = 'hidden';
			label.html(" ").addClass("checked");
			
		}		
	});
});