$(document).ready(function() {
	var bodyClass = 'back';
	var switchClass = 'backColor';
	var startClass = "White";
	var activeClass = 'active';

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

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

	$(".switch_backcolor 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_backcolor span").removeClass(activeClass);

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

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

	});
});