var selectedFeatureFontStart = "<font class='newsfontselected'>" ;
//var selectedArticleTabFontStart = "<font class='articlefontselected'>" ;
var selectedFeatureFontEnd = "</font>" ;
//var loadImage = "<center> <img src='/ajax-loader-indicator-lite.gif'></center>";

//var newsTabIndex=0;
//var friendsTabIndex=1;
//var picturesTabIndex=2;
//var commentTabIndex=3;

//var newsTabTitle="News";
//var friendsTabTitle="Friends";
//var picturesTabTitle="Pictures";
//var commentTabTitle="Comments";

var featureTitle = new Array();
featureTitle[0] = "Moron's Time";
featureTitle[1] = "Not Really!";
featureTitle[2] = "Business Review";
featureTitle[3] = "We heard ...";



var oldFeatureTd = "tdTabFeature0";
var currentFeatureTd = "tdTabFeature1";

var oldFeatureTabIndex = 0;
var currentFeatureTabIndex = 1;

var oldFeatureTab="tabFeature0";
var currentFeatureTab="tabFeature1";

//var oldContentDivId = "contentFeature0";
var currentContentDivId = "contentFeature1";
//0, 'tdTab0', 'tabTiel0', 'content0'
function tabClickedFeature(index, tdId, titleId, divId){
	//alert(index + "," + tdId +"," + titleId + "," + divId);
	if(index == currentFeatureTabIndex)
		return;
	oldFeatureTabIndex = currentFeatureTabIndex;
	currentFeatureTabIndex = index;
	
	oldFeatureTd = currentFeatureTd;
	currentFeatureTd = tdId;
	
	oldFeatureTab = currentFeatureTab;
	currentFeatureTab = titleId;
	//alert(currentFeatureTab); alert(oldFeatureTab);
	currentFeatureTdElem = document.getElementById(currentFeatureTd);
	oldFeatureTdElem = document.getElementById(oldFeatureTd);
	
	currentTabElem = document.getElementById(currentFeatureTab);
	oldTabElem = document.getElementById(oldFeatureTab);
	
	currentTabElem.innerHTML = selectedFeatureFontStart + featureTitle[index] + selectedFeatureFontEnd;
	oldTabElem.innerHTML = featureTitle[oldFeatureTabIndex];
	
	currentFeatureTdElem.style.backgroundColor='white';
	currentFeatureTdElem.style.borderTopWidth='1px';
	currentFeatureTdElem.style.borderBottomWidth='0px';
	if(index ==0)
		currentFeatureTdElem.style.borderLeftWidth = "1px";
	if(index ==3)
		currentFeatureTdElem.style.borderRightWidth = "1px";
	oldFeatureTdElem.style.backgroundColor='#151B54';
	oldFeatureTdElem.style.color='white';
	oldFeatureTdElem.style.borderBottomWidth='1px';

	
	document.getElementById(currentContentDivId).style.display="none";
	document.getElementById(divId).style.display="";
	oldAContentDivId = currentContentDivId;
	currentContentDivId = divId;
}