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

	横浜市交通安全協会
	font-change.js
	
	要　jQuery1.4.2 / 
	
********************************************** */

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

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

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

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

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

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

		});
	});
});