$(document).ready(function(){
	var m_validator = $("#sendMessageForm").validate({
		rules: {
			subject:{
				required:true,
				minlength:5
			},
			msg:{
				required:true,
				minlength:15
			}
		}, 
		messages:{
			subject:{
				required: "Please enter Subject",
				minlength: jQuery.format("Enter at least {0} characters")
		 	},
		 	msg:{
				required: "Please enter Message",
				minlength: jQuery.format("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 ( element.next() );
			else {
				error.appendTo( element.parent().next() );
			}	
		},
		// specifying a submitHandler prevents the default submit
		submitHandler: function(form) {
			jQuery(form).ajaxSubmit({success:showResponse_Message});
		},
		// set this class to error-labels to indicate valid fields
		success: function(label) {
			// set   as text for IE
			label.html(" ").addClass("checked");
		}		
	});		
	
});

//post-submit callback 
function showResponse_Message(responseText, statusText)  { 
	var msg = "";
	if(jQuery.trim(responseText) == "Success"){
		msg = "<strong>Your Message has been successfully sent.</strong>";
	} else {
		msg = "<strong>Please try again. Unknown Error Occured.</strong>";
	}
	$('#sendMessageForm').empty().hide();
	$('.msg-holder').html(msg);
}