// JavaScript Document

 //-------------------------------------------------------------------
 //globalVariables
 //-------------------------------------------------------------------
 var NGS_loaded = true ;
 var NGS_tid ;
 var NGS_selectedNo = 1 ;
 var NGS_hideSwich = 'false' ;
 
//-------------------------------------------------------------------
// ロード時の初期処理
//-------------------------------------------------------------------
function NGS_changeLdMode(){
	NGS_loaded = true ;
	// タイマが起動中の場合
	if( NGS_tid ){
		// タイマクリア
		clearTimeout( NGS_tid ) ;
	}
}

//-------------------------------------------------------------------
// 各メニューの表示X座標
//-------------------------------------------------------------------
var posStatic_menu1 = 20 ;
var posStatic_menu2 = 124 ;
var posStatic_menu3 = 228 ;
var posStatic_menu4 = 332 ;
var posStatic_menu5 = 436 ;
var posStatic_menu6 = 540 ;
var posStatic_menu7 = 644 ;
var menuSize = 814 ;
var posStatic_Y = 288 ; //高さ

//-------------------------------------------------------------------
// レイヤ名を取得
//-------------------------------------------------------------------
function getDivName( div ){
	return div.id ;
}

//-------------------------------------------------------------------
// レイヤ名からレイヤオブジェクトを取得する
//-------------------------------------------------------------------
function getDivObjName( nm ){
	return document.getElementById( nm ) ;
}
//-------------------------------------------------------------------
// 該当するレイヤを表示し、現在表示されているレイヤを隠す
//-------------------------------------------------------------------
function showLayer( No ){
	if( NGS_loaded ){
		// 表示中のレイヤを隠す
		NGS_hideMenu() ;

		// 表示中のメニュー番号を保持
		NGS_selectedNo = No ;

		if( NGS_tid ){
			// タイマクリア
			clearTimeout( NGS_tid ) ;
		}

		// タイマセット
		NGS_tid = setTimeout( 'showLayer2();', 100 ) ;
	}
}
//-------------------------------------------------------------------
//レイヤー表示処理
//-------------------------------------------------------------------
function showLayer2(No)
{
	//IEの場合
	var ie= !!document.all
	var NGS_obj ;

	NGS_hideSwich = 'true' ;
	NGS_layerName ='menu' + NGS_selectedNo ;
	
	if(ie)	//IEのとき
	{
		var windowWidth = document.body.clientWidth
			// 表示属性の設定
		NGS_obj = getDivObjName( NGS_layerName ) ;
		//ウインドウサイズがメニューよりも小さければ
		if(windowWidth < menuSize )
		{
			NGS_obj.style.left = eval('posStatic_menu'+NGS_selectedNo) ;
			NGS_obj.style.top = posStatic_Y ;
			NGS_obj.style.visibility = 'visible' ;
		}
		else
		{
			//現在の窓幅-メニュー幅/2+メニューの絶対座標
			var NGS_posX = (( windowWidth - menuSize )/2)+eval('posStatic_menu'+NGS_selectedNo);
			NGS_obj.style.left = NGS_posX ;
			NGS_obj.style.top = posStatic_Y ;
			NGS_obj.style.visibility = 'visible' ;
		}
	}
	else	//IEじゃないとき
	{
		var windowWidth = window.innerWidth
			// 表示属性の設定
		NGS_obj = getDivObjName( NGS_layerName ) ;
		//ウインドウサイズがメニューよりも小さければ
		if(windowWidth < menuSize )
		{
			NGS_obj.style.left = eval('posStatic_menu'+NGS_selectedNo) ;
			NGS_obj.style.top = posStatic_Y ;
			NGS_obj.style.visibility = 'visible' ;
		}
		else
		{
		//現在の窓幅-メニュー幅/2+メニューの絶対座標
		var NGS_posX = (( windowWidth - menuSize )/2)+eval('posStatic_menu'+NGS_selectedNo);
		NGS_obj.style.left = NGS_posX ;
			NGS_obj.style.top = posStatic_Y ;
		NGS_obj.style.visibility = 'visible' ;
		}
	}
}

//-------------------------------------------------------------------
// 表示中のレイヤを隠す
//-------------------------------------------------------------------
function NGS_hideMenu(){
	var NGS_obj ;

	// 表示中のメニュー番号より該当するレイヤ名を生成
	NGS_layerName = 'menu' + NGS_selectedNo ;
	NGS_obj = getDivObjName( NGS_layerName ) ;

	if( NGS_tid ){
		// タイマクリア
		clearTimeout( NGS_tid ) ;
	}

	if( NGS_hideSwich == 'true' ){
		// 表示属性の設定
		NGS_obj.style.visibility = 'hidden' ;
	}
}

//-------------------------------------------------------------------
// マウスアウト時、レイヤを消すまでの時間(タイマ)をセット
//-------------------------------------------------------------------
function menuCloseTimer( No ){
	if( NGS_loaded ){
		NGS_selectedNo = No ;
		NGS_hideSwich = 'true' ;

		if( NGS_tid ){
			// タイマクリア
			clearTimeout( NGS_tid ) ;
		}

		// タイマセット
		NGS_tid = setTimeout( 'NGS_hideMenu();', 400 ) ;
	}
}

//-------------------------------------------------------------------
// レイヤ部分にマウスオンした時のフラグ設定
//	※NGS_hideMenu()で参照
//-------------------------------------------------------------------
function NGS_swichOFF(){
	NGS_hideSwich = 'false' ;
}