/* [javascript/Ajax Samples]
 * LastModified: 2009-05-06
 * This script requires [jquery.js & jqyery.cookie.js]
 */

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

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

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

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

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

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