var time = 250;
function swap(tid) {
	var gid = "";
	var isGroupSwap = 1;
	loadTabs(); // unloading the tab group prevents the tab navigation from floating left
	for (var i = 0; i < tabs.length; i++) {
		if ( tid == tabs[i][0] ) {
			gid = tabs[i][1];
		}
	}
	for (var i = 0; i < tabs.length; i++) {
		if ( tid == tabs[i][0] ) {
  		setTimeout("loadHTML('" + gid + "')",time);
		  setTimeout("loadHTML('" + tid + "')",time);
			isGroupSwap = 0;
		}
		else {
			if ( document.getElementById(tabs[i][0]) ) {
				unloadHTML(tabs[i][0]);
			}
		}
	}
	if (isGroupSwap) {
		gid = tid;
		tid = findFirstTab(gid);
	  setTimeout("loadHTML('" + gid + "')",time);
	  setTimeout("loadHTML('" + tid + "')",time);
	}
}

function findFirstTab(gid) {
	var tid = "";
	var foundOneYet = 0;
	for (var i = 0; i < tabs.length; i++) {
		if ( 
				 (gid == tabs[i][1] ) &&
				 (!(foundOneYet))
			 ) {
		  tid = tabs[i][0];
			foundOneYet = 1;
		}
	}
	return tid;
}

// on initial page unload all tabs and tab groups
function loadTabs() {
	for (var i = 0; i < tab_groups.length; i++) {
		if (document.getElementById(tab_groups[i])) {
			unloadHTML(tab_groups[i]);
		}
	}
	for (var z = 0; z < tabs.length; z++) {
		if (document.getElementById(tabs[z][0])) {
			unloadHTML(tabs[z][0]);
		}
	}
}

function loadHTML(div) {
	document.getElementById(div).style.display = "block";
}
function unloadHTML(div) {
	document.getElementById(div).style.display = "none";
}