function showContainer(c,tab){
	var mainContainer = document.getElementById('container');
	var children = mainContainer.getElementsByTagName('div');
	var toShow = "";
	for(i = 0; i < children.length; i++){
		if(children[i].id.indexOf("container_") != -1){
			if(children[i].id ==  c){
				toShow = children[i];
				//children[i].className = 'visible';
			}else{
				children[i].className = 'invisible';
			}
		}
	}
	toShow.className = 'visible';
	activateTab(document.getElementById(tab));
}

function activateTab(t){
	var tabContainer = document.getElementById('tabs');
	var tabs = tabContainer.getElementsByTagName('li');
	var lastTabName = 0;
	// get the last element in the tabs
	for(i = 0; i < tabs.length; i++){
		if(tabs.item(i).id == t.id){
			//alert(t.id);
			tabs.item(i).className = 'activeTab';
		}else{
			tabs.item(i).className = 'inactiveTab';
		}
	}
}