//文字(サイズ+色) 用Script
//中川町 2008.12

/*==============================
クッキーの有効期限（7日）
==============================*/
function save(n, v) {
	var key = new Date();
	key.setTime(key.getTime() + 24 * 60 * 60 * 7 * 1000);
	var exp = key.toGMTString();
	document.cookie = n + '=' + v + ';expires=' + exp + ';path=/';
	return null;
}

/*===============クッキーの読み出し===============*/
function read(n) {
	n = n + '=';
	var s = null;
	var x = document.cookie.length;
	var l = n.length;
	for (i = 0; i < x; i++) {
		if (document.cookie.substring(i, i + l) == n) {
			if (document.cookie.indexOf (";", i + l) == -1) {
				s = document.cookie.substring(i + l, document.cookie.length);
			} else {
				s = document.cookie.substring(i + l, document.cookie.indexOf (";", i + l));
			}
		}
	}
	return s;
}


/*===============フォントサイズ変更の設定===============*/
function view(r) {
	var f_size = document.body.style.fontSize;//現在値
	var num = 10;//増減幅
	var s = (f_size.substr(0,f_size.length-1)-0) ;//数値化(％除去)
	if(r == '-'){
		s = s - num;
		if (s < 70) { s = 70; }           //フォントの限界縮小値70%指定
	}else{
		s = s + num;
		if (s > 300) { s = 300; }           //フォントの限界縮大値300%指定
	}
	document.body.style.fontSize = s + '%';
	save('fontsize', s);
	//alert(document.body.style.fontSize);
	return null;
}


/*===============色セットcss変更===============*/
/*色指定css linkタグ書換*/
function active_css(r){
  var link_tag;
  var link_id = 'color_css';
 
  if(r < 1 || r > 2 ){ /*範囲外設定値ガード*/
	  r = 1;
  }
  link_tag = document.getElementById(link_id);
  path_css = link_tag.href;
  link_tag.href = path_css.replace( /color\d\.css/ ,'color' + r + '.css');

  return null;

}
/*===============色設定変更===============*/
function colors(r) {
	active_css(r);	//アクティブ切替
	save('colorset', r);	//保存	
	return null;
}


/*========初回ページ読み込み時の設定(初期化)========*/

function init(f) {
	var set1, set2;
	
	set1 = read('fontsize') ;
	
	if (f == true || set1 == null) {
		set1 = 100; //初期値 100%
		save('fontsize', set1);               
	}
	document.body.style.fontSize = set1 + '%';//フォントサイズを%で指定

	set2 = read('colorset') ;

	if (f == true || set2== null) {
		set2 = 1; //初期値 カラータイプ1
		save('colorset', set2);                 //色セット
	}
	active_css(set2);	//cssセット

	return null;
}

/*===============リセットの設定===============*/
function re_set() {

	init(true); //初期化

	return null;
}

/*===============ページロード時===============*/
window.onload = function(e) {
	
	init(false); //設定値読み込み/初期化
	
	var MenuBar1 = new Spry.Widget.MenuBar("navi", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});

}

function plus(){
	view('+');
}
function minus(){
	view('-');
}	
function white(){
	colors(1);
}
function black(){
	colors(2);
}
//ツールボタン書き出し
function f_tools(){
	var tool_code = "<ul id='t_jtools'>" +
"            <li id='t_fsize'>文字サイズの変更<ul>" +
"                <li id='t_plus'><a href='#' onclick='plus()'>大</a></li>" +
"                <li id='t_minus'><a href='#' onclick='minus()'>小</a></li>" +
"              </ul>" +
"            </li>" +
"            <li id='t_color'>背景を変更<ul>" +
"                <li id='t_black'><a href='#' onclick='black()'>黒</a></li>" +
"                <li id='t_white'><a href='#' onclick='white()'>白</a></li>" +
"              </ul>" +
"            </li>" +
"            <li id='t_reset'><a href='#' onclick='re_set()'>リセット</a></li>" +
"          </ul>" ;
	document.write(tool_code);
}