// HMD Tabs V 1.03 2003-02-12
// C. DI Meitz Helmut, 8042 Graz
// 
// History
// 
// 2003-02-07 Item 5 in HMDTabItems added, used as target. If blank, default target is used
//            
// 2003-02-10 HMDTabsStylePrefix eingeführt
//            HMDTabLeftStartOffset und HMDTabTopStartOffset eingeführt
//
// 2003-02-12 HMDTabsStylePrefix geändert, wird jetzt nur mehr für Text verwendet
//            RR_BG und RO_BG auf 200px verbreitert (wg. Netscape)
//            Class=TabText nicht mehr verwendet, daher kein css mehr notwendig
//            Images liegen jetzt in ../types/tabs/images und verwenden HMDTabsImagePrefix
//

// Ausrichtung von links
var HMDTabLeftStart = new Array
(
	0,
	12,
	24
);

var HMDTabLeftStartOffset = 0;

var HMDTabTopStart = new Array
(
	0,
	21,
	42
);

var HMDTabTopStartOffset = 0;

var HMDTabsTargetFrame = "HMDTabbody";

var HMDSelectedTab = -1;

var HMDSelectedTabOnStartup = -1;

var HMDTabsStylePrefix = " ";

var HMDTabsImagePrefix = "";

function buildTabs()
{
	var html = "";

	var RR = "../types/tabs/images/"+HMDTabsImagePrefix+"RR_";
	var RO = "../types/tabs/images/"+HMDTabsImagePrefix+"RO_";

	html = '<div id="spacer" style="position:absolute; left:0; top:0;"><table width="1" border="0" cellpadding="0" cellspacing="0"><tr><td><img src="../images/spacer.gif"></td></tr></table></div>';

	line = -1;
	for (i = 0;i < HMDTabItems.length; i += 5)
	{
		tabtop = HMDTabTopStart[HMDTabItems[i]] + HMDTabTopStartOffset;

		if (HMDTabItems[i] != line)
		{
			left = HMDTabLeftStart[HMDTabItems[i]] + HMDTabLeftStartOffset;

			html += '<div id="RR'+(i/5)+'" style="position:absolute; left: '+left+'px; top:'+ tabtop + 'px; visibility:visible;">'+
				   '<table width="'+HMDTabItems[i+1]+'" border="0" cellpadding="0" cellspacing="0"><tr>';

			html += '<td><img src="'+RR+'L.gif"></td>';
		}
		else
		{
			html += '<div id="RR'+(i/5)+'" style="position:absolute; left: '+left+'px; top:'+ tabtop + 'px; visibility:visible;">'+
				   '<table width="'+HMDTabItems[i+1]+'" border="0" cellpadding="0" cellspacing="0"><tr>';

			html += '<td><img src="'+RR+'ML.gif"></td>';
		}

		html += '<td style="padding-top: 4px; background-image:url('+RR+'BG.gif)" width="99%">';

		if (HMDTabItems[i+3] != '')
		{
			link = '<a style="'+HMDTabsStylePrefix+' text-decoration:none; border-width:0px;" href="'+HMDTabItems[i+3]+'" onClick="clickItem('+ (i/5) +
					  ')" onMouseOver=" mouseOver('+ (i/5) +
					  '); return(true);" onMouseOut="mouseOut(' + (i/5) + ')" ';
					  
			if (HMDTabItems[i+4] == '')
			{
			  link += 'target="'+HMDTabsTargetFrame+'">';
			}
			else
			{
			  link += 'target="'+HMDTabItems[i+4]+'">';
			}
		}
		else
		{
			link = '<a style="'+HMDTabsStylePrefix+' text-decoration:none;border-width:0px;" href="#" ' +
					  ')" onMouseOver="mouseOver('+ (i/5) +
					  '); return(true);" onMouseOut="mouseOut(' + (i/5) + ')">';
		}

		html += link + '<div style="' + HMDTabsStylePrefix + '" align="center">';

		html += HMDTabItems[i+2] + '</div></a></td>';

		if (((i+5) >= HMDTabItems.length) || (HMDTabItems[i+5] != HMDTabItems[i]))
		{
			html += '<td><img src="'+RR+'R.gif"></td></tr></table></div>';
		}
		else
		{
			html += '<td><img src="'+RR+'MR.gif"></td></tr></table></div>';
		}

		// highlighted
		html += '<div id="RO'+(i/5)+'" style="position:absolute; left: '+left+'px; top:'+ tabtop + 'px; visibility:hidden;">'+
			    '<table width="'+HMDTabItems[i+1]+'" border="0" cellpadding="0" cellspacing="0"><tr>'

		if (HMDTabItems[i] != line)
		{
			html += '<td><img src="'+RO+'L.gif"></td>';
		}
		else
		{
			html += '<td><img src="'+RO+'ML.gif"></td>';
		}

		html += '<td style="padding-top: 4px; background-image:url('+RO+'BG.gif)" width="99%">';
		
		html += link + '<div style="' + HMDTabsStylePrefix + '" align="center">';

		html += HMDTabItems[i+2]+'</div></a></td>';

		if (((i+5) >= HMDTabItems.length) || (HMDTabItems[i+5] != HMDTabItems[i]))
		{
			html += '<td><img src="'+RO+'R.gif"></td></tr></table></div>';
		}
		else
		{
			html += '<td><img src="'+RO+'MR.gif"></td></tr></table></div>';
		}

		line = HMDTabItems[i];
		left += HMDTabItems[i+1];
	}

	document.write(html);

	if (HMDSelectedTabOnStartup != -1)
	{
		setTimeout("clickItem("+HMDSelectedTabOnStartup+");", 10);
	}
}


function setVisibility(elem, visible)
{
	if(document.getElementById)
	{
	   document.getElementById(elem).style.visibility = visible;
	}
	else if (document.all)
	{
		document.all[elem].style.visibility = visible;
	}
	else if (document.layers)
	{
		document.layers[elem].visibility = visible;
	}
}

function hiTab(i)
{
	setVisibility('RR'+i, 'hidden');
	setVisibility('RO'+i, 'visible');
}

function loTab(i)
{
	setVisibility('RR'+i, 'visible');
	setVisibility('RO'+i, 'hidden');
}

function clickItem(i)
{
    if (HMDSelectedTab != i)
	{
		if (HMDSelectedTab >= 0 && HMDSelectedTab <= (HMDTabItems.length/4))
		{
			loTab(HMDSelectedTab);
		}

		HMDSelectedTab = i;
		hiTab(i);
	}
}

function mouseOver(i)
{
	window.status=""; 
	hiTab(i);
}

function mouseOut(i)
{
	if (HMDSelectedTab != i)
	{
		loTab(i);
	}
}

