$(document).ready(function() {
	var originalFontSize = $("#content").css("font-size"); //normaal 10px.

	//Read cookie with font-size
	if ($.cookie("__FontSize")) {
		var currentFontSize = $.cookie("__FontSize").split("|")[0];
		var currentFontSizeNum = parseFloat(currentFontSize, 12);
		var newFontSize = currentFontSizeNum * 1.0;
		$("#content").css("font-size", newFontSize);
		$("#footer").css("font-size", newFontSize);

		SetActiveFontSize($.cookie("__FontSize").split("|")[1]);
	}

	// klein
	$(".decreaseFont").click(function() {
		var currentFontSize = originalFontSize
		var currentFontSizeNum = parseFloat(currentFontSize, 12);
		var newFontSize = currentFontSizeNum * 1.0;
		$("#content").css("font-size", newFontSize);
		$("#footer").css("font-size", newFontSize);

		$.cookie("__FontSize", newFontSize + "|" + "1", { expires: 365, path: "/" });
		SetActiveFontSize("1");
		return false;
	});

	// middel
	$(".resetFont").click(function() {
		var currentFontSize = $("html").css("font-size");
		var currentFontSizeNum = parseFloat(currentFontSize, 12);
		var newFontSize = currentFontSizeNum * 0.7;
		$("#content").css("font-size", newFontSize);
		$("#footer").css("font-size", newFontSize);

		$.cookie("__FontSize", newFontSize + "|" + "2", { expires: 365, path: "/" });
		SetActiveFontSize("2");
		return false;
	});

	// groot
	$(".increaseFont").click(function() {
		var currentFontSize = $("html").css("font-size");
		var currentFontSizeNum = parseFloat(currentFontSize, 12);
		var newFontSize = currentFontSizeNum * 0.8;
		$("#content").css("font-size", newFontSize);
		$("#footer").css("font-size", newFontSize);

		$.cookie("__FontSize", newFontSize + "|" + "3", { expires: 365, path: "/" });
		SetActiveFontSize("3");
		return false;
	});

	//FADE
	setTimeout(fade_out, 12500);
	function fade_out() {
		$("#follow").fadeOut().empty();
	}

});

function SetActiveFontSize(fontsize) {
	
	//Reset all
	$(".decreaseFont").removeClass("active");
	$(".resetFont").removeClass("active");
	$(".increaseFont").removeClass("active");
	
	//Set active
	switch (fontsize) {
		case '1':
			$(".decreaseFont").addClass("active");
			break;
		case '2':
			$(".resetFont").addClass("active");
			break;
		case '3':
			$(".increaseFont").addClass("active");
			break;
	}	
}