var panes = new Array();

function setupPanes(containerId, defaultTabId)
{
	// go through the DOM, find each tab-container
	// set up the panes array with named panes
	// find the max height, set tab-panes to that height
	panes[containerId] = new Array();
	var container = document.getElementById(containerId);
	var paneContainer = container.getElementsByTagName("div")[0];
	var paneList = paneContainer.childNodes;
	for (var i=0; i < paneList.length; i++ )
	{
		var pane = paneList[i];
		if (pane.nodeType != 1) continue;
		panes[containerId][pane.id] = pane;
		pane.style.display = "none";
	}
    document.getElementById(defaultTabId).onclick();
}

function showPane(paneId, activeTab, tabid)
{
	for (var con in panes)
	{
		activeTab.blur();
		document.getElementById("maintab" + tabid).className = "tab_active";
		document.getElementById("atab" + tabid).className = "tab_active";
		document.getElementById("lefttab" + tabid).src = '/images/psyq/tab_left_on.gif';
		document.getElementById("righttab" + tabid).src = '/images/psyq/tab_right_on.gif';
	
		if (panes[con][paneId] != null)
		{
			var pane = document.getElementById(paneId);
			pane.style.display = "block";
			var container = document.getElementById(con);
			var tabs = container.getElementsByTagName("ul")[0];
			var tabList = tabs.getElementsByTagName("a")
			for (var i=0; i<tabList.length; i++ )
			{
				var tab = tabList[i];
				if (tab != activeTab)
				{
					document.getElementById("maintab" + (i+1)).className = "tab";
					document.getElementById("atab" + (i+1)).className = "tab";
					document.getElementById("lefttab" + (i+1)).src = '/images/psyq/tab_left.gif';
					document.getElementById("righttab" + (i+1)).src = '/images/psyq/tab_right.gif';
				}
			}
			for (var i in panes[con])
			{
				var pane = panes[con][i];
				if (pane.id == undefined) continue;
				if (pane.id == paneId) continue;
				pane.style.display = "none"
			}
		}
	}
	return false;
}