
<!-- // Tab browsing Class

/**--------------------------------------------------
 *	Dependancy script : 
 *		object.js
 *			- getStyle()
 *		leftMenu.js
 *			- restoreImg()
 *			- highlightMenuImg()
 **
 * 	function Tab()
 * 		Main class
 *
 * 		@Description : 
 *			MouseOver / Out의 Image Tab 형식의 Dynamic Panel(Layer/TABLE 등) 제어
 *
 * 	Tab.prototype.change( obj, pnl )
 *		@param obj : Tab image object
 *		@param pnl : (String) Panel name
 *
 *		@Description :
 *			Step 1. 이전에 선택된 Tab image가 있을 시 image, Panel을 원복시키고
 *			Step 2. 선택된 Tab image, Panel을 Member로 저장하며
 *			Step 3. {obj} Tab Image를 Highright 시키고, Panel의 View 속성을 변경한다.
 *
 *	Usage :
 *		<script language="javascript" src="/main/js/Tab.js"></script>
 *		<script>var tab1 = new Tab();</script>
 *		<img id="img1" src="img1.gif" onmouseover="tab1.change(this, 'pnl1');">
 *		<img id="img2" src="img2.gif" onmouseover="tab1.change(this, 'pnl2');">
 *		<table>
 *			<tr id="pnl1" style="display:'none'">
 *				.......
 *			</tr>
 *			<tr id="pnl2" style="display:'none'">
 *				.......
 *			</tr>
 *		</table>
 *
 *		// Initialization
 *		<script>tab1.change( getRef("img1"), "pnl1" );</script>
 *
 **
 *	Date : 2006.02.26
 **
 *	Author			Email					Homepage
 *	BlackPet		blackpet@empal.com		(None)
----------------------------------------------------*/

	function Tab() {
		this.selectedTab = null;
		this.selectedPanel = null;
	}
	
	Tab.prototype.change = function( obj, pnl ) {
		// 이전에 선택된 탭이 있을 시 원복시킨다.
		if( this.selectedTab )
			restoreImg( this.selectedTab );
		if( this.selectedPanel )
			getStyle( this.selectedPanel ).display = "none";
		
		// 선택값 저장 및 하이라이트 & Panel 노출
		this.selectedTab = obj;
		this.selectedPanel = pnl;
		highlightMenuImg( this.selectedTab );
		getStyle( this.selectedPanel ).display = "";
	}

//-->