/*
 * JavaScript validation 
 *	
 */

$().ready(function() {
	
	var container = $('#errors');
	
	// validate the form when it is submitted
	var validator = $("#registerForm").validate({
		errorContainer: container,
		errorLabelContainer: $("ul", container),
		wrapper: 'li',
		meta: "validate",
		messages: {
			emailAddress: {
				remote:'Email address is already in use.',
				required:'Please enter a valid email address'
			}
		},
		groups: { 'birthdate': 'birthYear birthMonth birthDay' },
		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
	});

});