/**
 * FrameWork "Tama"
 * JavaScript(要prototype.js)
 * 
 * メインスクリプト
 * 
 * $Id: $
 */

/**
 * function：ヘッダバーのロード
 * 
 * 説明：
 */
function mainShowHeaderBar() {
	var classArray = [];
	for (var i=90; i<=120; i++) {
		classArray[i] = "";
	}
	
	//文字サイズCookie読み込み
	var size = mainReadCookie("fontSize");
	
	//Cookieあった場合、文字サイズのセット
	if (size) {
		_mainFontSizeSet(size);
		classArray[size] = ' class="current"';
	}
	
	//ヘッダバーの書き出し
	var text = '<div id="headerBar">'
				+ '	<div class="right">'
				+ '		<div id="headerBarFont"><ul>'
				+ '			<li' + classArray[90] + '><a href="javascript:mainFontSizeSet(90)">小</a></li>'
				+ '			<li' + classArray[100] + '><a href="javascript:mainFontSizeSet(100)">中</a></li>'
				+ '			<li' + classArray[120] + '><a href="javascript:mainFontSizeSet(120)">大</a></li>'
				+ '		</ul></div>'
				+ '		<div class="clear">&nbsp;</div>'
				+ '	</div>'
				+ '</div>';
	
	document.write(text);
	
	//イベント予約
	Event.observe("headerBar", "mouseover", function(){mainShowHideHeaderBar("1")}, false);
	Event.observe("headerBar", "mouseout", function(){mainShowHideHeaderBar()}, false);
}

/**
 * function：ヘッダバーのshowhide
 * 
 * 説明：
 */
function mainShowHideHeaderBar(flg) {
	if (flg == 1) {
		$("headerBarFont").style.visibility = "visible";
		$("headerBar").style.height = "30px";
	} else {
		$("headerBarFont").style.visibility = "hidden";
		$("headerBar").style.height = "10px";
	}
}

/**
 * function：文字サイズをセット＋Cookie書き込み
 * 
 * 説明：
 */
function mainFontSizeSet(size) {
	var classArray = [];
	for (var i=90; i<=120; i++) {
		classArray[i] = "";
	}
	classArray[size] = ' class="current"';

	_mainFontSizeSet(size);
	mainCreateCookie("fontSize", size);
	
	//ヘッダバーの書き変え
	var text = '	<div class="right">'
				+ '		<div id="headerBarFont"><ul>'
				+ '			<li' + classArray[90] + '><a href="javascript:mainFontSizeSet(90)">小</a></li>'
				+ '			<li' + classArray[100] + '><a href="javascript:mainFontSizeSet(100)">中</a></li>'
				+ '			<li' + classArray[120] + '><a href="javascript:mainFontSizeSet(120)">大</a></li>'
				+ '		</ul></div>'
				+ '		<div class="clear">&nbsp;</div>'
				+ '	</div>';
	$('headerBar').update(text);
}

/**
 * function：文字サイズのセット
 * 
 * 説明：
 */
function _mainFontSizeSet(size) {
	document.body.style.fontSize = size + '%';
}

/**
 * function：Cookie書き込み
 */
function mainCreateCookie(name, value, days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires=" + date.toGMTString();
	}
	else expires = "";
	document.cookie = name + "=" + value + expires + "; path=/";
}

/**
 * function：Cookie読み込み
 */
function mainReadCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}