//
// Toggle between two divs.  One is on, then one is off
//

function toggleLayer( firstLayer, secondLayer )
{
	var elem1, elem2, vis1, vis2;

	if( document.getElementById ) 
	{
		// this is the way the standards work
		elem1 = document.getElementById( firstLayer );
		elem2 = document.getElementById( secondLayer );
	}
	else if( document.all ) 
	{
		// this is the way old msie versions work
		elem1 = document.all[firstLayer];
		elem2 = document.all[secondLayer];
	}
	else if( document.layers ) 
	{
		// this is the way nn4 works
		elem1 = document.layers[firstLayer];
		elem2 = document.layers[secondLayer];
	}

	vis1 = elem1.style;
	vis2 = elem2.style;

	// if the style.display value is blank we try to figure it out here
	if(vis1.display==''&&elem1.offsetWidth!=undefined&&elem1.offsetHeight!=undefined)
	{
		vis1.display = (elem1.offsetWidth!=0&&elem1.offsetHeight!=0)?'block':'none';
	}
	vis1.display = (vis1.display=='' || vis1.display=='block')?'none':'block';

	// if the style.display value is blank we try to figure it out here
	if(vis2.display==''&&elem2.offsetWidth!=undefined&&elem2.offsetHeight!=undefined)
	{
		vis2.display = (elem2.offsetWidth!=0&&elem2.offsetHeight!=0)?'block':'none';
	}
	vis2.display = (vis2.display=='' || vis2.display=='block')?'none':'block';

	if (vis2.display == 'block')
	{
		// Need to show the stand...
		document.forms["buttons"].elements["PickingButton"].value="What's On The Stand?";
	}
	
	if (vis1.display == 'block')
	{
		// Need to show picking in the field...
		document.forms["buttons"].elements["PickingButton"].value="What's Picking?";
	}
	
	return false;
}