var leftTabArray = new Array();
var leftTabNameArray = new Array();

function addLeftTab(id,name)
    {
    leftTabArray.push(id);
    leftTabNameArray.push(name);
    }

function clearLeftTabs(isFirst) {
	var t;
	for (t = 0; t < leftTabArray.length; t++) {
		if (document.getElementById(leftTabArray[t])) {
			if (t == 0) {
				document.getElementById(leftTabArray[t]).className="leftTabOffFirst";
			} else {
				document.getElementById(leftTabArray[t]).className="leftTabOff";
			}
		}
	}
}	

function highlightTab(thisTab,tab) {
	var tabNum;
	var t;
	for (t = 0; t < leftTabArray.length; t++) {
	    if (leftTabArray[t] == tab)
		tabNum = t;
	}

	if (tabNum == 0) {
		thisTab.className='leftTabOnFirst';
	} else {
		thisTab.className='leftTabOn';
	}
	if (tabNum != leftTabArray.length -1) {
		if (document.getElementById(leftTabArray[tabNum+1])) {
			document.getElementById(leftTabArray[tabNum+1]).className="leftTabOffNext";
		}
	}
}

function clearContent() {
	var t;
	for (t = 0; t < leftTabArray.length; t++) {
		if (document.getElementById(leftTabArray[t]+"Content")) {
			document.getElementById(leftTabArray[t]+"Content").style.display="none";
		}
	}
}

function showContent(tab) {
	if (document.getElementById(tab+"Content")) {
		document.getElementById(tab+"Content").style.display="block";
	}
}

function showLeftTabs(active_tab) {
	var html = "";
	var tabon;
	var t;
	for (t = 0; t < leftTabArray.length; t++) {
		var tab = leftTabArray[t];
		if (tab == active_tab)
			tabon = "leftTabOn";
		else
			tabon = "leftTabOff";
		if (t == 0)
		    tabon += 'First';
		html += "<div"
		+ " class=\"" + tabon + "\""
		+ " id=\"" + tab + "\""
		+ " onclick=\"clearLeftTabs();highlightTab(this,'"+tab+"');clearContent();showContent('"+tab+"');\""
		+ "><img class=\"tablogo\" src=\"/graphics/rooms/scraperlogos/" + tab + ".png\"/><p>"+leftTabNameArray[t]+"</p></div>";
	}
	if (document.getElementById("leftTabs")) {
		document.getElementById("leftTabs").innerHTML=html;
	}
	clearContent();
	showContent(active_tab);
}