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

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

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

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

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

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

		// 押したボタンにクラスを追加
		$("#switch ." + switchClass + value).addClass(activeClass);

		// クッキーに保存
		$.cookie('fontSize', value, { path: '/'});

	});
});

