/*******************************************************************/
/************************** Validators *****************************/
jQuery.validator.addMethod("phone", function(phone_number, element) {
    phone_number = phone_number.replace(/\s+/g, ""); 
	return this.optional(element) || phone_number.length > 9 &&
		phone_number.match(/^(1-?)?(\([1-9]\d{2}\)|[1-9]\d{2})-?[1-9]\d{2}-?\d{4}$/);
}, "Please specify a valid phone number, Eg: 555-555-5555");


/*******************************************************************/
/********************* Validator Defaults **************************/
jQuery.validator.setDefaults({
    errorPlacement: function(error, element) {
	
		element.parent().find('span.Explain').hide();
    			 
		var pos = element.position();
		var width = element.width();
			
		if((element.parent().hasClass('custom-radio') || element.parent().hasClass('custom-checkbox'))) 
		{
			var label = element.parent().parent().find('div.custom-radio:last label:first, div.custom-checkbox:last label:first');
			
			pos = label.position();
			pos.top += 3;
			width = label.width() + 50;

			error.appendTo(element.parent().parent());	
		}else{
			error.appendTo(element.parent());	
		}
		
		error.css({
			left: pos.left + width ,
			top: pos.top
		});			
	},
	errorElement: "div",
	errorClass: "Error",
	onfocusout: function(element) { 
		if($(element).hasClass('hasDatepicker')) return true;
		else $(element).valid(); 
	} 
});

var Message = {
	RequiredMessage: 'This field is required.',
	DateMessage: 'Please enter a valid date. Eg: 01/30/2010.',
	DigitsMessage: 'Must be a numeric value.',
	EmailMessage: 'Not a valid email format. Eg: name@domain.ca',
	PhoneMessage: 'Not a valid phone number. Eg: 555-555-5555',
	MinLengthStudentNumber: 'Must be at least 7 digits long.',
	MinLengthAttending: 'Please select at least one.',
	SelectOne: 'Please select an option.'
};

/*******************************************************************/
/******************** Datepicker Defaults **************************/
$.datepicker.setDefaults({
	changeMonth: true,
	changeYear: true,
	showAnim: 'fadeIn'
});