// JavaScript Document

// Global vars
var selectNum = 0;
var selectInc = -1;

// Functions
function HideAll(mySelId)
{
	var el = document.getElementById(mySelId);
	var divs = el.getElementsByTagName('div');
	for (i = 0; i < divs.length; i++)
	  divs[i].style.display = "none";
}

function SelectConfig(dir)
{
	if (dir == 'up')
	  selectInc = 1;
	else if (dir == 'down')
	  selectInc = -1;
}

function Select(mySelId, id)
{
	var el = document.getElementById(mySelId);
	var divs = el.getElementsByTagName('div');
	var i;

	// First
	if (id == 'First')
		selectNum = 0;
	
	// Prev
	else if (id == 'Prev')
		selectNum -= selectInc;
		
	// Next
	else if (id == 'Next')
		selectNum += selectInc;
		
	// Last
	else if (id == 'Last')
		selectNum = divs.length - 1;

  // By ID
	else
	{
		for (i = 0; i < divs.length; i++)
		  if (divs[i].id == id)
			  selectNum = i;
	}

	// Range check.
	if (selectNum < 0)
		selectNum = 0;
	if (selectNum >= divs.length)
	  selectNum = divs.length - 1;

  // Check activations.
/*
  document.getElementById('SelectPrev').style.display = "inline";
	document.getElementById('SelectNext').style.display = "inline";
  if (selectNum == 0)
	  if (selectInc == -1)
		  document.getElementById('SelectNext').style.display = "none";
		else
      document.getElementById('SelectPrev').style.display = "none";
	if (selectNum >= divs.length - 1)
	  if (selectInc == -1)
		  document.getElementById('SelectPrev').style.display = "none";
		else
      document.getElementById('SelectNext').style.display = "none";
*/

	// Set name and visibility.
//	document.getElementById('SelectTitle').innerHTML = divs[selectNum].id;
  for (i = 0; i < divs.length; i++)
	{
		if (i == selectNum)
			  divs[i].style.display = "block";
		else
			  divs[i].style.display = "none";
//	  alert(divs[i].id + "," + divs[i].style.display);
	}
}