//Uber Tab Horizontal List Change Selected Tab
function changeTab(selectedTabElement)
{
	//alert('changeTab called');
	var tabName;
	var tabAreaName;

	//Deselect all tabs
	for(var i=1;;i++)
	{
		tabName = 'tab'+i;
		tabAreaName = tabName + 'Area';

		var deSelectElement = document.getElementById(tabName);
		var hideArea = document.getElementById(tabAreaName);
		//alert('changeTab deSelectElement:'+deSelectElement+' hideArea:'+hideArea);

		if(deSelectElement == "undefined" || deSelectElement == null)
		{
			break;
		}
		else
		{
			deSelectElement.className="";

			//alert('changeTab Will attempt to hide tabAreaName:'+tabAreaName);

			if(hideArea != null && hideArea != 'undefined')
			{
				//alert('changeTab hiding tabAreaName:'+tabAreaName);
				hideArea.style.display = 'none';
			}
		}
	}

	//Select the tab which was clicked on
	var selectedTabElementParent = selectedTabElement.parentNode;
	var selectedTabElementParentID = selectedTabElementParent.id;
	tabAreaName = selectedTabElementParentID + 'Area';

	//alert('changeTab Will attempt to show tabAreaName:'+tabAreaName);
	//Show this tab as selected
	selectedTabElementParent.className = "selected";
	//Make the area attached to the tab visible
	var showArea = document.getElementById(tabAreaName);

	if(showArea != null && showArea != 'undefined')
	{
		//alert('changeTab showing tabAreaName:'+tabAreaName);
		showArea.style.display = 'block';
	}
}