//
// ブラウザ判別用オブジェクトのセット
//
	var NN4 = document.layers;
	var browser = navigator.userAgent;

	// iCab
	if ( browser.match( /iCab[^0-9a-zA-Z]*([0-9.]+)/ ) ) {
		var iCab = cat_version( RegExp.$1 )-0;
	}

	// めちゃ古いブラウザ
	var vo_mozilla = browser.match( /$Mozilla\/[0-3]/ );

	// IE 4.x 以前
	if ( browser.match( /MSIE[^0-9a-zA-Z]*([0-9.]+[^;])/i ) ) {
		var IE = cat_version( RegExp.$1 )-0;
	}

	// Opera
	if ( browser.match( /Opera[^0-9a-zA-Z]*([0-9.]+)[^;]/ ) ) {
		var Opera = cat_version( RegExp.$1 )-0;
	}

	// ポップアップウィンドウに代替スタイルシート選択用メニューバー
	// を表示するために Netscape 6 / Mozilla 系ブラウザを判別
	PRODUCT = navigator.product;
	if ( PRODUCT ) {
		var N6 = PRODUCT.match("Gecko");
	}

//                                                                //
// ボックスのポジショニング≒レイヤー化に対応しているかどうか判別 //
//                                                                //
// iCab の 2.8 以下はポジショニングには非対応
// Netscape 4 はポジショニングの基準がとち狂っててダメ
// Mozilla/0～3 の古いブラウザはなんか怖いから却下
// IE 4.x(Mac) はポジショニングの基準がとち狂っててダメ
// IE 4.x(Win) は上に倣って不許可
// Opera 6 はちゃんと決められた範囲内に表示してくれないし overflow
// プロパティを無視する（レイヤーそのものは意図どおり ON/OFF 可能）
// 日本語化の影響かも、とか思う。
// 2002.06

	function layer_ng() {
		if ( NN4 || vo_mozilla || IE < 5 || iCab <= 2.81 || Opera <= 6.03 ) {
			return true;
		} else {
			return false;
		}
	}
	// DIV ボックスへのスタイルの適用ができるけど JavaScript で CSS を
	// 操作できない、つまりレイヤｰ化できなブラウザのうち、分かっている分に
	// 関して除外


//
//  注釈ウィンドウシリーズ
//

//  注釈ウィンドウ小
//  args: URI  ごくごくフツーに
//  rets: false（これを返しておくとひとつの A で JavaScript ON/OFF）
function annote_small( URL, 	command, ID ) {
//	if ( Opera ) {
//		var ID = get_fid( URL )
//		if ( ID ) {
//			hover_layer( ID );
//			return false;
//		}
//	}

	if ( chk_scrn() == "XGA+" ) {
		command = 'annote = window.open( URL, "annote", "width=400,height=450,scrollbars=yes,resizable=yes';
	} else if ( chk_scrn() == "SVGA-" ) {
		command = 'annote = window.open( URL, "annote", "width=250,height=300,scrollbars=yes,resizable=yes';
	} else {
		command = 'annote = window.open( URL, "annote", "width=300,height=350,scrollbars=yes,resizable=yes';
	}

	if ( N6 ) {
		command += ',menubar=yes");';
	} else {
		command += '");';
	}

	eval(command);
	annote.focus();
	return false;	// false を返すとよいらしい。
}

//  注釈ウィンドウ中
//  args: URI  ごくごくフツーに
//  rets: false（これを返しておくとひとつの A で JavaScript ON/OFF）
function annote_middle( URL, command ) {
	if ( chk_scrn() == "XGA+" ) {
		command = 'annote = window.open( URL, "annote", "width=500,height=550,scrollbars=yes,resizable=yes';
	} else if ( chk_scrn() == "SVGA-" ) {
		command = 'annote = window.open( URL, "annote", "width=400,height=450,scrollbars=yes,resizable=yes';
	} else {
		command = 'annote = window.open( URL, "annote", "width=350,height=400,scrollbars=yes,resizable=yes';
	}

	if ( N6 ) {
		command += ',menubar=yes");';
	} else {
		command += '");';
	}

	eval(command);
	annote.focus();
	return false;	// false を返すとよいらしい。
}

//  注釈ウィンドウ大
//  args: URI  ごくごくフツーに
//  rets: false（これを返しておくとひとつの A で JavaScript ON/OFF）
function annote_large( URL, command ) {
	if ( chk_scrn() == "XGA+" ) {
		command = 'annote = window.open( URL, "annote", "width=800,height=700,scrollbars=yes,resizable=yes';
	} else if ( chk_scrn() == "SVGA-" ) {
		command = 'annote = window.open( URL, "annote", "width=600,height=430,scrollbars=yes,resizable=yes';
	} else {
		command = 'annote = window.open( URL, "annote", "width=650,height=560,scrollbars=yes,resizable=yes';
	}

	if ( N6 ) {
		command += ',menubar=yes");';
	} else {
		command += '");';
	}

	eval(command);
	annote.focus();
	return false;	// false を返すとよいらしい。
}


//  スクリーンサイズ判別
//  args: N/A
//  rets:    XGA+ / default / SVGA-
//        XGA以上 / default / SVGA 未満
//        SVGA ～ XGA を標準と想定してます。

	function chk_scrn() {
		if ( screen.height >= 1000 ) {
			return 'XGA+';
		} else if ( screen.width >= 800 ) {
			return 'default';
		} else {
			return 'SVGA-';
		}
	}


//  ウィンドウクローズ関数
//  args: N/A  ないっす
//  rets: N/A  ないっす

	function exit() {
		close();
	}

/*
input type="button" の中で onClick に close() 関数を書いてもちゃんと呼び出されない。close() を呼び出すだけの exit() 関数を定義し、それを HTML から呼び出すとうまくいく。ユーザー定義関数の方が動作が確かなようだ。
*/

//  親ウィンドウに URL を
//  args: URL  ごくフツー
//  rets: false;

	function parent_url( URL ) {
		window.opener.location.href=URL;
		return false;
	}


/* PNG を標準で「表示できるブラウザかどうか」チェック

このチェックは「適当に」安全より。完全にブラウザ単体での表示が可能と確認
の取れたバージョン以外は強引に Plug-In に制御を渡すことにする。Plug-In 
の種類は問わないが、こちらで確認したのは QuickTime Plug-In のみ。

PDF のように QuickTime 4 Plug-In が入っていればブラウザが自動で Plug-In 
に制御を渡すと思っていたんだけど、そうでもないらしい。逆に PDF でも Mac 
ではちゃんと表示されたりされなかったりしたこともかつてあった。特に Mac + 
Netscape では環境によって再現したりしなかったりする。Plug-In のバッティ
ングとか、あるのかもしれない。

Windows のように拡張子関連付けに頼った方が楽なのは分かるけど…。

「GIF で作れば」？  ごもっとも。どうせアルファチャンネルとか高度な使い方
はしてないしね。
*/

//  PNG チェック関数
//  args: N/A         ないっす
//  rets: true/false  真/偽で返るので if ( png_ok() ) でどうぞ

	function png_ok() {
		return !png_ng();
	}

	// OK 処理だと OK だと分かっているブラウザすべてを列挙しなきゃいけないので、
	// NG だと分かっているブラウザ以外は特別な処理をしないという関数にした
	// 2002.01.29.

	function png_ng(		RET ) {
		RET = false;
//		browser = navigator.userAgent; すでに定義済み
		platform = navigator.platform;
		
		// Netscape 4.03 より前なら NG
		if ( navigator.appName == "Netscape" ) {
			version = navigator.appVersion.match( /[0-9\.]+/ ) - 0;
			if ( version <= 4.03 ) {
				RET = true;
			} else {
				RET = false;
			}
		}

		// Internet Explorer 4.0（Win）より前 or 5.0（Mac）より前なら NG
		if ( browser.match( /MSIE[^0-9\.]*([0-9\.]+)/ ) ) { 
			version = RegExp.$1 - 0;
			if ( version < 4 ) {
				RET = true;
			} else if ( platform.match(/Mac/) && version < 5 ) {
				RET = true;
			} else {
				RET = false;
			}
		}

		return RET;
	}
	// ただし、100%以外の透明度のサポートは Mozilla 5 以外は不可


//
// レイヤーの ON/OFF
// for IE 5 or later/Netscape 6 or later
// Not Support Netscape 4.x type `LAYER'
//

	function layer_on( LAYER, X, Y ) {
		// 一見無駄だけど、すべてのレイヤーを消してから表示してます。
		if ( document.getElementById ) {	//NN6,Mozilla,IE5用
			for ( i in layers ) {
				document.getElementById(layers[i]).style.visibility = 'hidden';
			}
			document.getElementById(LAYER).style.visibility = 'visible';
		} else if ( document.all ) {		//IE4用
			for ( i in layers ) {
				document.all(layers[i]).style.display = 'none';
			}
			document.all(LAYER).style.display = 'block';
		}
	}

	function layer_off( LAYER ) {

		if ( document.getElementById ) {	//NN6,Mozilla,IE5用
			if ( LAYER ) {
				document.getElementById(LAYER).style.visibility = 'hidden';
			} else {
				all_layer_off();
			}
		} else if ( document.all ) {		//IE4用
			if ( LAYER ) {
				document.all(LAYER).style.visibility = 'hidden';
			} else {
				all_layer_off();	// 引数がない時は全部のレイヤーを消す
			}
		}

	}

	//
	// 配列に入っているすべてのレイヤーを消す
	//
	function all_layer_off() {
		// NN6, Mozilla, IE5
		if ( document.getElementById ) {
			for ( i in layers ) {
				document.getElementById(layers[i]).style.visibility = 'hidden';
			}
		// IE4
		} else if ( document.all ) {
			for ( i in layers ) {
				document.all(layers[i]).style.visibility = 'hidden';
			}
		}
	}

	// display プロパティの切り替えだと IE 5（Mac）がポジション狂いまくり
	// visibility プロパティの方が無難

//
// Opera（MDIブラウザ）用にポップアップウィンドウをポップアップレイヤーに
//
// args:ID
//
//function hover_layer( ID ) {
//	document.getElementById( ID ).style.posHeight=
//}

//
// URL の中からフラグメント ID をゲットする
//

function get_fid( URL ) {
	URL.match( /#(.*)/ );
	if ( RegExp.$1 ) {
		return RegExp.$1;
	} else {
		return false;
	}
}

//
// 複数のピリオド（.）によって分割されているバージョン番号を
// 比較しやすいように一つの少数に連結（再帰）
//
// args : ピリオドを２つ以上持つバージョン番号
// ret  : 2個目のピリオドを削り取ったバージョン番号
//
function cat_version( sep_version ) {
	if ( sep_version.match( /([0-9^.]+)(\.)([0-9^.]+)(\.)([0-9]+)/ ) ) {
		return cat_version( RegExp.$1+RegExp.$2+RegExp.$3+RegExp.$5 );
	} else {
		return sep_version;
	}
}


//  選択したスタイルシートを cookie に書き込み、ページをリロードする
//  args: スタイルシートの名前の一部
//
//  期待されるスタイルシートの名前の一部（set_style とのからみ）
//  大  xxxxx"_large".css
//  中  xxxxx"_normal".css
//  小  xxxxx"_small".css
//
function wrt_style( STYLE ) {
	document.cookie = "css-size=" + STYLE;
	location.reload();
}

/*
画面の大きさおよびユーザーの指示によってスタイルシートを大中小の３段階で切り替える。

まず cookie を読みに行く。
スタイルシートの情報があればそれを返し、なければ画面サイズに応じてデフォルトのスタイルシートを採用し、その <link> 文を生成する。

スタイルシートファイル名は以下のような名前を想定している。
大  xxxxx_large.css
中  xxxxx_normal.css
小  xxxxx_smal.css

引数は xxxxx を与える
*/

//  スタイルシートセット関数
//  args: スタイルシートの基本名
//  rets: N/A
function set_style( stylename,		SIZE ) {
	SIZE = document.cookie;
	if ( SIZE.match( /css-size=([^=;]*)/ ) ) {
		wrt_link( stylename, RegExp.$1 );
	// cookie にアクセスできなかった場合はこっち
	} else {
		scrn = chk_scrn();
		if ( scrn.match( /\+/ ) ) {
			wrt_link( stylename, '_large' );
		} else if ( scrn.match( /\-/ ) ) {
			wrt_link( stylename, '_size' );
		} else {
			wrt_link( stylename, '_normal' );
		}
	}
}

//  実際に <link> タグを生成するルーチン
//  こんだけ。
function wrt_link( stylename, size ) {
	document.write( '<link rel="stylesheet" type="text/css" href="' + stylename + size + '.css">' );
}

/*
要するに <head> 内でやると HTML の文法に反するのと、IE での動作が不確実なので外部 JavaScript の中から HTML ファイルの中に生成するのがポイント
*/