var MenuTimeout = 1000;
 var TableWidth = 743;
 var MenuOn = 0;
 var MenuIn = 0;
 var Loaded = 0;
 var CurrentLayer = '';
 var layer_all = [ ['join',79], ['about',593], ['bs',401] ];

 
function menu( mid, mstate )
{
	var wtest, offset;
	if( !Loaded ) return;
	
	if(document.all) wtest = document.all['test'].clientWidth; 
	else if(document.layers) wtest = self.innerWidth;
	else wtest = document.width;
	
	if(wtest-TableWidth<0) wtest = 0;
	for( var i in layer_all)
	{
		if(mid == layer_all[i][0])
		{
			if(wtest) 
			{
				offset = layer_all[i][1];
				if(document.layers) offset -=20;
			}
			else offset = layer_all[i][1];
			break;
		}
	}
	
	if( document.layers ) document.layers[mid].left = offset;
	else if( document.all ) document.all[mid].style.left = offset;
    else document.getElementById( mid ).style.left = offset;
	 	
	if( CurrentLayer != '' && mstate == 1 )
	{
		menuoff( CurrentLayer );
	}
	CurrentLayer = mid;
	
	MenuIn = mstate;
	if( !MenuOn ) 
	{
		divswitch( mid, mstate );
		MenuOn = 1;
		setTimeout( "menuoff( '"+mid+"' )", MenuTimeout );						//timeout before close menu
   }
}

 function menuoff( lid )
{
	//if( MenuOn )
		if( !MenuIn )
		{
			divswitch( lid , 0 );
			MenuOn = 0;
		}
		else setTimeout( "menuoff( '"+lid+"' )", MenuTimeout );					//timeout before close menu
}

function divswitch( lid, lstate )
{
	if( document.layers )	 
		if( lstate ) document.layers[lid].visibility = 'show';   
		else document.layers[lid].visibility = 'hide';
	else if( document.all )
		if( lstate ) document.all[lid].style.visibility = 'visible';
    	else document.all[lid].style.visibility = 'hidden';
	else
	{
		var i = document.getElementById( lid );
		if( lstate ) i.style.visibility = 'visible';
		else i.style.visibility = 'hidden';
	}     
}

function loaded()
{ 
	Loaded = 1;
	for (var i in layer_all)
	{
		if(document.all) eval("document.all['" + layer_all[i][0] + "'].style.left = " + layer_all[i][1]);
		else if(document.layers) eval("document.layers['" + layer_all[i][0] + "'].left = " + layer_all[i][1]);
		else eval("document.getElementById('" + layer_all[i][0] + "').style.left = " + layer_all[i][1]);
	}
 }