// メイン処理。
$(function()
{
	// 文字サイズを変更して、メニューも表示する。
	setFontSize($.cookie('font-size'));
	createFontSizeMenu();
	
});

/**
 * bodyタグ(ページ全体を意味する)の文字サイズを設定する。
 * Cookieに文字サイズを保存する。
 *
 * @param size	String:	CSSのfont-sizeに指定する文字列。
 */
function setFontSize(size)
{
	size = size || '1.2em';
	$('body').css('font-size', size);
	$.cookie('font-size', size, {expires:365,path:'/'});
	return false;
};

/**
 * フォントサイズメニューを追加する。
 */
function createFontSizeMenu()
{
	var ul = $('<ul class="header_font_size"></ul>');
	ul.append($('<li id="font_size"><span class="reader">フォントサイズ</span></li>'));
	var a = $('<a href="javascript:void();"><span class="reader"></span></a>').css('cursor','pointer');
	ul.append($('<li class="font_size_l btn"></li>').append(a.clone().find('span').text('[大]').end().clickpress(function(){ return setFontSize('1.4em'); })));
	ul.append($('<li class="font_size_m btn"></li>').append(a.clone().find('span').text('[中]').end().clickpress(function(){ return setFontSize('1.2em'); })));
	ul.append($('<li class="font_size_s btn"></li>').append(a.clone().find('span').text('[小]').end().clickpress(function(){ return setFontSize('1.0em'); })));
	$('#header').append(ul);
}