// JavaScript Document
/*
	¶¯Ì¬µÄTAB±êÇ©Çл»
*/
	var tab_mode = {
		click:1,
		over:2
		}
	function MultiTab(tabbox)
	{
		this.dynamicMode = tab_mode.click;
		this.currentButtonStyle = "current";
		this.buttons = new Array();
		this.panels = new Array();
		this.TabContainer = document.getElementById(tabbox);
	}
	MultiTab.prototype.AddPanel = function (button_id)
	{
		var _button = document.getElementById(button_id);
		var _group = new Array();
		for(var i=1;i<arguments.length;i++)
		{
		    _group.push(document.getElementById(arguments[i]));
		 }
		//this.panels.push(_group);
		try
		{
			_button.dp = this;
			_button._button_index = this.buttons.length;
			_button.onclick = function ()
			{
				this.dp.OnClick(this);
			}
			_button.onmouseover = function ()
			{
				this.dp.OnMouseOver(this);
			}
			this.buttons.push(_button);
			this.panels.push(_group);			
		}
		catch(ex)
		{
			//alert(ex.message);
		}
	}
	MultiTab.prototype.OnClick = function (sender)
	{
		if(this.dynamicMode==tab_mode.click)
		{
			this.ChangeState(sender);
		}
		else
		{
			return false;	
		}
	}
	MultiTab.prototype.OnMouseOver = function (sender)
	{
		if(this.dynamicMode==tab_mode.over)
		{
			this.ChangeState(sender);
		}
		else
		{
			return false;	
		}
	}
	MultiTab.prototype.Init = function (idx)
	{
		try
		{
			this.OnClick(this.buttons[idx]);
		}
		catch(e){}
	}
	
	MultiTab.prototype.ChangeState = function (sender)
	{
	    this.TabContainer.value=sender._button_index;
	    for(var i=0;i<this.buttons.length;i++)
		{
			if(i!=sender._button_index)
			{
				this.buttons[i].className="";
			}
		}
		sender.className=this.currentButtonStyle;
		//alert(sender.outerHTML);
		
		for(var i=0;i<this.panels.length;i++)
		{
			if(i!=sender._button_index)
			{
			    var _group = this.panels[i];
			    for(var j=0;j<_group.length;j++){
				    _group[j].style.display="none";
				}
			}
		}
		var _group = this.panels[sender._button_index];
		for(var j=0;j<_group.length;j++){
		    _group[j].style.display="";
		}
	}