// 初期設定
var hideSW = 'false' ;
var loaded = true ;
var tid ;
var selectedNo = 1 ;



// ウィンドウのサイズを取得
function getWindowWidth(){
	return document.body.clientWidth ;
}


// メニューレイヤーの表示位置を設定
function moveDivTo( div, left, top ){
	div.style.left = left ;
	div.style.top = top ;
	return ;
}


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


// メニューレイヤーを中央に移動

function moveCenterX( No ){
	var posX ;
	var w_width ;
	var layerName = 'menu' + No ;
	var div = getDivObjName( layerName ) ;
	w_width = Math.floor( getWindowWidth() ) ;
	if( w_width > width_table ){
		posX = Math.floor( ( w_width - width_table ) / 2 ) + eval( 'posX_menu' + No ) ;
	}else{
		posX = eval( 'posX_menu' + No ) ;
	}
	moveDivTo( div, posX, posY ) ;
}


// レイヤー名からレイヤーオブジェクトを取得
function getDivObjName( nm ){
	return document.getElementById( nm ) ;
}



// ロード時の初期処理
function changeLdMode(){
	loaded = true ;
	if( tid ){
		clearTimeout( tid ) ;
	}
}


// 該当するレイヤーを表示し、現在表示されているレイヤーを隠す
function showMenu( No ){
	if( loaded ){
		hideMenu() ;
		selectedNo = No ;

		if( tid ){
			clearTimeout( tid ) ;
		}
		tid = setTimeout( 'showMenu2();', 100 ) ;
	}
}

function showMenu2(){
	var obj ;
	hideSW = 'true' ;
	layerName ='menu' + selectedNo ;
	//moveCenterX( selectedNo ) ;
	obj = getDivObjName( layerName ) ;
	obj.style.visibility = 'visible' ;
}


// 表示中のレイヤーを隠す
function hideMenu(){
	var obj ;
	layerName = 'menu' + selectedNo ;
	obj = getDivObjName( layerName ) ;
	if( tid ){
			clearTimeout( tid ) ;
	}
	if( hideSW == 'true' ){
			obj.style.visibility = 'hidden' ;
	}
}


// マウスアウト時レイヤーを消すまでの時間
function menuCloseTimer( No ){
	if( loaded ){
		selectedNo = No ;
		hideSW = 'true' ;
		if( tid ){
			clearTimeout( tid ) ;
		}
		tid = setTimeout( 'hideMenu();', 100 ) ;
	}
}


// レイヤー部分にマウスオーバー時のフラグ
function SWOFF(){
	hideSW = 'false' ;
}


//表示
window.onload=changeLdMode;

window.onUnload="if ( tid ){ clearTimeout( tid ); }";