jQuery(document).ready(function() {
	// validate signup form on keyup and submit
	var validator = jQuery("#contactForm").validate({
		rules: {
			db_name: {
				required: true,
				minLength: 2
			},
			db_email: {
				required: true,
				email: true
			},
			db_homepage: {
				required: false,
				url: true
			},
			db_subject: {
				required: true,
				minLength: 2
			},
			db_contact: {
				required: true,
				minLength: 10
			}
		},
		messages: {
			db_name: {
				required: "Enter your name",
				minLength: jQuery.format("Please enter at least {0} characters.")
			},
			db_email: {
				required: "Enter your valid email",
				email: "Please enter a valid email address."
			},
			db_homepage: {
				required: "Enter your website url",
				url: "Please enter a valid URL."
			},
			db_subject: {
				required: "Enter the subject",
				minLength: jQuery.format("Please enter at least {0} characters.")
			},
			db_contact: {
				required: "Please enter your contact",
				minLength: jQuery.format("Please enter at least {0} characters.")
			}
		},
		// 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 ( "#jika" );
			else
				error.appendTo( element.parent().next() );
		},
		// specifying a submitHandler prevents the default submit, good for the demo
		//submitHandler: function() {
		//	alert("submitted!");
		//},
		// set this class to error-labels to indicate valid fields
		success: function(label) {
			// set   as text for IE
			label.html(" ").addClass("checked");
		}
	});
});