$(function () {
	// Click Handlers
	$("#navHome").click(function () {
		clearPage();
		$("#home").show();
		return false;
	});
	$("#navProducts").click(function () {
		clearPage();
		$("#products").show();
		return false;
	});
	$("#navClients").click(function () {
		clearPage();
		$("#clients").show();
		return false;
	});
	$("#navCompany").click(function () {
		clearPage();
		$("#company").show();
		return false;
	});
	$("#watchOverview").click(function () {
		toggleModal("#overview");
		return false;
	});
	$("#signUpStart").click(function () {
		$("#TRIOSignUp :input:visible").first().focus();
		toggleModal("#signUp");
	});
	$("#signUpSubmit").click(function () {
		if (validateForm($("#TRIOSignUp"))) {
			$.post("/TRIOSignUp", $("#TRIOSignUp").serialize()).success(function () {
				$("#TRIOSignUp").hide();
				$("#TRIOSignUp").parents(".request").children(".success").show();
			}).error(function () {
				$("#TRIOSignUp").hide();
				$("#TRIOSignUp").parents(".request").children(".error").show();
			});
		}
	});
	$(".button.close").click(function () {
		toggleModal($(this).parents(".modal:eq(0)"));
		$(this).parents("div.request").children().hide();
		$(this).parents("div.request").children("form").show();
		resetForm($("#TRIOSignUp"));
		return false;
	});
	
	// Change Handlers
	$("#TRIOSignUp :input:not(:button, :submit)").change(function () {
		validate(this);
	});
	
	// Begin on Home page
	$("#navHome").click();
});