var mainte_period = 30;			// クッキーの保持期間
var strCookie = document.cookie+";";	// クッキーの定義

function setCookie(key, value) {
	var today, keyset, expires;

	today = new Date();

	// ミリ秒に変換
	today.setTime(today.getTime() + (mainte_period * 24 * 60 * 60 * 1000));
	keyset = key + "=" + escape(value) + ";";
	expires = "expires=" + today.toGMTString();

	// キーと値、有効期限のセットを保存

	document.cookie =  keyset + expires;
}

function getCookie(key) {
	var retvalue, start, end;

	key = key + "=";
	retvalue = '0';

	ofset = strCookie.indexOf(key);

	// 文字列にしたクッキーから、目的のキーの場所を特定

	if (ofset != -1) {						// 存在すれば
		start = ofset + key.length;				// キーの開始位置 + キーの長さ = 値の先頭
		end = strCookie.indexOf(";" , start);			// 値の終了位置
		retvalue = unescape(strCookie.substring(start, end));	// substringで取り出す
	}

	return retvalue;
}



function changeLayer(index) {
	// 文字の状態によって拡大縮小のボタンの表示・非表示を切り替え
	var layerL, layerLF, layerS, layerSF;

	layerL = document.getElementById("btnL");
	layerLF = document.getElementById("btnLF");
	layerS = document.getElementById("btnS");
	layerSF = document.getElementById("btnSF");

	if (index == 0) {				// 通常時
		layerL.style.visibility="visible";
		layerS.style.visibility="hidden";
		layerLF.style.visibility="hidden";
		layerSF.style.visibility="visible";
	} else {					// 拡大時
		layerL.style.visibility="hidden";
		layerS.style.visibility="visible";
		layerLF.style.visibility="visible";
		layerSF.style.visibility="hidden";
	}
}


function checkCSS() {
	var index, start;

	// "mFlag" 文字の状態を示すクッキーにあるキー
	start = strCookie.indexOf("mFlag=");

	if (start != -1) {			// 存在すれば
		index = getCookie("mFlag");
		changeCSS(index);		// クッキーから取得した値を引き渡す
	} else {				// 存在しない場合
		setCookie("mFlag",'0');		// 0 = 通常時 を保存
	}

	index = getCookie("mFlag");
	changeLayer(index);			// ボタンの状態の更新
}

function changeCSS(index) {
	var i, j, obj, start;
	var notIncludes;

	notIncludes = 2;	//読み込まない数（通常の大きさ用とプリント用）
	j = (document.styleSheets.length) - notIncludes;

	// <link rel=" 〜 "> が、スタイルシートかつ、プリント用の直前まで
	for(i = 0; i < j; i++) {
		document.styleSheets[i].disabled = true;			// スタイル無効
		if (i == index) { document.styleSheets[i].disabled = false; }	// 指定のindexと一致する場合有効
	}

	start = strCookie.indexOf("mFlag=");
	setCookie("mFlag",index);

	changeLayer(index);
}