var currentPanel;

function showPanel (panelNum)
{
	if (currentPanel != null)
	{
		hidePanel (currentPanel);
	}
	
	$('panel' + panelNum).style.display = 'block';
	
	currentPanel = panelNum;
	setState (panelNum);
}

function hidePanel (Num)
{
	$('panel' + Num).style.display = 'none';
	$('tab' + Num).style.backgroundColor = '#ddddaa';
	$('tab' + Num).style.fontWeight = 'normal';
	$('tab' + Num).style.borderBottomColor = '#554400';
}

function setState (tabNum)
{
	if (tabNum == currentPanel)
	{
		$('tab' + tabNum).style.backgroundColor = '#ffffcc';
		$('tab' + tabNum).style.fontWeight = 'bold';
		$('tab' + tabNum).style.borderBottomColor = '#ffffcc';
	}
	
	else
	{
		$('tab' + tabNum).style.backgroundColor = '#ddddaa';
	}
}

function hover (tab)
{
	tab.style.backgroundColor = 'ffffcc';
}