var currTabSection;

var tabs = new Object();
var tabSectionTabs = new Object();

function startTabSection(id) {
	currTabSection = id;
	tabSectionTabs[id] = new Array();
}

function startTab(id, title) {
	tabSectionTabs[currTabSection].push(id);
	tabs[id] = new Array(title, currTabSection);
}

function stopTab() {
	var currTabs = tabSectionTabs[currTabSection];
	var tab = document.getElementById(currTabs[currTabs.length - 1]);

	if(currTabs.length > 1) {
		tab.style.visibility = 'hidden';
		tab.style.display = 'none';
	} else {
		tab.style.visibility = 'visible';
		tab.style.display = 'block';
	}
}

function stopTabSection() {
	var currTabs = tabSectionTabs[currTabSection];

	var tabsTR = document.getElementById(currTabSection + 'tabs');
	for(var i = 0; i < currTabs.length; i++) {
		myNewCell = tabsTR.insertCell(tabsTR.cells.length);
		myNewCell.className = (i == 0 ? 'taba' : 'tab');
		myNewCell.id = currTabs[i] + 'btn';
		myNewCell.innerHTML = '<a href="javascript:showTab(\'' + currTabs[i] + '\')" class="tabtitle">' + tabs[currTabs[i]][0] + '</a>';

		myNewCell = tabsTR.insertCell(tabsTR.cells.length);
		myNewCell.className = 'gap';
		myNewCell.innerHTML = '&nbsp;';
	}

	var sheetTD = document.getElementById(currTabSection + 'sheet');
	sheetTD.colSpan = tabsTR.cells.length;
}

function showTab(id) {
	var tabSection = tabs[id][1];
	var currTabs = tabSectionTabs[tabSection];
	
	for(var i = 0; i < currTabs.length; i++) {
		var tab = document.getElementById(currTabs[i]);
		var btn = document.getElementById(currTabs[i] + 'btn');
		
		if(tab.id != id) {
			tab.style.visibility = 'hidden';
			tab.style.display = 'none';

			btn.className = 'tab';
		} else {
			tab.style.visibility = 'visible';
			tab.style.display = 'block';

			btn.className = 'taba';
		}
	}
}