//------------------------------------------------------------------------------------------------------------
// 2010/03/19 : Tab메뉴 방식의 화면 처리(Tab메뉴는 각각 img로 표현하고 해당메뉴의 화면은 DIV영역으로 표기한다)
//------------------------------------------------------------------------------------------------------------
CSelectTab = function()
{
	this.arrayTabList = new Array();				// Tab메뉴의 항목 리스트
	this.arrayOnMenuList = new Array();				// 선택되었을때 Tab 메뉴에 보여줄 img list
	this.arrayOffMenuList = new Array();			// 선택되지않았을때 Tab메뉴에 보여줄 img list 
	this.arrayBodyList = new Array();				// 선택되었을때 보여줄 DIV 리스트
	this.iAddIndex = 0;								// 등록된 Tab 메뉴 수
	this.iShowIndex = -1;							// 현재 선택된 Tab메뉴의 Index값
	this.isShowOn = true;							// Timer에 의해 호출시 다음 Img를 출력할 지 여부
}
//------------------------------------------------------------------------------------------------------------
// Tab메뉴 처리할 항목을 등록한다
// strTabID : 등록할 Tab메뉴의 img tag의 ID
// strOnMenuImg : 선택시 Display할 img tag의 src값
// strOffMenuImg : 선택되지 않았을 때 Display할 img tag의 src값
// strBodyID : 선택시 Display할 div tag의 id
//------------------------------------------------------------------------------------------------------------
CSelectTab.prototype.AddList = function(strTabID, strOnMenuImgPath, strOffMenuImgPath, strBodyID)
{
	this.arrayTabList[this.iAddIndex] = document.getElementById(strTabID);
	this.arrayOnMenuList[this.iAddIndex] = strOnMenuImgPath;
	this.arrayOffMenuList[this.iAddIndex] = strOffMenuImgPath;
	this.arrayBodyList[this.iAddIndex] = document.getElementById(strBodyID);

	this.iAddIndex++;
}
//------------------------------------------------------------------------------------------------------------
// Tab Menu의 마우스 선택시 TabMenu에 해당하는 Body를 Display한다
//------------------------------------------------------------------------------------------------------------
CSelectTab.prototype.ShowIndex = function(iIndex)
{
	if(!this.isShowOn || (iIndex == this.iShowIndex)) return;
		
	if(this.iShowIndex > -1) this.arrayTabList[this.iShowIndex].src = this.arrayOffMenuList[this.iShowIndex];
	this.arrayTabList[iIndex].src = this.arrayOnMenuList[iIndex];

	if(this.iShowIndex > -1) this.arrayBodyList[this.iShowIndex].style.display = 'none';
	this.arrayBodyList[iIndex].style.display = 'block';

	this.iShowIndex = iIndex;
}
//------------------------------------------------------------------------------------------------------------
// Tab Menu의 항목에 해당하는 Body를 순차적으로 Display할 수 있게 한다
//------------------------------------------------------------------------------------------------------------
CSelectTab.prototype.ShowNext = function()
{
	iIndex = this.iShowIndex+1;
	if(iIndex == this.iAddIndex) iIndex = 0;
	this.ShowIndex(iIndex);
}
//------------------------------------------------------------------------------------------------------------
// Tab Menu의 항목에 해당하는 Body를 Random하게 Display할 수 있게 한다
//------------------------------------------------------------------------------------------------------------
CSelectTab.prototype.ShowRandom = function()
{
	var iIndex = Math.round(Math.random() * (this.iAddIndex-1));
	if(iIndex == this.iShowIndex)
	{
		iIndex++;
		if(iIndex >= this.iAddIndex) iIndex=0;
	}
	this.ShowIndex(iIndex);
}
//------------------------------------------------------------------------------------------------------------