/*----------------------------------------------------------------------------
 グローバルオブジェクト
----------------------------------------------------------------------------*/
var fontSize = {};

/* 文字サイズ変更を実行する関数
----------------------------------------*/
fontSize.setStyle = function(fValue) {
	var btn = $("#fontsize-change a");
	$(btn).each(function() { this.className = ""; });
	
	switch(fValue) {
		case "S" : var value = "S";  btn[2].className = "cr"; break;
		case "L" : var value = "L";  btn[0].className = "cr"; break;
		default  : var value = "M";  btn[1].className = "cr"; break;
	}
	$.cookie("fontsize", value, { expires: 7, path: "/", domain: location.hostname, secure: false });
	
	$("#wrapper").className = this.initClass;
	$("#wrapper").removeClass();
	$("#wrapper").addClass("fontsize" + value);
};

/* ドキュメントのロード時に呼び出す関数
----------------------------------------------*/

fontSize.init = function() {
// fontSizeオブジェクトのプロパティとしてbody要素のclass名を保存しておく
	this.initClass = $("#wrapper").className;
// Cookieを呼び出して、フォントサイズを設定
	var c = $.cookie("fontsize");
	this.setStyle(c);
};

/* ドキュメントのパース中に呼び出す関数
----------------------------------------------*/
fontSize.setup = function() {
	var s = '<dl class="clearfix">';
	s += '<dt><span>文字サイズ</span></dt>'
	s += '<dd class="l"><a href="#" onclick="fontSize.setStyle(\'L\'); return false;">大</a></dd>';
	s += '<dd class="m"><a href="#" onclick="fontSize.setStyle(\'M\'); return false;">中</a></dd>';
	s += '<dd class="s"><a href="#" onclick="fontSize.setStyle(\'S\'); return false;">小</a></dd>';
	s += '</dl>';
	document.write(s);
};

/*----------------------------------------------------------------------------
 onload event function
----------------------------------------------------------------------------*/
$(document).ready(function() {
fontSize.init();
})