yomotsuSwitchFontSizeConf = {
	fontSize    : ["130%","100%","80%"],
	targetAreaId: "main",            //フォントサイズを適用するエリアのID
	cookieName  : "wagyuFontSize",      //クッキーの名前(サイトごとに変えると良いです)
	cookieLimit : 30,                    //有効期限(日にち)
	switchWriteArea : "utility",          //指定したIDのエリアの一番最後にスイッチのHTMLが書き込まれる
	switchHTML      : '<ul><li id="switchFontSizeBig" onClick="switchFontSize(\'big\')">大</li><li id="switchFontSizeMedium" onClick="switchFontSize(\'medium\')">中</li><li id="switchFontSizeSmall" onClick="switchFontSize(\'small\')">小</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")!=-1){
	switchClassName.className = "";
	}
}



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

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

}

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

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

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

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

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

ifCookie();
}

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



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

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

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


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

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

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

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

function ifCookie(){
	var name = yomotsuSwitchFontSizeConf.cookieName;
	var cookie = document.cookie;
	
	if(cookie.indexOf(name) == -1){ //クッキーがなければデフォルト
		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); //有る
		}
		switchFontSize(size)
	}
}



//alert(document.cookie)// JavaScript Document