var currentPanel = 0;

var aBGHover   = parent.getBGColorHover();
var aFGHover   = parent.getFGColorHover();
var bgColor    = parent.getBGColorTabNav ();
var fgColor	   = parent.getFGColorTabNav();

var m_tabs = new Array ();

function showPanel(panelNum)
{
	//hide visible panel, show selected panel, set tab
	hidePanel();
//    var param = m_tabs [panelNum] + "?vnrid=" + parent.GetVnrId ();
    window.open (m_tabs [panelNum], "rechts");
	currentPanel = panelNum;
	setState(panelNum);
}
function hidePanel()
{
	//hide visible panel, unhilite tab
	document.getElementById('tab'+currentPanel).style.backgroundColor = bgColor;
	document.getElementById('tab'+currentPanel).style.color = bgColor;
}
function setState(tabNum){
	if(tabNum==currentPanel){
		document.getElementById('tab'+tabNum).style.backgroundColor = bgColor;
		document.getElementById('tab'+tabNum).style.color = fgColor;
	}
    else {
		document.getElementById('tab'+tabNum).style.backgroundColor = bgColor;
		document.getElementById('tab'+tabNum).style.color = fgColor;
	}
}
function hover(tab){
	tab.style.backgroundColor = aBGHover;
	tab.style.color = aFGHover;
}
function ShowTabs () {
	currentPanel = 0
	for (i=0; i < m_tabs.length;i++)
		setState(i);
}

function SetTab (tabNo, caption, url) 
{                          
    var width = (parent.GetBodyWidth () + 15) / 5;
    
	var left= tabNo * width -15;       
	var str = "<div id='tab" + tabNo + "' ";
	str += "class='tab' ";
	str += "style='left:" + left + ";' ";
	str += "left:" + left + ";font-size:7pt;' ";
	str += "onClick='showPanel(" + tabNo + ")'; ";
	str += "onMouseOver='hover(this)'; ";
	str += "onMouseOut='setState(" + tabNo + ")';>";
	str += "<a href='" + url + "' target='rechts'>" + caption + "</a></div>\n";
    document.write (str);
    m_tabs [tabNo] = url;
}