// JavaScript Document

$.validator.setDefaults({
	submitHandler: function(form) {
		form.submit();
	}
});

$().ready(function() {
	
	// set first campus value to be null for validation
	$("#campusid").prepend('<option selected=selected value="">Please select a campus</option>');
	$("#campusid option[value='-1']").remove();
	
	// set first program value to be null after location change
	$("#campusid").change(function() {
		$("#program").prepend('<option selected=selected value="">Please select a program</option>');
		$("#program option[value='-1']").remove();
	});
	
	// force format the phone number
	$("#dayphone").mask("(999) 999-9999");
	
	// validate signup form on keyup and submit
	$("#contact").validate({
		rules: {
			campusid: "required",
			program: "required",
			firstname: "required",
			lastname: "required",
			dayphone: "required",
			email: {
				required: true,
				email: true
			},
			address: "required",
			city: "required",
			state: "required",
			zip: {
				required: true,
				minlength: 5,
				maxlength: 12
			},
			ed_level: "required",
			gradyear: "required"
		},
		messages: {
			campusid: "Please select a campus.",
			program: "Please select a program.",
			firstname: "Please enter your first name.",
			lastname: "Please enter your last name.",
			dayphone: "Please enter a phone number.",
			email: "Please enter a valid email address.",
			address: "Please enter your address.",
			city: "Please enter a city.",
			state: "Please choose a state.",
			zip: "Please enter a Zip code.",
			ed_level: "Please enter your education level.",
			gradyear: "Please enter your graduation year."
		}
	});
	
});

// Focus Attribute for IE
sfFocus = function() {
	var sfEls = document.getElementsByTagName("INPUT");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onfocus=function() {
			this.className+=" sffocus";
		}
		sfEls[i].onblur=function() {
			this.className=this.className.replace(new RegExp(" sffocus\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfFocus);

// Collapse program descriptions
if ($('.descriptions'))
{
	var divs = $('.descriptions div.blurb');
	var divsLength = divs.length;
	
	for (i = 0; i < divsLength; i++) 
	{
		animatedcollapse.addDiv(divs[i].id, 'fade=1,height=auto,group=programs')
		animatedcollapse.init()
	}
}

animatedcollapse.addDiv('associate', 'fade=1,height=auto')
animatedcollapse.init()
animatedcollapse.addDiv('bachelor', 'fade=1,height=auto')
animatedcollapse.init()
animatedcollapse.addDiv('master', 'fade=1,height=auto')
animatedcollapse.init()
animatedcollapse.addDiv('doctoral', 'fade=1,height=auto')
animatedcollapse.init()