// 解説表示関連

// 差分
var xplus = 10, yplus = 10 ;

// 単位
var unit = "px" ;

// 解説用レイヤー名ヘッダ
var header = "comment" ;

// ブラウザ判断
var hasLayers = document.layers? true: false;
var hasGetElementById = document.getElementById? true: false;
var hasAll = document.all? true: false;
if ( !hasLayers && !hasGetElementById && !hasAll ) {
	//対応ブラウザでのエラー回避
	event = new Object ;
}

// 解説用レイヤー表示
// x, y : 表示位置
// msg  : メッセージ文字列
function ShowLayer( event, num ) {
	var target = header + num ;
	if( hasAll ) {			//主にIE6のとき
		document.all( target ).style.left =  document.documentElement.scrollLeft + event.clientX + xplus + unit ;
		document.all( target ).style.top  =  document.documentElement.scrollTop + event.clientY + yplus + unit ;
		document.all( target ).style.visibility = 'visible' ;
	}
	else if( hasLayers ) {		//主にNN4のとき
		document.layers[ target ].left =  event.pageX + xplus ;
		document.layers[ target ].top  =  event.pageY + yplus ;
		document.layers[ target ].visibility = "show" ;
	}
	else if( hasGetElementById ) {	//主にNN6またはOperaのとき
		document.getElementById( target ).style.left = event.pageX + xplus + unit ;
		document.getElementById( target ).style.top  = event.pageY + yplus + unit ;
		document.getElementById( target ).style.visibility = 'visible' ;
	}
}

// 解説用レイヤー隠蔽
function HideLayer( num ) {
	var target = header + num ;
	if( hasAll ) {
		document.all( target ).style.visibility = 'hidden' ;
	}
	else if( hasLayers ) {
		document.layers[ target ].visibility = "hide" ;
	}
	else if( hasGetElementById ) {
		document.getElementById( target ).style.visibility = 'hidden' ;
	}
}