$(document).ready(function(){

	var minValue    = 8; //最小フォントサイズ
	var smallValue  = 10; // S
	var mediumValue = 12; // M
	var largeValue  = 14;  // L
	var maxValue    = 16; //最大フォントサイズ

	//フォントサイズを制御したい要素をここで指定する
	// var ChildElements=$('h1');

	var setFontSize = function(fontSize)
	{
		fontSize = parseInt(fontSize);

		if ( fontSize > maxValue )
		{
			fontSize = maxValue;
		}

		if ( fontSize < minValue )
		{
			fontSize = minValue;
		}

		$('body').css("font-size",fontSize+"px");
		$.cookie('font_size', fontSize, {path:'/'});
	}

	var getCurrentFontSize = function()
	{
		return parseInt(($('body').css("font-size")).replace(/px/,""));
	}

	var initialize = function()
	{
		if ( $.cookie('font_size') )
		{
			setFontSize($.cookie('font_size'));
		}
	}

	//クリックでフォントサイズを大きくする要素を指定
	$("#inc_font").click(function(){
		//デフォルト
		var fontSizeNew = getCurrentFontSize() + 1;
		setFontSize(fontSizeNew);
	});

	//クリックでフォントサイズを小さくする要素を指定
	$("#dec_font").click(function(){
		//デフォルト
		var fontSizeNew = getCurrentFontSize() - 1;
		setFontSize(fontSizeNew);
	});

	//クリックでフォントサイズをSにする
	$("#font_s").click(function(){
		setFontSize(smallValue);
	});

	//クリックでフォントサイズをMにする
	$("#font_m").click(function(){
		setFontSize(mediumValue);
	});

	//クリックでフォントサイズをLにする
	$("#font_l").click(function(){
		setFontSize(largeValue);
	});

	initialize();
});