$(document).ready(function() {
	var bodyClassPrefix = 'fontSize';
	var normalClass = "Normal"; // Small, Normal, Largeのどれかを指定
	var currentClass = 'active';
	
	// クッキーを読み込む
	var value = $.cookie('fontSize');
	
	// クッキーにvalueがあった場合
	if ( value ) {
	$("body").addClass(bodyClassPrefix + value);
	$(".fontSwitch ." + value).addClass(currentClass);
	}

	// クッキーにvalueが無かった場合
	else {
	$("body").addClass(bodyClassPrefix + normalClass);
	$(".fontSwitch ." + normalClass).addClass(currentClass);
	}

	// ボタンを押した場合
	$(".fontSwitch a").click( function() {
									  
		// ボタンのカレントクラスを除去
		$(".fontSwitch a").removeClass(currentClass);
		
		// bodyに付いているフォントサイズ調整用のクラスを除去
		$("body").removeClass(bodyClassPrefix + "Small").removeClass(bodyClassPrefix + "Normal").removeClass(bodyClassPrefix + "Large");

		// valueに変更後のクラス値を代入
		value = $(this).attr("class");
		
		// bodyに変更後のクラスを付加
		$("body").addClass(bodyClassPrefix + value);
		
		// 押したボタンにカレントクラスを付加
		$(".fontSwitch ." + value).addClass(currentClass);
		// クッキーに保存
		$.cookie('fontSize', value,{path: '/'});
	});
});
