//-----------------------------------------------------------------------------
//	ファイル名:	resize.js
//	概要:		スタイルシート切り替えJavaScript
//	履歴:		Version.1 2001/08/04 新規作成
//				Version.2 2001/10/22 ブラウザサイズ切替機能を削除
//-----------------------------------------------------------------------------

// 画面解像度の範囲ごとのスタイルシートの組み合わせ数
// TODO-1: 画面解像度の範囲ごとのスタイルシートの数を設定します。
var nStyleCnt = 2;

// 画面解像度、スタイルシート名
// ※変更しないでください。
var nMinList  	  = new Array(nStyleCnt);		// 画面横サイズMIN
var nMaxList 	  = new Array(nStyleCnt);		// 画面横サイズMAX
var sCSSList      = new Array(nStyleCnt);		// スタイルシート

// TODO-2: 画面解像度とそれに対応するスタイルシートを設定します。
//         配列の添え字は０から順番に付けなくてはなりません。
nMinList[0]      = 1280;			// 画面横サイズMIN
nMaxList[0]      = 1799;			// 画面横サイズMAX
sCSSList[0]      = "../o/style2.css";	// 参照するスタイルシート

nMinList[1]      = 1024;			// 画面横サイズMIN
nMaxList[1]      = 1152;			// 画面横サイズMAX
sCSSList[1]      = "../o/style.css";	// 参照するスタイルシート

// TODO-3: 画面解像度が上記のいずれとも異なる場合に
//         参照するスタイルシートとブラウザサイズを設定します。
var sEtcCSS      = "../o/style.css";	// スタイルシートのファイル名

// 画面解像度の取得
var szW = screen.width;		// 横
var szH = screen.height;	// 縦

// 画面解像度に対応するスタイルシートの読み込み
for (i = 0; i < nStyleCnt; i++) {
	if (szW >= nMinList[i] &&
		szW <= nMaxList[i]) {
		var sCss = "<LINK REL=\"stylesheet\" TYPE=\"text/css\" HREF=\"" +
					sCSSList[i] + "\">";
		document.write(sCss);
		break;
	}
}

// 画面解像度がいずれとも一致しない場合のスタイルシートの読み込み
if (i == nStyleCnt) {
	var sCss = "<LINK REL=\"stylesheet\" TYPE=\"text/css\" HREF=\"" +
				sEtcCSS + "\">";
	document.write(sCss);
}
