// JavaScript Document

// Submit the form on successful validation
$.validator.setDefaults({
	submitHandler: function(form) {
   		form.submit();
		$('input#submit').hide();
		$('#loading_image').show();
	}
});

$().ready(function() {
	// FORM VALIDATION
	// set first campus value to be null for validation
	$("#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: {
			// Insert fields from the form
			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
			}
		},
		messages: {
			// Place custom error 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."
		}
	});
});

// SHOW STEP 2
	$('#gradyear').change(function() {
		$('#step2').slideDown('slow');
		$('#form_step2').css('display','none');
	});

// FOCUS FIX FOR INTERNET EXPLORER
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);

//ACCORDION EFFECT - WRAP YOUR LIST WITH ACCORDION DESCRIPTIONS AND THE CONTENT YOU WANT TO SHOW/HIDE WITH ACCORDION CONTAINER
$(document).ready(function(){
	
$('.accordion_container').hide();

$('#accordion_descriptions h2').click(function(){
	if( $(this).next().is(':hidden') ) { 
		$('#accordion_descriptions h2').next().slideUp(); 
		$(this).next().slideDown(); 
	}
	else
	{
		$(this).next().slideUp();	
	}
	return false; 
	
});

});