/**
 * Set up JS validation
 */
$().ready(function() {
	
	var container = $('#errors');
	
	// validate the form when it is submitted
	var validator = $("#loginForm").validate({
		errorContainer: container,
		errorLabelContainer: $("ul", container),
		wrapper: 'li',
		meta: "validate",
		messages: validationContext.messages,
		highlight: function(element, errorClass) {
			var jqElement = $(element);
			var valLength = $.trim(jqElement.val()).length;
			if( valLength==0 ) {
				jqElement.removeClass('invalid');
				jqElement.addClass('required');
			} else {
				jqElement.removeClass('required');
				jqElement.addClass('invalid');
			}
		},
		unhighlight: function(element, errorClass) {
			$(element).removeClass('required').removeClass('invalid');			
		},
		onfocusout: false,
		onclick: false,
		onkeyup: false
	});

});