﻿
// Cookieに選択したものを保存
function set_cookie(name,param) {
	// クッキーに書き込む情報
	document.cookie = name + '=' + escape(param) + '; expires=Thu, 31 Dec 2037 12:00:00 GMT; path=/';
}

/////////////////////////////////////////////////////////////
// Cookieから値を取得する
/////////////////////////////////////////////////////////////
function get_cookie(name) {
	var c_data = document.cookie + ";";
	var c_name = name + "=";

	var id_st = c_data.indexOf(c_name);
	var id_en = -1;

	// クッキー検索
	if (id_st != -1 ) {
		id_en = c_data.indexOf(";", id_st);
		c_data = unescape(c_data.substring(id_st + c_name.length, id_en));
	} else {
		c_data = "";
	}

	// 結果を返す
	return c_data;
}

/////////////////////////////////////////////////////////////
// CSSを選択
/////////////////////////////////////////////////////////////
function selectCSS(SizeCSS) {
	var cssType = get_cookie("CSSTYPE");//Cookieのチェック
	if ( cssType != SizeCSS ) {
		set_cookie("CSSTYPE",SizeCSS);// 無ければCookie保存
		location.reload();// ページをリロードさせる
	}
}

/////////////////////////////////////////////////////////////
// CSSを書き出す
/////////////////////////////////////////////////////////////
var cssType;
function set_css() {
	cssType = get_cookie("CSSTYPE");
	var fontSelector = '<link href="/css/font-standard.css" rel="stylesheet" type="text/css" media="all" />\n';//デフォルト用のCSS
	if (cssType=="standard") {   // 標準はそのまま
	} else if (cssType=="large") {   // 大
		fontSelector = '<link href="/css/font-large.css" rel="stylesheet" type="text/css" media="all" />\n';
	} else if (cssType=="small") {   // 小
		fontSelector = '<link href="/css/font-small.css" rel="stylesheet" type="text/css" media="all" />\n';
	} else {   //その他の場合は何もしない
	}
	document.write(fontSelector);
}
set_css();

/////////////////////////////////////////////////////////////
// メニューを書き出す
/////////////////////////////////////////////////////////////
function set_menu() {
	cssType = get_cookie("CSSTYPE");
	 var FontSizeMenu = '<a href="javascript:selectCSS(\'large\');" class="button-large">large</a><a href="javascript:selectCSS(\'standard\');" class="button-medium-on">medium</a><a href="javascript:selectCSS(\'small\');" class="button-small">small</a>';
	if (cssType=="standard") { 
	} else if (cssType=="large") { 
		FontSizeMenu = '<a href="javascript:selectCSS(\'large\');" class="button-large-on">large</a><a href="javascript:selectCSS(\'standard\');" class="button-medium">medium</a><a href="javascript:selectCSS(\'small\');" class="button-small">small</a>';
	} else if (cssType=="small") { 
		FontSizeMenu = '<a href="javascript:selectCSS(\'large\');" class="button-large">large</a><a href="javascript:selectCSS(\'standard\');" class="button-medium">medium</a><a href="javascript:selectCSS(\'small\');" class="button-small-on">small</a>';
	} else {   
	}
	document.write(FontSizeMenu);
}
