$(document).ready(function () {
	showStateProvince();
	$("#country").change(showStateProvince);
	$("#Form1").submit(submitButton_onclick);
	$("#errorBox").hide();
});



var showStateProvince = function() {
	var val = $("#country").val();
	
	if ("USA" == val) {
		$('#stateLabel').html('State');
		$('#state').css("display", 'inline');
		$('#province').css("display", 'none');								
	} else if ("Canada" == val) {
		$('#stateLabel').html('Province');
		$('#state').css("display", 'none');
		$('#province').css("display", 'inline');
	} else {
		$('#stateLabel').html("");
		$('#state').css("display", 'none');
		$('#province').css("display", 'none');		
	}
};

var submitButton_onclick = function (e) { 
	var valid = validateForm();
	if (valid) {
		$("#submitButton").attr("disabled","disabled");
		$("#submitButton").attr("value", "Please Wait...");
	} else {
		e.preventDefault();
	}
};


var validateForm = function() {
	var returnValue = true;
	var msg = "";
				
	if ($('#firstName').val() == "") {
		msg = msg + "First Name is required." + "<br />";
	}
	
	if ($('#lastName').val() == "") {
		msg = msg + "Last Name is required."+ "<br />";
	}
	
	if ($('#Email').val() == "") {
		msg = msg + "Email is required."+ "<br />";
	}
	
	if ($("#title").val() == "") {
		msg = msg + "Title is required."+ "<br />";
	}
	
	
	
	if ($('#phone').val() == "") {
		msg = msg + "Phone is required."+ "<br />";
	}
	
	if ($('#address').val() == "") {
		msg = msg + "Address is required."+ "<br />";
	}
	
	if ($('#city').val() == "") {
		msg = msg + "City is required."+ "<br />";
	}
	
	var val = $('#country').val();
	if ("USA" == val) {
		if ($('#state').val() == "") {
			msg = msg + "State is required."+ "<br />";
		}				
	} else if ("Canada" == val) {
	if ($('#province').val() == "") {
			msg = msg + "Province is required."+ "<br />";
		}
	}
	
	if ($('#postalCode').val() == "") {
		msg = msg + "Postal Code is required."+ "<br />";
	}
	
	if ($('#company').val() == "") {
		msg = msg + "Company is required."+ "<br />";
	}
	
	
	if (msg == "") {
		return true;
	} else {
	
		$("#errorBox").html(msg).show();
		$('html,body').animate({scrollTop: $("#errorBox").offset().top - 25}, 500);
		
		return false;
	}
};