// JavaScript Document

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

$().ready(function() {

	$("#dayphone").mask("(999) 999-9999");
	$("#birthdate").mask("99/99/9999");
	
	// validate signup form on keyup and submit
	$("#contact").validate({
		rules: {
			clientid: "required",
			firstname: "required",
			lastname: "required",
			dayphone: "required",
			program: "required",
			state: "required",
			email: {
				required: true,
				email: true
			},
			zip: {
				required: true,
				minlength: 5,
				maxlength: 12
			}
		},
		messages: {
			clientid: "Please choose a campus location.",
			email: "Please enter a valid email address.",
			firstname: "Please enter your first name.",
			lastname: "Please enter your last name.",
			dayphone: "Please enter your phone number.",
			program: "Please choose a program.",
			state: "Please choose a state or province.",
			zip: "Please enter a Zip or Postal code."
		}
	});
	
});

function validateLocation() {
		$('#panel_2').fadeIn();
		$('#panel_1').fadeOut();
	
	addAmount();
}

function validateProgram() {
	$('#panel_3').fadeIn();
	$('#panel_2').hide();
	
	addAmount();
}

function validateGradYear() {
	$('#panel_4').fadeIn();
	$('#panel_3').hide();
	
	addAmount();
}

function validateEducationLevel() {
		$('#panel_final').fadeIn();
		$('#panel_4').hide();
	
	addAmount();
}

function addAmount() {
	var amount = $('#amount').width();
	$('#amount').width(amount + 55);
}

function subtractAmount() {
	var amount = $('#amount').width();
	$('#amount').width(amount - 55);
}

function backPanel1() {
	$('#panel_2').hide();
	$('#panel_1').show();
	
	subtractAmount();
}

function backPanel2() {
	$('#panel_3').hide();
	$('#panel_2').show();
	
	subtractAmount();
}

function backPanel3() {
	$('#panel_4').hide();
	$('#panel_3').show();

	subtractAmount();
	
	$('#panel_final').hide();
}

function backPanel4() {
	$('#panel_final').hide();
	$('#panel_4').show();
	
	subtractAmount();
}