$(document).ready(function() {
	var route;
	var scroll_distance = $("#login-blanket-inner").height();

	if(window.innerWidth < 768) var mobile = true;
	else mobile = false;

	function validateEmail(mail) {
		if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(mail)) return true;
		else return false;
	}

	function validatePassword(password) {
		if(password.length >= 6) return true;
		else return false;
	}


	$("#login-blanket").css("bottom", $(window).height());

	$("#login").on("click", function() {
		$("#login-blanket").show();
		if(mobile) {
			$("#login-blanket").css("top", "0px");
		} else {
			$("#login-blanket").animate({top: 0});
		}
	});


	$("#login-cancel").click(function(e) {
		e.preventDefault();
		if(mobile) $("#login-blanket").hide();
		else {
			$("#login-blanket").animate({
				top: "-"+$(window).height()
			}, function() {
				$("#login-blanket").hide();
			});
		}
	});

	$("#register-link").click(function(e) {
		e.preventDefault();
		if(mobile) {
			$("#scroll-container").css("top", "-"+scroll_distance+"px");
			document.getElementById('register-firstname').focus();
		} else {
			$("#scroll-container").animate({
				top: "-"+scroll_distance
			}, function() {
				document.getElementById('register-firstname').focus();
			});
		}
	});

	//VIS SKOLEOVERSIKT HVIS FYLKE ER VALGT
	$("#fylke").change(function() {
		var val = $("#fylke option:selected").val().replace(/ /g, "_");
		if(val !== "NA") $(this).removeClass("error");
		$(".skoleliste").hide();
		$("#skoler_"+val).show();
	});

	$(".skoleliste").change(function() {
		var val = $(this).find("option:selected").val();
		if(val !== "NA") $(this).removeClass("error");
	});

	$("#register-cancel, #reset-cancel").click(function(e) {
		e.preventDefault();
		if(mobile) {
			$("#scroll-container").css("top", 0);
			document.getElementById('login-email').focus();
		} else {
			$("#scroll-container").animate({
				top: 0
			}, function() {
				document.getElementById('login-email').focus();
			});
		}
	});

	$("#register-save").click(function(e) {
		e.preventDefault();
		var ok = true;
		$("#register-form > input").each(function() {
			$(this).removeClass("error");
			if($(this).val().trim() === '') $(this).addClass("error");
		});

		if(validateEmail($("#register-email").val()) === false) {
			ok = false;
			$("#register-email").addClass("error");
		}

		if(validatePassword($("#register-password").val()) === false) {
			ok = false;
			$("#register-password").addClass("error");
		}

		if($("#register-password").val() != $("#register-password-repeat").val()) {
			ok = false;
			$("#register-password-repeat").addClass("error");
		}

						if($("#fylke option:selected").val().replace(/ /g, "_") === "NA") {
								ok = false;
								$("#fylke").addClass("error");
						}

						if($(".skoleliste:visible option:selected").val() === "NA") {
								ok = false;
								$(".skoleliste:visible").addClass("error");
						}

		if(ok) {
			var formdata = $("#register-form").find(":visible").serialize();
			$.post("./ajax/register-handler.php", formdata, function() {
				$("#login-message").text("Du er nå registrert, og kan logge inn.");
				$("#login-message").show();
				$("#login-email").val($("#register-email").val());
				$("#login-password").val($("#register-password").val());
				$("#scroll-container").animate({
					top: 0
				}, function() {
					$("#login-email").focus();
				});

			}).fail(function(response) {
				console.log(response);
				$("#login-message").text("FEIL: "+response.statusText);
				$("#login-message").show();
										$("#scroll-container").animate({
												top: 0
										}, function() {
												$("#login-email").focus();
										});
			});
		} else alert("e");
	});

	$("#books > div").hover(function() {
		$(this).find(".overlay").show();
	}, function() {
		$(this).find(".overlay").hide();
	});


	$("#books a").click(function(e) {
		//IF NOT LOGGED IN, SHOW THE LOGIN WINDOW
		var showLoginWindow = true;
		if(showLoginWindow) {
			e.preventDefault();
			route = $(this)[0].href;
			console.log(route);
			$("#route").val(route);
			$("#login").trigger("click");
		}
		//ELSE OPEN LINK AS USUAL
	});

	$("#about").click(function(e) {
		e.preventDefault();
		$("#aboutBox").show();
	});

	$("#closeAboutBox").click(function() {
		$("#aboutBox").hide();
	});
});