var currentPaneStyle = 0;
var currentTab = 0;

function initiate( index)
{ 
	var firstTab = null;
	firstTab = document.getElementById('tab' + index);
	showPane(firstTab);
}

function initiateCSS(index, itemCSS, selectedItemCSS)
{ 
	var firstTab = null;
	firstTab = document.getElementById('tab'+ index);
	showPaneCSS(firstTab,itemCSS, selectedItemCSS);
	
}

function showPaneCSS(div, itemCSS, selectedItemCSS)
{
  if (currentTab != 0)
    currentTab.className = itemCSS;

  div.className = selectedItemCSS;
  currentTab = div;

  if(currentPaneStyle != 0)
    currentPaneStyle.display = "none";
    
  var paneId = "panel" + div.id.substr(3,1);
  var objPaneStyle = document.getElementById(paneId).style;
  objPaneStyle.display = "block";
  currentPaneStyle = objPaneStyle;
}

function showPane(div)
{
  showPaneCSS(div,"","selected");
}

function showDivForm(divId, btnShowId, btnHideId) 
{
	div = document.getElementById(divId);
	btnShow = document.getElementById(btnShowId);
	btnHide = document.getElementById(btnHideId);
	if (div) 
	{
		div.style.display = 'block';
	}
	if (btnShow) 
	{
		btnShow.style.display = 'none';
	}
	if (btnHide)
	{
		btnHide.style.display = 'block';
	}
}

function hideDivForm(divId, btnShowId, btnHideId) 
{
	div = document.getElementById(divId);
	btnShow = document.getElementById(btnShowId);
	btnHide = document.getElementById(btnHideId);
	if (div) 
	{
		div.style.display = 'none';
	}
	if (btnShow) 
	{
		btnShow.style.display = 'block';
	}
	if (btnHide)
	{
		btnHide.style.display = 'none';
	}
}