//
// Looks for the ID='<tabID>' attribute and adds the 
// class="NavTabOnBg" after it to make the tab change
// backgroundcolor when selected.
// Also need to remove the anchor tag on the selected tab.
// Look for the anchor tag with the current tabID and then
// remove the start and end anchor tag from the HTML string.
//
function showGroupsTabRow(strID, objCell)
{
	// Set the styleclass on the current tab
	var temp = getSafeVarWarn('tabsString');	

	var strIDText = strID+"\"";
	// Netscape 7 doesn't like concatenated strings as arguments in replace method
	var strReplace = strIDText+" class=\"NavTabOnBg\" ";
	var reg = new RegExp(strIDText, "ig");
	
	temp = temp.replace(reg, strReplace);

	if ( document.layers ) 
	{
	// NS 4.x
		// Generate the tabs

		var tabs = eval("document.layers.tabslayercontainer");

		
		tabs.document.open();			
		tabs.document.write(temp);
		tabs.document.close();	

		// Generate the links

		var mydoc = eval("document.layers.rowlayercontainer");
		
		mydoc.document.open();			
		var strHTML = getSafeVarWarn(strID);
		mydoc.document.write(strHTML);
		mydoc.document.close();	


	// IE & NS6,7
	} else {

		// Generate the tabs
		var oTabs = getElement("tabsdivcontainer");
		oTabs.innerHTML = "";
		oTabs.innerHTML = temp;
		
		// Genereate the links
		var oMenu = getElement("rowdivcontainer");

		var oText = getSafeVarWarn(strID);
		
		oMenu.innerHTML = "";
		oMenu.innerHTML= oText;

		
	}
	

}