$(window).ready(function () {

	var setCookie = function() {
		var expireDate = new Date();
		expireDate.setHours(expireDate.getHours() + 2);
		jQuery.cookies.set("font-size", element.css("fontSize"), {expiresAt: expireDate});
	}

	var element = jQuery("#container");

	var storedSize = jQuery.cookies.get("font-size");
	if (storedSize && jQuery.inArray(storedSize, ["100%", "120%", "140%"])) {
		element.css("fontSize", storedSize);
		setCookie();
	}
	
	$("span.increase-font-button").bind("click", function() {
		switch (element.css("fontSize")) {
			case "100%":	element.css("fontSize", "120%"); break;
			case "120%":	element.css("fontSize", "140%"); break;
			case "140%":	break;
			default: element.css("fontSize", "120%"); break;
		}
		setCookie();
	});
	
	$("span.decrease-font-button").bind("click", function() {
		switch (element.css("fontSize")) {
			case "140%":	element.css("fontSize", "120%"); break;
			case "120%":	element.css("fontSize", "100%"); break;
			default: element.css("fontSize", "100%"); break;
		}
		setCookie();
	});
});