$(document).ready(function() {

	//設定
	var bodyClass = 'font';
	var switchClass = 'fontChange';
	var startClass = 'Normal';
	var activeClass = 'active';

	//cookieの呼び出し
	var name = 'fontSize';
	var value = $.cookie(name);

	//cookieから読み込み
	if ( value ) {
		$('body').addClass(bodyClass + value);
		$('.switchFont .' + switchClass + value).addClass(switchClass + value + activeClass);
		//alert('クッキー' + value + 'がありました');
	//classの設定
	} else {
		$('body').addClass(bodyClass + startClass);
		$('.switchFont .' + switchClass + startClass).addClass(switchClass + startClass + activeClass);
		//alert('クッキーがないので' + value + 'を設定しました');
	}//click時
	$('.switchFont li').click( function() {
		//Small,Normal,Largeのみ抜き出し
		value = $(this).attr('class').replace(switchClass, '');
		
		//bodyからclass削除＆再設定
		$('body').removeClass(bodyClass + 'Normal').removeClass(bodyClass + 'Small').removeClass(bodyClass + 'Large');		
		$('body').addClass(bodyClass + value);
			
		//liからclass削除
		$('.switchFont li').removeClass(switchClass + 'Small' + activeClass).removeClass(switchClass + 'Normal' + activeClass).removeClass(switchClass + 'Large' + activeClass);

		//click自身にclass再設定
		$(this).addClass(switchClass + value + activeClass);
		
		//cookieの作成 *パス指定をきちんとしておくこと
		$.cookie(name, value ,{path: '/' , expires:1});
		//alert(value + 'をセットしました');

	});
});