/**
 * BlockTab.js Ver 1.0
 * Powered by hisato http://chibinowa.net/
 */

function BlockTab()
{
	this.active_tab = null;
	this.active_block = null;
}

BlockTab.prototype.change = function(tabID, blockID)
{
	var oTab = document.getElementById(tabID);
	var oBlock = document.getElementById(blockID);
	if (this.active_tab) {
		if (this.active_tab != oTab)
			this.close();
	}
	this.active_tab = oTab;
	this.active_block = oBlock;
	this.active_tab.className = "active";
	this.active_block.style.visibility = "visible";
	this.active_block.style.position = "relative";
}

BlockTab.prototype.close = function()
{
	if (this.active_tab) {
		this.active_tab.className = "";
		this.active_block.style.visibility = "hidden";
		this.active_block.style.position = "absolute";
	}
}

/**
 * インスタンスを作成します
 */
Tab = new BlockTab();
/**
 * デフォルトで開いておきたいタブをオンロードイベントに登録します
 */
EventListener.add(window, "load", function(){ Tab.change('Tab1', 'TabBlock1'); }, false);

/**
 * 同じページにタブを複数設置したい場合は、新たにインスタンスを作成します。
 * TabB = new BlockTab();
 * EventListener.add(window, "load", function(){ TabB.change('TabB1', 'TabBlockB1'); }, false);
 */