/* ********************************

	みなとみらい線
	font-change.js
	
********************************* */

$(function(){
		
		// リセット
		//$.cookie('fontSize', null , { path: "" } );
		
		var bodyClass = 'font';
		var switchClass = 'fontChange';
		var startClass = "Normal";
		var activeClass = 'active';

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

		if ( value ) {
			$("body").addClass(bodyClass + value);
			$(".fontChanger ." + switchClass + value).addClass(activeClass);
		} else {
			$("body").addClass(bodyClass + startClass);
			$(".fontChanger ." + switchClass + startClass).addClass(activeClass);
		}
		
		//alert(value);
		
		$(".fontChanger dd").click( function() {
											 
			var s = $(this).attr("class").replace(switchClass, '');
			
			//alert(s);
			
			// bodyに付いているフォントサイズ調整用のクラスを削除
			$("body").removeClass(bodyClass + "Normal").removeClass(bodyClass + "Large");

			// 新たにフォントサイズ調整用のクラスを追加
			$("body").addClass(bodyClass + s);
			$(".fontChanger dd").removeClass(activeClass);

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

			// クッキーに保存
			$.cookie('fontSize', s, { expires: 365, path: "/" });
			
			//alert($.cookie('fontSize'));

	});
});