// showhide.js

// ==========================================================================
// フェード
var SH_spd = 30; // 変化させる間隔（ミリ秒単位）
var SH_ntc = 15; // 何%ずつ変化させるか
var SH_init_opacity	= 0;				// 透明度の初期値（ 0〜100 （整数））
var SH_value_opacity	= SH_init_opacity;		// 透明度を保持する変数
var SH_timer;
var g_layName;

// フェード処理
function SH_fdIn() {
  SH_setOpacity();
  SH_value_opacity += SH_ntc;
  if(SH_value_opacity > 100) {
  	SH_value_opacity = 100;
  	SH_setOpacity();
  	return;
  }
  SH_timer = setTimeout("SH_fdIn()",SH_spd);
}

// アルファ値反映
function SH_setOpacity() {
  document.getElementById(g_layName).style.filter = 'alpha(opacity=' + SH_value_opacity + ')';
  document.getElementById(g_layName).style.MozOpacity = SH_value_opacity / 100;
  document.getElementById(g_layName).style.opacity = SH_value_opacity / 100;
}

// ==========================================================================
// レイヤー表示
function show(layName){	
	g_layName = layName;
	document.getElementById('alpha').style.visibility = "visible";
	document.getElementById(layName).style.visibility = "visible";
	SH_fdIn();
}

// レイヤー消去
function hide(layName){
	document.getElementById('alpha').style.visibility = "hidden";
	document.getElementById(layName).style.visibility = "hidden";
	clearTimeout(SH_timer);
	SH_value_opacity = SH_init_opacity;
}