/* onloadイベント設定
--------------------------------------------------------------------------*/
function addEvent(obj, type, listener) {
	if(window.addEventListener) window.addEventListener('load',listener,false);
	else {
		var prev  = obj[type];
		obj[type] = (prev) ? function() { prev(); listener(); } : listener;
	}
}
window.addOnload = function(listener){
	addEvent(window, 'onload', listener);
}


/* cookie設定
--------------------------------------------------------------------------*/
function createCookie(name,value,days) {
  if (days) {
	  
	  var exp = new Date();
  
	  exp.setTime(exp.getTime()+(days*24*60*60*1000));
	  
	  var expires = "; expires=" + exp.toGMTString();

  }
  else {
	  expires = "";
	 } 
  
  document.cookie = name+"="+value+expires+"; path=/";

}


function readCookie(name) {
	var nameStr = name + "=";
	
	var ckary = document.cookie.split(';');
	
	
	for(var i=0;i < ckary.length;i++) {
		var c = ckary[i];
		while (c.charAt(0)==' ') { c = c.substring(1,c.length); }
		if (c.indexOf(nameStr) == 0) { return c.substring(nameStr.length,c.length); }
	}
	
	return null;

}


/* 文字サイズ変更設定
--------------------------------------------------------------------------*/

/*
 * クッキー読み込み
 */
var cookie = readCookie("style");
var size = ((cookie == "small") || (cookie == "big")) ? cookie : "medium";

/* 
 * 文字サイズCSS書き出し
 */

var fontStyle = new Object();
fontStyle["small"] = "#container { font-size: 12px;}";
fontStyle["medium"] = "#container { font-size: 14px;}";
fontStyle["big"] = "#container { font-size: 16px;}";

var styleHtml ="";
styleHtml += '<style type="text/css"><!-- ';
styleHtml += fontStyle[size];
styleHtml += '//--></style>';

document.write(styleHtml);


/* 
 * 文字サイズ変更ボタン書き出し
 */
function font_chgbtn(){
	
	var imgBtn = new Object();
	imgBtn["small"] = "/image/fontsize_small.jpg";
	imgBtn["medium"] = "/image/fontsize_medium.jpg";
	imgBtn["big"] = "/image/fontsize_big.jpg";
	
	for(i in imgBtn)
	{
		if(i == size)
		{
			imgBtn[i] = imgBtn[i].replace(/(\..{3})$/, "_on$1");
		}
	}
	
	var btnHtml = "";
	btnHtml += '<div class="fontSize" id="fontSize">';
	btnHtml += '<img src="/image/fontsize.gif" width="57" height="22" alt="文字サイズ" title="文字サイズ" />';
	btnHtml += '<a href="#"><img src="' + imgBtn["small"] + '" width="22" height="22" alt="小" title="小" name="small" /></a>';
	btnHtml += '<a href="#"><img src="' + imgBtn["medium"] + '" width="22" height="22" alt="中" title="中" name="medium" /></a>';
	btnHtml += '<a href="#"><img src="' + imgBtn["big"] + '" width="22" height="22" alt="大" title="大" name="big" /></a>';
	btnHtml += '</div>';

	document.write(btnHtml);
	
}



/* 
 * 文字サイズ変更ボタン設定
 */
function fontSizeInit()
{
	btnId = document.getElementById("fontSize");
	if(!btnId) { return false; }
	as = btnId.getElementsByTagName("a");
	
	as[0].onclick = function()
	{
		size = "small";
		createCookie("style", size, 30);
		location.reload();
		return false;
	};
	
	as[1].onclick = function()
	{
		size = "medium";
		createCookie("style", size, 30);
		location.reload();
		return false;
	};
	
	as[2].onclick = function()
	{
		size = "big";
		createCookie("style", size, 30);
		location.reload();
		return false;
	};
	
}

window.addOnload(fontSizeInit);

window.onunload = function()
{
	createCookie("style", size, 30);
};