function renderTab(a, tabName, selectedIndex, divName)
{
	var retVal = '';
	retVal += '<TABLE cellpadding="0" cellspacing="0">';
	retVal += '<TR>';
	for(var i=0; i<a.length; i++)
	{	var isFirst = (i==0);
		var isLast = (i==a.length-1);
		var isSelected = (selectedIndex == i);
		var isNextSelected = (selectedIndex == (i+1));

		if(isFirst)
		{
			if(isSelected)
			{
				retVal += '<TD width="8" height="19" class="s1"></TD>';
			}
			else
			{
				retVal += '<TD width="8" height="19" class="s2"></TD>';
			}
		}

		if(isSelected)
		{
			retVal += '<TD class="s9"><a href="#" onclick="updateTab(\'' + tabName + '\', ' + i + ', \'' + divName + '\');" class="home11_select"><b>'+ a[i] +'</b></a></TD>';
		}
		else
		{
			retVal += '<TD class="s10"><a href="#" onclick="updateTab(\'' + tabName + '\', ' + i + ', \'' + divName + '\'); " class="home11"><b>'+ a[i] +'</b></a></TD>';
		}

		if(!isLast)
		{
			if(isSelected)
			{
				retVal += '<TD width="8" height="19" class="s7"></TD>';
			}
			else
			{	
				if(isNextSelected)
				{
					retVal += '<TD width="8" height="19" class="s5"></TD>';
				}
				else
				{
					retVal += '<TD width="8" height="19" class="s8"></TD>';
				}
			}
		}
		else
		{
			if(isSelected)
			{
				retVal += '<TD width="8" height="19" class="s3"></TD>';
			}
			else
			{
				retVal += '<TD width="8" height="19" class="s4"></TD>';
			}
		}
		
	}
	retVal += '</TR>';
	retVal += '</TABLE>';

	return retVal;
}

function updateTab(tabName, selectedIndex, divName)
{
	document.getElementById(divName).innerHTML = renderTab(eval(tabName), tabName, selectedIndex, divName);
	tabClicked(tabName, selectedIndex)
}