var tabs = [
	{ButtonID: "tab1title", ContainerID: "tab1", FocusFieldID: "eds_searchbox"},
	{ButtonID: "tab2title", ContainerID: "tab2", FocusFieldID: "tab1input"},
	{ButtonID: "tab3title", ContainerID: "tab3", FocusFieldID: "tab2input"},
	{ButtonID: "tab4title", ContainerID: "tab4", FocusFieldID: null}
];
 
function showtab(SelTabIdx) {
	//hide all tab containers and deselect all tab buttons
	for (var i = 0; i < tabs.length; i++) {
		if (SelTabIdx != i) {
			var tabContainer = document.getElementById(tabs[i].ContainerID);
			if ((tabContainer.style.display != 'none') && (tabContainer)) tabContainer.style.display = 'none';
			
			var tabButton = document.getElementById(tabs[i].ButtonID);
			if (tabButton) tabButton.className = '';
		}
	}
		
	//show selected element and highlight selected tab
	var tabContainer = document.getElementById(tabs[SelTabIdx].ContainerID);
	if (tabContainer) tabContainer.style.display='block';
	var tabButton = document.getElementById(tabs[SelTabIdx].ButtonID);
	if (tabButton) tabButton.className = 'selected';
	var tabField = document.getElementById(tabs[SelTabIdx].FocusFieldID);
	if (tabField) tabField.focus();
}