function changeTab(position){
	//deselect the titles
	var ul = document.getElementById("msfgClassicTabControl").getElementsByTagName("ul")
	for(i=0; i < ul.length; i++) {
		var li = ul[i].getElementsByTagName("li");
		for(j=0;j<li.length;j++) {
			if(li[j].id.indexOf("tab") > -1){
				li[j].className="msfg-classicTabControl-tab-notselected";
			}
		}
	}
	//select the new tab
	document.getElementById("tab"+position).className = "msfg-classicTabControl-tab-selected";


	//hide the data tables
	var div = document.getElementById("msfgClassicTabControl").getElementsByTagName("div");
	for(i=0; i < div.length; i++) {
		 if(div[i].id.indexOf("tabPane") > -1){
			div[i].className="msfg-classicTabControl-tabpage-notselected";
		}
	}
	//show the data table
	document.getElementById("tabPane"+position).className = "msfg-classicTabControl-tabpage-selected";

	//fix the page height
	//grab the maincontent div. can change id depending on its ContentClass
	var sharesPageContainer = document.getElementById("sharesPageContainer")
	if(sharesPageContainer){
		sharesPageContainerParentNode = sharesPageContainer.parentNode
		if(sharesPageContainerParentNode){
			maincontent = sharesPageContainerParentNode.parentNode

			if(document.getElementById("sharesPageContainer").offsetHeight > parseInt(maincontent.style.height)){
				maincontent.style.height = document.getElementById("sharesPageContainer").offsetHeight + 40 + "px"
			}
		}
	}
}