// JavaScript Document

// Qualux
// All rights reserved
//
// Calibrator R1
// Date:080829

function installListeners()
{
	init_tab();
}


// 初此所有id前面有"tb"字樣的項目
function init_tab()
{
	var sig = "tb";
	var sz = 5;
	for ( var i=0; i<sz; ++i )
	{
		var id = sig + i;		
		var t = document.getElementById( id );
		if ( t )
		{
			add_event( t, 'mouseover', tab_over, false );
			add_event( t, 'mouseout', tab_out, false );
			add_event( t, 'click', tab_click, false );
		}
	}
}


function tab_over(e)
{
	var t = get_target(e);
	var num = tab_get_tab_number(t);
	
	var status = t.id.substr( 1, 1 );
	if ( status == "a" ) // is active
		return;
		
	t.id = "to" + num;	
}


function tab_out(e)
{
	var t = get_target(e);
	var num = tab_get_tab_number(t);
	
	var status = t.id.substr( 1, 1 );
	if ( status == "a" ) // is active
		return;
		
	t.id = "tn" + num;
}


function tab_click(e)
{
	var t = get_target(e);
	
	var status = t.id.substr( 1, 1 );
	if ( status == "a" ) // is active
		return;	
		
	display_pane(tab_get_tab_number(t));
}


function tab_get_tab_number( tab )
{
	return parseInt(tab.id.substr(2,1));	
}


function display_pane( currentTabNum )
{
	var activeTabNum = tab_get_tab_number(tab_get_active_tab());
	
	// Set active tab to normal mode
	var tabBar = document.getElementById( 'tabBar' );
	var id = "ta" + activeTabNum;
	var tab = find_down_by_id( tabBar, id, 0, 3 );
	tab.id = "tn" + activeTabNum;
	
	// Set current tab to active mode
	id = "tn" + currentTabNum;
	tab = find_down_by_id( tabBar, id, 0, 3 );
	if ( tab == 0 )
	{
		id = "to" + currentTabNum;
		tab = find_down_by_id( tabBar, id, 0, 3 );	
	}
	tab.id = "ta" + currentTabNum;
	
	// Show current tab content pane and hide old active content pane
	var content = document.getElementById( 'tabContent' );
	id = "tc" + activeTabNum;
	var infopane = find_down_by_id( content, id, 0, 3 );
	infopane.className = "hide";
	
	id = "tc" + currentTabNum;
	infopane = find_down_by_id( content, id, 0, 3 );
	infopane.className = "show";
}


function tab_get_active_tab()
{
	var bar = document.getElementById( 'tabBar' );
	return find_down_by_id( bar, "ta", 0, 2 );
}