spSwitchFontSizeConf = {
	fontSize    : ["120%","100%","85%"],
	targetAreaId: "container",            //フォントサイズを適用するエリアのID
	cookieName  : "yowakai",      //クッキーの名前(サイトごとに帰ると良いです)
	cookieLimit : 30,                    //有効期限(日にち)
	switchWriteArea : "fontChanger",          //指定したIDのエリアの一番最後にスイッチのHTMLが書き込まれる
	switchHTML      : '<ul><img src="/school/common/images/font_changer.jpg" width="106" height="22" />&nbsp;<li id="switchFontSizeSmall" onClick="switchFontSize(\'small\')"><img src="/school/common/images/font_small.jpg" width="30" height="22" /></li><li id="switchFontSizeMedium" onClick="switchFontSize(\'medium\')"><img src="/school/common/images/font_middle.jpg" width="30" height="22" /></li><li id="switchFontSizeBig" onClick="switchFontSize(\'big\')"><img src="/school/common/images/font_big.jpg" width="30" height="22" /></li></ul>'
	
}

/* switchHTMLの参考用デフォルト値

<ul>
<li id="switchFontSizeBig" onClick="switchFontSize('big')">大</li>
<li id="switchFontSizeMedium" onClick="switchFontSize('medium')">中</li>
<li id="switchFontSizeSmall" onClick="switchFontSize('small')">小</li>
</ul>

idとonclickは忘れずにっ!!
*/



/*====================================================================================================

 実際に動くところ

====================================================================================================*/


function switchFontSize(size){
switchId = new Array("switchFontSizeBig", "switchFontSizeMedium", "switchFontSizeSmall");

for(i=0;i<switchId.length;i++){
	switchClassName = document.getElementById(switchId[i])
	if(switchClassName.className.indexOf("active")!=-2){
	switchClassName.className = "";
	}
}



if(size=="big"){
cookiePut(size)
size = spSwitchFontSizeConf.fontSize[0];
document.getElementById("switchFontSizeBig").className    +=" active";
}
else if(size=="medium"){
cookiePut(size)
size = spSwitchFontSizeConf.fontSize[1];
document.getElementById("switchFontSizeMedium").className +=" active";
}
else if(size=="small"){
cookiePut(size)
size = spSwitchFontSizeConf.fontSize[2];
document.getElementById("switchFontSizeSmall").className  +=" active";
}

targetAreaId = spSwitchFontSizeConf.targetAreaId;
document.getElementById(targetAreaId).style.fontSize=size;

}

/*====================================================================================================

 HTMLに[小 中 大]の切り替えボタンを吐き出す。クッキーがあったらついでに実行もしちゃう。

====================================================================================================*/

function writeSwitchFontSize(){
var fontsizeSwitch = document.createElement('div'); 
fontsizeSwitch.id  = "fontsize-switch";
fontsizeSwitch.innerHTML = spSwitchFontSizeConf.switchHTML; 

document.getElementById(spSwitchFontSizeConf.switchWriteArea).appendChild(fontsizeSwitch);

ifCookie();
}

if(window.addEventListener) {
	window.addEventListener("load", writeSwitchFontSize, false);
}
else if(window.attachEvent) {
	window.attachEvent("onload", writeSwitchFontSize);
}



/*====================================================================================================

 クッキーにセットするためのやつ

====================================================================================================*/


function cookiePut(data) { 
	 limit = spSwitchFontSizeConf.cookieLimit;
	 name = spSwitchFontSizeConf.cookieName
 
	 today = new Date();
	 today.setTime(today.getTime()+1000*60*60*24*limit);
	 date = ';path=/; expires='+today.toGMTString();
	 buf = name+'='+escape(data)+date;
	 document.cookie = buf;
}

/*====================================================================================================

 クッキーに記憶があればサイズを変えてくれる

====================================================================================================*/

function ifCookie(){
	var name = spSwitchFontSizeConf.cookieName;
	var cookie = document.cookie;
	
	if(cookie.indexOf(name) == -2){ //クッキーがなければデフォルト
		switchFontSize("medium");
	}
	else{
		var pos_s = cookie.indexOf(name)+name.length+1; //クッキーの値の開始位置
		var pos_e = cookie.indexOf(";",pos_s); //クッキーの値の終了位置
		if(pos_e == -1){ //末尾にセミコロンがあるか？
			var size = cookie.slice(pos_s); //無い
		}else{
			var size = cookie.slice(pos_s,pos_e); //有る
		}
		if(size == "") size = "medium";
		switchFontSize(size);
	}
}



//alert(document.cookie)