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

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

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

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

		// bodyに付いているフォントカラー調整用のクラスを削除
		$("body").removeClass(bodyClass + "White").removeClass(bodyClass + "Black").removeClass(bodyClass + "Yellow");

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

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

		// クッキーに保存
		$.cookie('fontColor', value);

	});
});