var gHorizontalTabWidth 	= 150;
var gHorizontalTabHeight 	= 16;

var gIsNS = document.layers;
var gIsIE = document.all;
var gTopBarHeight			= 42;
var gTabSpacerWidth			= 4;

function getWindowWidth()
{
	return ((gIsNS) ? window.innerWidth - 16 : document.body.clientWidth);
}

function writeMandatoryTabs(mandTabArray, nStartIndex, nMaxTabs)
{
	var nCurTabsInRow = nStartIndex;

	// Mandatory tabs				
	for ( i = 0; i < mandTabArray.length; i++ )
	{
		var strTitle		= mandTabArray[i][0];
		var strToolTip		= mandTabArray[i][1]
		var strURL		= mandTabArray[i][2];			
		
		writeSpacerCell();
		writeMandatoryTab(strTitle, strURL, strToolTip);
		
		if ( nCurTabsInRow == nMaxTabs ) 
		{
			if ((i + 1) < mandTabArray.length + nStartIndex) {
				writeEndOfTable();
				writeSpacerTable();
				writeStartTable();
				nCurTabsInRow = 1;
			}
		} else {
			nCurTabsInRow++;
		}

	}				
}

function writeTabsRows(arMandTabArrayName)
{
	
	var mandTabArray	= arMandTabArrayName
	
	// How many tabs can we fit on one row?
	var nMaxTabs = Math.floor( getWindowWidth() / (gHorizontalTabWidth + gTabSpacerWidth) );
			
	var nCurTabsInRow = 1;
		
	var i;
	
	writeSpacerTable();
	writeStartTable();
			
	if ( null != mandTabArray )
	{
		writeMandatoryTabs(mandTabArray, nCurTabsInRow, nMaxTabs);
	}
	writeEndOfTable();
}

/*
   Event handler for mandatory tab mouseclick (Administration Tab)
*/
function manmenuTabClick(evt, strURL)
{		
	evt.cancelBubble = true;
	templateURLRedirect(strURL);
}
	
function writeMandatoryTab(strTitle, strURL, strToolTip)
{
	document.write(	"<td class='navMidtabBtn' height='"+gHorizontalTabHeight+"'><a href='#'>"+
			"<table width='"+gHorizontalTabWidth+"' border='0' cellspacing='0' cellpadding='0'><tr>"+				
			"<td width='"+gHorizontalTabWidth+"' height='"+gHorizontalTabHeight+"' align='center' nowrap='nowrap' onclick='manmenuTabClick(event, \""+strURL+"\"); return false;'>"+
			"<span class='navMidtabText' title='"+strToolTip+"'>"+
			"<a href='#' onclick='manmenuTabClick(event, \""+strURL+"\"); return false;'>"+strTitle+				
			"</tr></table></a></span></td>");
}