function showContainer(CONTAINER) {
	hideAllContainers();
	this.document.getElementById('container_' + CONTAINER).style.display = 'block';
	this.document.getElementById('tab_' + CONTAINER).className = 'ui-tabs-panel  ui-tabs-selected';
	changeContentHeight();
}

function hideAllContainers() {
	var CONTAINERS = getElementsByClassName('ui-tabs-panel', 'div');
	for (var i = 0; i < CONTAINERS.length; i++) {
		CONTAINERS[i].style.display = 'none';
	}
	
	var TABS = getElementsByClassName('ui-tabs-selected', 'li');
	for (var x = 0; x < TABS.length; x++) {
		TABS[x].className = 'ui-tabs-panel';
	}	
	
}

function getElementsByClassName(className, tag, elm){
	var testClass = new RegExp("(^|\\s)" + className + "(\\s|$)");
	var tag = tag || "*";
	var elm = elm || document;
	var elements = (tag == "*" && elm.all)? elm.all : elm.getElementsByTagName(tag);
	var returnElements = [];
	var current;
	var length = elements.length;
	for(var i=0; i<length; i++){
		current = elements[i];
		if(testClass.test(current.className)){
			returnElements.push(current);
		}
	}
	return returnElements;
}

function openFirstContainer() {
	hideAllContainers();
	var CONTAINERS = getElementsByClassName('ui-tabs-panel', 'div');
	CONTAINERS[0].style.display = 'block';
	var TABS = getElementsByClassName('ui-tab', 'li');
	TABS[0].className = 'ui-tabs-panel  ui-tabs-selected';
	changeContentHeight();
	
}