/*
=====================================
=
=	フォントサイズ変更ボタン
=
=====================================
*/
var img = new Array;
	img["big_out"] = "<img class='hover swap' src='img/common/letter_size_large.gif' alt='大' height='20' width='25' />";
	img["big_over"] = "<img src='img/common/letter_size_large_on.gif' alt='大' height='20' width='25' />";
	img["middle_out"] = "<img class='hover swap' src='img/common/letter_size_medium.gif' alt='中' height='20' width='25' />";
	img["middle_over"] = "<img src='img/common/letter_size_medium_on.gif' alt='中' height='20' width='25' />";
	img["small_out"] = "<img class='hover swap' src='img/common/letter_size_small.gif' alt='小' height='20' width='25' />";
	img["small_over"] = "<img src='img/common/letter_size_small_on.gif' alt='小' height='20' width='25' />";
	

var fontsize = new Array;
	fontsize["big"] = "100%";
	fontsize["middle"] = "92%";
	fontsize["small"] = "83%";

var name = "sokafs";
var expires = "Fri,31-Dec-2030 23:59:59";

function getCookie() {
	size = document.cookie.substr(document.cookie.search(name)+7, 12);
	return size;
}

function setCookie(size) {
	document.cookie = name + "=; expires=" + expires + "; path = /";
	document.cookie = name + "=" + size +  "; expires=" + expires + "; path = /";
}

function setFontBtn(id, html) {
	document.getElementById(id).innerHTML = html;
}

function setFontSize(size) {
	if(size!="small"&&size!="middle"&&size!="big") {
		size = "small";
	}
	document.body.style.fontSize = fontsize[size];
}

function changeSize(size) {
	if (size=="big") {
		setFontBtn("small", "<a href='javascript:changeSize(&#039;small&#039;);'>" + img["small_out"] + "</a>");
		setFontBtn("middle", "<a href='javascript:changeSize(&#039;middle&#039;);'>" + img["middle_out"] + "</a>");
		setFontBtn("big", img["big_over"]);
	} else if (size=="middle") {
		setFontBtn("small", "<a href='javascript:changeSize(&#039;small&#039;);'>" + img["small_out"] + "</a>");
		setFontBtn("middle", img["middle_over"]);
		setFontBtn("big", "<a href='javascript:changeSize(&#039;big&#039;);'>" + img["big_out"] + "</a>");
	} else if (size=="small") {
		setFontBtn("small", img["small_over"]);
		setFontBtn("middle", "<a href='javascript:changeSize(&#039;middle&#039;);'>" + img["middle_out"] + "</a>");
		setFontBtn("big", "<a href='javascript:changeSize(&#039;big&#039;);'>" + img["big_out"] + "</a>");
	}
	setFontSize(size);
	setCookie(size);
}

function getFontNavi(size) {
	var small, middle, big;
	if (size=="big") {
		small = "<a href='javascript:changeSize(&#039;small&#039;);'>" + img["small_out"] + "</a>";
		middle = "<a href='javascript:changeSize(&#039;middle&#039;);'>" + img["middle_out"] + "</a>";
		big = img["big_over"];
	} else if (size=="middle") {
		small = "<a href='javascript:changeSize(&#039;small&#039;);'>" + img["small_out"] + "</a>";
		middle = img["middle_over"];
		big = "<a href='javascript:changeSize(&#039;big&#039;);'>" + img["big_out"] + "</a>";
	} else {
		small = img["small_over"];
		middle = "<a href='javascript:changeSize(&#039;middle&#039;);'>" + img["middle_out"] + "</a>";
		big = "<a href='javascript:changeSize(&#039;big&#039;);'>" + img["big_out"] + "</a>";
	}
	var insertHTML = "<p><span id='small'>" + small + "</span><span id='middle'>" + middle + "</a></span><span id='big'>" + big + "</span></p>";
	return insertHTML;
}

function setFontNavi(id) {
	document.getElementById("fontNavi").style.height = 'auto';
	document.getElementById("fontNavi").style.width = 'auto';
	var size = getCookie();
	var insertHTML = getFontNavi(size);
	setFontSize(size);
	setFontBtn(id, insertHTML);
}

function setting() {
	setFontNavi("fontNavi");
}
function addListener(object, type, listener, useCapture) {
	if(object.addEventListener) {
		object.addEventListener(type, listener, useCapture);
	} else if(object.attachEvent) {
		object.attachEvent('on' + type, listener);
	}
}
addListener(window, 'load', setting, false);