$(document).ready(function() {

// Expand program dropdown for IE
	$("#program").mousedown(function() {
		$(this).css('width','425px');
	})
	$("#program").blur(function() {
		$(this).css('width','274px');
	})
	
	var panel_1 = $('#camp_select');
	var panel_2 = $('#contact_info');
	var panel_3 = $('#edu_info');
	
	function panelsInactive()
	{
		$(panel_1).removeClass('active_step');
		$(panel_2).removeClass('active_step');
		$(panel_3).removeClass('active_step');
	}
	
	$("#program").change(function() {
		$("#program option:first").val("");
		$(this).css('width','274px');
		$('#testimonial').fadeOut('fast');
		panelsInactive();
		$(panel_2).addClass('active_step');	
		$('#step2').slideDown();
	})
	$("#expectedstart").change(function() {
		panelsInactive();
		$(panel_3).addClass('active_step');
		$('#step3').slideDown();
	})

// validate signup form on keyup and submit
	$("#contact").validate({
		rules: {
			campusid: "required",
			program: "required",
			firstName: "required",
			lastName: "required",
			dayphone: {
				required: true,
				phoneUS: true
			},
			email: {
				required: true,
				email: true
			},
			address: "required",
			city: "required",
			state: "required",
			zip: {
				required: true,
				minlength: 5,
				maxlength: 12
			},
			education: "required",
			expectedstart: "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.",
			education: "Please enter your education level.",
			expectedstart: "Please select a start date.",
			gradyear: "Please enter your graduation year."
		}
		
	});

	$('.accordion_container').hide();

	$('#accordion_descriptions h3').click(function(){
		if( $(this).next().is(':hidden') ) { 
			$('#accordion_descriptions h3').next().slideUp(); 
			$(this).next().slideDown(); 
		}
		else
		{
			$(this).next().slideUp();                
		}
	});

	// Phone mask
   $("#dayphone").mask("(999) 999-9999");

});
