function tabBoxChangeTab(id, tab, ajax, params){
	var root = document.getElementById(id);
	
	var tabs = document.getElementById(id + "_tabs");
	var numTabs = getNumberOfTabs(id);
	

	
	for(var i = 0; i < numTabs; i++){
		var thisTab = document.getElementById(id+"_tab_"+i);
		var thisContent = document.getElementById(id+"_content_"+i);
		if(i == tab){
			thisTab.className = "tabBoxTabSelected";
			thisContent.style.display = "block";
			if(ajax != null && thisContent.innerHTML == ""){
				thisContent.innerHTML = "Loading...";
				var myDelegate = new TabBoxDelegate(id, tab, ajax, params);
				myDelegate.getContent();
			}
				
		}else{
			thisTab.className = "tabBoxTab";
			thisContent.style.display = "none";
		}

	}

}


function getNumberOfTabs(id){
	return document.getElementById(id + "_info").innerHTML;
}


function TabBoxDelegate(id, tab, url, params){

	var id = id;
	var tab = tab;
	var url = url;
	var params = params;
	
	this.getContent = function(){
	
		var myAjax = new Ajax(url, "GET", params);
		myAjax.addOnComplete(_responseHandle);
		myAjax.makeRequest();
	
	}
	
	function _responseHandle(response){
		tabContent = document.getElementById(id + "_content_"+tab);
		tabContent.innerHTML = response;
		listenToTextBoxes();
	}

}