// maintab 2depth
function initTab(tabBoxID) {
	document.getElementById("tabtit1").className = "h4s1";
	document.getElementById("tabtit2").className = "h4s2";
	document.getElementById("tabtit3").className = "h4s3";
	document.getElementById("tabtit4").className = "h4s4";

	document.getElementById("tab1").className = "divtab";
	document.getElementById("tab2").className = "divtab";
	document.getElementById("tab3").className = "divtab";
	document.getElementById("tab4").className = "divtab";

	document.getElementById("seasongp").style.width = "299px";
	document.getElementById("seasongp").style.width = "97px";

	var tabBox = document.getElementById(tabBoxID);
	var tabAnchor = tabBox.getElementsByTagName("a");
	var i = 0;

	for(i=0; i<tabAnchor.length; i++) {
		if (tabAnchor.item(i).className == "tab") {
			var thismenu = tabAnchor.item(i);
		} else {
			continue;
		}

		thismenu.cont = tabBox;
		thismenu.targetEl = document.getElementById(tabAnchor.item(i).href.split("#")[1]);
//		thismenu.targetEl.style.visibility = "hidden";
		thismenu.targetEl.style.display = "none";
		thismenu.imgEl = thismenu.getElementsByTagName("img").item(0);
		if (thismenu.imgEl) {
			thismenu.onfocus = function () {
				this.onclick();
			}
		}
		thismenu.onclick = tabClick;

		if (!thismenu.cont.first) {
			thismenu.cont.first = thismenu;
		}
	}
	tabBox.first.onclick();
}

function tabClick() {
	var currentmenu = this.cont.current;
	if (currentmenu != this) {
		if (currentmenu) {
//			currentmenu.targetEl.style.visibility = "hidden";
			currentmenu.targetEl.style.display = "none";
			if (currentmenu.imgEl) {
				currentmenu.imgEl.src = currentmenu.imgEl.src.replace("_on.gif", "_off.gif");
			}
		}

//		this.targetEl.style.visibility = "visible";
		this.targetEl.style.display = "block";
		if (this.imgEl) {
			this.imgEl.src = this.imgEl.src.replace("_off.gif", "_on.gif");
		}
		this.cont.current = this;
	}
	return false;
}