// Para usar estes Tabs, é necessário que os vários divs (ou Panel) sejam 
// chamados Panel1,Panel2,..,Panelx. 
// É necessário que o id da <ul> seja navigation_xColorx
// e que os <li> sejam no formato:
// <li><a href="#" onclick="expandcontent('Panel1', this)" onkeypress="expandcontent('Panel1', this)"><span><Texto do Separador></span></a></li>
//
// incluir os ficheiros
// <link href="/PORTAL/include/tabs.css" type="text/css" rel="stylesheet">
// <script language="javascript" type="text/javascript" src="/PORTAL/Include/tabs.js"></script>
//
// adicionar ao <BODY> o atributo onload="tab_color = 'xColorx';"
//

//Set tab to intially be selected when page loads:
//[which tab (1=first tab), ID of tab content to display]:
var initialtab=[1, "Panel1"];
var tab_color="";
var previoustab="";

function expandcontent(cid, aobject)
{
	if (document.getElementById)
	{
		highlighttab(aobject);
		if (previoustab!="")
			document.getElementById(previoustab).style.display="none";
		document.getElementById(cid).style.display="block";
		previoustab=cid;
	}
}

function highlighttab(aobject)
{
	if (typeof tabobjlinks=="undefined")
		collecttablinks();

	for (i=0; i<tabobjlinks.length; i++)
		tabobjlinks[i].className="notcurrent";
	
	aobject.className="current";
}

function collecttablinks()
{
	var tabobj=document.getElementById("navigation" + "_" + tab_color);
	tabobjlinks=tabobj.getElementsByTagName("A");
}

function do_onload()
{
	collecttablinks();
	expandcontent(initialtab[1], tabobjlinks[initialtab[0]-1]);
}

if (window.addEventListener)
	window.addEventListener("load", do_onload, false);
else if (window.attachEvent)
	window.attachEvent("onload", do_onload);
else if (document.getElementById)
	window.onload=do_onload;

function check()
{
if (typeof tabobjlinks=="undefined")
		collecttablinks();

	for (i=0; i<tabobjlinks.length; i++)
		alert(tabobjlinks[i].className);
}
