$(function(){
   var currentstyle = readCookie('fontStyle');

   if (currentstyle){
		switchFont(currentstyle);
   };

   $("li.sizeL").click(function(){
		switchFont("fontL");
		$(".sizeM").css({ backgroundPosition: "0 0" });
		$(".sizeS").css({ backgroundPosition: "0 0" });
		return false;
   });
   $("li.sizeM").click(function(){
		switchFont("fontM");
		$(".sizeL").css({ backgroundPosition: "0 0" });
		$(".sizeS").css({ backgroundPosition: "0 0" });
		return false;
   });
   $("li.sizeS").click(function(){
		switchFont("fontS");
		$(".sizeL").css({ backgroundPosition: "0 0" });
		$(".sizeM").css({ backgroundPosition: "0 0" });
		return false;
  });
});
function switchFont(className){

   $("body").removeAttr("class").addClass(className);

	if( className == "fontL" ){
		$(".sizeL").css({ backgroundPosition: "0 -14px" });
	}else if( className == "fontM" ){
		$(".sizeM").css({ backgroundPosition: "0 -14px" });
	}else if( className == "fontS" ){
		$(".sizeS").css({ backgroundPosition: "0 -14px" });
	}else{
		$(".sizeM").css({ backgroundPosition: "0 -14px" });
	}

   createCookie('fontStyle', className, 365);
};
function createCookie(name,value,days){
   if (days){
   var date = new Date();
   date.setTime(date.getTime()+(days*24*60*60*1000));
   var expires = "; expires="+date.toGMTString();
   }
   else var expires = "";
   document.cookie = name+"="+value+expires+"; path=/";
}
function readCookie(name){
   var nameEQ = name + "=";
   var ca = document.cookie.split(';');
   for(var i=0;i < ca.length;i++)
   {
   var c = ca[i];
   while (c.charAt(0)==' ') c = c.substring(1,c.length);
   if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
   }
   return null;
}