var tabs = {tab1:"sub1-0", tab2:"sub2-0", tab3:"sub3-0", tab4:"sub4-0"};
var tabOnClass = "tabOn";
var tabOffClass = "tabOff";
var menuOnClass = "menuOn";
var menuOffClass = "menuOff";
var defaultTab = "tab0"
var prevMenu = "";
/////////
var curTab;
for(var i in tabs){
	curTab = i;
	break;
}
var curSub = tabs[curTab];

function mark(id, linkURL){
	var lnks = document.getElementsByTagName("A");
	var a;
	for(var i in lnks){
		a = lnks[i].href;
		if(!a) continue;
		if(a.indexOf(id)!=-1 && a.indexOf("javascript:")!=-1){
			lnks[i].parentNode.className = "current-td";
		}
		if(a.indexOf(linkURL)!=-1 && a.indexOf("#")==-1 ){
			lnks[i].parentNode.className = "current-li";
		}
	}
}


function tab(t, mItem){
     /// settin classes
     setClass(prevMenu, "");
     prevMenu = mItem;
     setClass(prevMenu, menuOnClass);
     setClass(curTab, tabOnClass);
     /// showin tabs
     hide(defaultTab);
     hide(curTab);
     hide(curSub);
     curTab = t;
     curSub = tabs[t];
     show(curTab);
     show(curSub);
}


function sub(s){
	setClass(curTab, tabOffClass);
	hide(curSub);
	curSub = s;
	show(curSub);
}
function setClass(id, c){
	if(document.getElementById(id)) document.getElementById(id).className = c;
}
function show(id){
	if(document.getElementById(id)) document.getElementById(id).style.display = "block";
}
function hide(id){
	if(document.getElementById(id)) document.getElementById(id).style.display = "none";
}