
function clickTab(tabId,tblocation)
{
	
	var mylocation = tblocation.toLowerCase();
	
	var tabArray = document.getElementsByTagName("div");
	var numTabs = 0;
	var totalTabs = getMaxTabs();
	
	for(var i=0; i<tabArray.length;i++)
	{
		if(tabArray[i].className == "TabContainer")
		{
			numTabs++;
			
			tabID=tabArray[i].id;
			tabID=tabID.replace('TC','');
			
			var LeftObj = document.getElementById("TL"+ tabID);
			var MiddleObj = document.getElementById("TM"+ tabID);
			var RightObj = document.getElementById("TR"+ tabID);	
			
			
			if(tabID == (tabId + '') && mylocation.trim() == 'middle'){
				
				document.getElementById("TR" + (parseInt(tabId)-1)).className="TabInnerLeftOff";
				LeftObj.className="TabLeftOn";
				MiddleObj.className="TabMiddleOn";
				RightObj.className="TabRightOn";
				document.getElementById("TCM" + tabID).style.display="";
			}
			else if(tabID == (tabId + '') && mylocation.trim() == 'leftouter'){	
				LeftObj.className="TabOutLeftOn";
				MiddleObj.className="TabMiddleOn";
				RightObj.className="TabRightOn";				
				document.getElementById("TCM" + tabID).style.display="";
			}
			else if(tabID == (tabId + '') && mylocation.trim() == 'rightouter'){				
				document.getElementById("TR" + (parseInt(tabId)-1)).className="TabInnerLeftOff";
				LeftObj.className="TabLeftOn";
				MiddleObj.className="TabMiddleOn";
				RightObj.className="TabOutRightOn";
				document.getElementById("TCM" + tabID).style.display="";
			}
			else if(numTabs == 1){
				LeftObj.className="TabOutLeftOff";
				MiddleObj.className="TabMiddleOff";
				RightObj.className="TabRightOffUnder";
				document.getElementById("TCM" + tabID).style.display="none";
			}
			else if(numTabs == totalTabs){
				LeftObj.className="TabInnerLeftOff";
				MiddleObj.className="TabMiddleOff";
				RightObj.className="TabOutRightOff";
				document.getElementById("TCM" + tabID).style.display="none";
			
			}			
			else{
				LeftObj.className="TabInnerLeftOff";
				MiddleObj.className="TabMiddleOff";
				RightObj.className="TabRightOffUnder";
				document.getElementById("TCM" + tabID).style.display="none";
			}
		}
		
	}
	
	
}



function getMaxTabs()
{
	var numTabs=0;
	var tabArray = document.getElementsByTagName("div");
	
	//alert(tabArray.length);
	for(var i=0; i<tabArray.length;i++)
	{
		try{
			
			if(tabArray[i].className == "TabContainer")
				numTabs++;
		}
		catch(e){}
	}
	
	return numTabs;
	
}


String.prototype.trim = function() {
	return this.replace(/^\s+|\s+$/g,"");
}
String.prototype.ltrim = function() {
	return this.replace(/^\s+/,"");
}
String.prototype.rtrim = function() {
	return this.replace(/\s+$/,"");
}


