var tl1=new Image
var tl2=new Image
var tr1=new Image
var tr2=new Image
tl1.src="../include/tl1.gif"
tl2.src="../include/tl2.gif"
tr1.src="../include/tr1.gif"
tr2.src="../include/tr2.gif"

var subTabs=new Array()
var subSubTabs=new Array()

var curTabObj, curSubObj
var delaySub,delaySubSub

function resize(){
	var oBody = tabIframe.document.body
	var oFrame = document.all("tabIframe")
	var tHeight = oBody.scrollHeight + (oBody.offsetHeight - oBody.clientHeight) + 30
	if (subTabList.innerHTML != "")
		innerPage.style.height = tHeight + subTabList.offsetHeight
	else
		innerPage.style.height = tHeight + 50
}

//for showSub function
var curAObj,curIndex,curX,curY

function selectTab(aObj,clearSubs){
	var aObjs=document.getElementById("tablist").getElementsByTagName("a")
	for (var i=0; i<aObjs.length; i++){
		if(aObjs[i]==aObj){
			aObj.className="current"
			aObj.previousSibling.src=tl2.src
			aObj.nextSibling.src=tr2.src
		}
		else if(aObjs[i].className!=""){
			aObjs[i].className=""
			aObjs[i].previousSibling.src=tl1.src
			aObjs[i].nextSibling.src=tr1.src
		}
	}
	
	if(arguments.length==1)
	{
		if(subTabList.innerHTML!="")
			subTabList.innerHTML=""
		if(subSubTabList.innerHTML!="")
			subSubTabList.innerHTML=""
	}
}

function selectSub(aObj){
	var aObjs=document.getElementById("subTabList").getElementsByTagName("a")
	for (var i=0; i<aObjs.length; i++)
		aObjs[i].className=""
	aObj.className="current"

	selectTab(curTabObj,false)
}

function selectSubSub(aObj){
	var aObjs=document.getElementById("subSubTabList").getElementsByTagName("a")
	for(var i=0; i<aObjs.length; i++)
		aObjs[i].className=""
	aObj.className="current"

	selectTab(curTabObj,false)
	selectSub(curSubObj)
}

function showSubNow(aObj,index){
	clearDelaySub()

	subTabList.innerHTML=subTabs[index]
	var aObjs=document.getElementById("subTabList").getElementsByTagName("a")
	for(var i=0; i<aObjs.length; i++)
		if(aObjs[i].offsetWidth<70)
			aObjs[i].style.width=70

	curTabObj=aObj
}

function showSub(aObj,index){
	clearDelaySub()
	curAObj = aObj
	curIndex = index
	delaySub=setTimeout("showSubFunc()",600)
}

function mouseMove(){
	curX = event.x
	curY = event.y
}

function showSubFunc(){
	var curPosObj = document.elementFromPoint(curX,curY)
	if (curPosObj == curAObj)
	{
		subTabList.innerHTML=subTabs[curIndex]
		var aObjs=document.getElementById("subTabList").getElementsByTagName("a")
		for(var i=0; i<aObjs.length; i++)
			if(aObjs[i].offsetWidth<70)
				aObjs[i].style.width=70

		curTabObj=curAObj
	}
}

function showSubSub(aObj,index){
	clearDelaySubSub()
	if(subTabList.innerHTML!=""){
		clearDelaySub()

		var obj=aObj
		var leftPos=obj.offsetLeft
		var topPos=obj.offsetTop
		while(obj=obj.offsetParent)
		{
			leftPos+=obj.offsetLeft
			topPos+=obj.offsetTop
		}
		subSubTabList.style.left=leftPos-5
		subSubTabList.style.top=topPos+aObj.offsetHeight-5
		
		subSubTabList.innerHTML=subSubTabs[index]
		
		var aObjs=document.getElementById("subSubTabList").getElementsByTagName("a")
		for (var i=0; i<aObjs.length; i++)
			aObjs[i].style.width=aObj.offsetWidth
	}
	curSubObj=aObj
}

function clearDelaySub(){
	if(delaySub)
		clearTimeout(delaySub)
}

function clearDelaySubSub(){
	if(delaySubSub)
		clearTimeout(delaySubSub)
	clearDelaySub()
}

function offSub(){
	clearDelaySub()
	subTabList.innerHTML=""
//	delaySub=setTimeout("subTabList.innerHTML=''",600)
}

function offSubSub(){
	clearDelaySubSub()
	delaySubSub=setTimeout("subSubTabList.innerHTML=''",300)
}