$(function(){
  var cookie_name = 'fontsize';
  var my_domain = 'www.yasakag.net';
  var font_s = 87;
  var font_m = 100;
  var font_l = 112;

  if($.cookie(cookie_name)) {
    var cookieFontSize = $.cookie(cookie_name);
	if ( cookieFontSize == font_s ) {
	    $("#font_s a").css({backgroundPosition: "0px 0px"});		
	}
	else if ( cookieFontSize == font_m ) {
	    $("#font_m a").css({backgroundPosition: "0px 0px"});		
	}
	else if ( cookieFontSize == font_l ) {
	    $("#font_l a").css({backgroundPosition: "0px 0px"});		
	}
    $("#contents").css("font-size", cookieFontSize+"%");
    $("#top_contents").css("font-size", cookieFontSize+"%");
  }
  else { // first
	$("#contents").css("font-size", font_m+"%");
    $("#top_contents").css("font-size", font_m+"%");
	$("#font_s a").css({backgroundPosition: "0px -17px"});		
	$("#font_m a").css({backgroundPosition: "0px 0px"});		
	$("#font_l a").css({backgroundPosition: "0px -27px"});		
	$.cookie(cookie_name, font_m ,{ path: '/', domain:my_domain });
  }

  // S
  $("#font_s").click(function(){
	var newFontSize = font_s;
    $("#contents").css("font-size", font_s+"%");
    $("#top_contents").css("font-size", font_s+"%");
	$("#font_s a").css({backgroundPosition: "0px 0px"});		
	$("#font_m a").css({backgroundPosition: "0px -22px"});		
	$("#font_l a").css({backgroundPosition: "0px -27px"});		
	$.cookie(cookie_name, font_s ,{ path: '/', domain:my_domain });
  });
  // M
  $("#font_m").click(function(){
	var newFontSize = font_m;
    $("#contents").css("font-size", font_m+"%");
    $("#top_contents").css("font-size", font_m+"%");
	$("#font_s a").css({backgroundPosition: "0px -17px"});		
	$("#font_m a").css({backgroundPosition: "0px 0px"});		
	$("#font_l a").css({backgroundPosition: "0px -27px"});		
	$.cookie(cookie_name, font_m ,{ path: '/', domain:my_domain });
  });
  // L
  $("#font_l").click(function(){
	var newFontSize = font_l;
    $("#contents").css("font-size", font_l+"%");
    $("#top_contents").css("font-size", font_l+"%");
	$("#font_s a").css({backgroundPosition: "0px -17px"});		
	$("#font_m a").css({backgroundPosition: "0px -22px"});		
	$("#font_l a").css({backgroundPosition: "0px 0px"});		
	$.cookie(cookie_name, font_l ,{ path: '/', domain:my_domain });
  });
});