$(document).ready(function() {
	var varRedCookie;
	var varSetSize;

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

	//body と ボタンにクラスを追加
	if ( varRedCookie ) {
		$('body').addClass('font' + varRedCookie);
		$('span.fontActive' + varRedCookie).addClass('active');
	} else {
		$('body').addClass('fontNormal');
		$('span.fontActiveNormal').addClass('active');
	}

	//ボタンを押されたら
	$('.fontChanger li').click( function() {
		varSetSize = $(this).attr('class').replace('fontChange', '');
		
		$('body').removeClass('fontNormal');
		$('body').removeClass('fontSmall');
		$('body').removeClass('fontLarge');

		// 新たにフォントサイズ調整用のクラスを追加
		$('body').addClass('font' + varSetSize);

		// 押したボタンにクラスを追加
		$('span').removeClass('active');
		$('span.fontActive' + varSetSize).addClass('active');
		
							//クッキーを削除
		$.cookie('fontSizeCookieName', '', { expires: -1 });
	
		// クッキーに保存
		$.cookie('fontSizeCookieName', varSetSize, { path:'/' });
	});
});