// メイン処理。
$(function()
{
	// 文字サイズを変更して、メニューも表示する。
	setFontSize($.cookie('font-size'));
	createFontSizeMenu();
	
	// サブメニュー用のコンテンツを読み込む(トップページ以外)。

	if ($('div#contents_outer').attr('class') != 'home'){
		var relPath = getRelativePath();
		$.get(relPath + 'sub.tpl', function(data){
			data = data.replace(/!ROOT!/gi, relPath); // ドキュメントルートへの相対パス。
			$('div#sub_menu').after($(data));
		});
	}

});

/**
 * 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);
}