// JavaScript Document

$(document).ready(function() {
  var bodyClass = 'font';
  var switchClass = 'fontChange';
  var startClass = "Mid";
  var activeClass = 'active';

  // クッキーを読み込む
  var value = $.cookie('fontSize');

  if ( value ) {
    $("body").addClass(bodyClass + value);
    $(".fontChanger ." + switchClass + value).addClass(activeClass);
  } else {
    $("body").addClass(bodyClass + startClass);
    $(".fontChanger ." + switchClass + startClass).addClass(activeClass);
  }

  $(".fontChanger span").click( function() {
  value = $(this).attr("class").replace(switchClass, '');

  // bodyに付いているフォントサイズ調整用のクラスを削除
  $("body").removeClass(bodyClass + "Mid").removeClass(bodyClass + "Sml").removeClass(bodyClass + "Lag");

  // 新たにフォントサイズ調整用のクラスを追加
  $("body").addClass(bodyClass + value);
  $(".fontChanger span").removeClass(activeClass);

  // 押したボタンにクラスを追加
  $(".fontChanger ." + switchClass + value).addClass(activeClass);
  // クッキーに保存
  $.cookie('fontSize', value);
  });
});