// JavaScript Document
/*
	动态的TAB标签切换
*/
	var dynamic_mode = {
		click:1,
		over:2
		}
	function dynamic_panel(dm)
	{
		this.dynamicMode = dynamic_mode.click;
		this.currentButtonStyle = "current";
		this.buttons = new Array();
		this.panels = new Array();
		if(dm == dynamic_mode.over || dm == dynamic_mode.click)
		{
			this.dynamicMode=dm;
		}
	}
	dynamic_panel.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);
		}
	}
	dynamic_panel.prototype.OnClick = function (sender)
	{
		if(this.dynamicMode==dynamic_mode.click)
		{
			this.ChangeState(sender);
		}
		else
		{
			return false;	
		}
	}
	dynamic_panel.prototype.OnMouseOver = function (sender)
	{
		if(this.dynamicMode==dynamic_mode.over)
		{
			this.ChangeState(sender);
		}
		else
		{
			return false;	
		}
	}
	dynamic_panel.prototype.Init = function (idx)
	{
		var _idx = 0;
		if(idx!=null)
		{
			_idx = parseInt(idx);
		}
		if(_idx>=this.buttons.length)
		{
			_idx = this.buttons.length-1	
		}
		if(_idx<0)
		{
			_idx = 0;
		}
		try
		{
			for (var i=0;i<this.buttons.length;i++)
			{
				this.buttons[i].style.zIndex=this.buttons.length-i;
			}
			switch(this.dynamicMode)
			{
				case dynamic_mode.over:
					this.OnMouseOver(this.buttons[_idx]);
					break;
				case dynamic_mode.click:
					this.OnClick(this.buttons[_idx]);
					break;
			}
		}
		catch(e){}
	}
	
	dynamic_panel.prototype.ChangeState = function (sender)
	{
	    for(var i=0;i<this.buttons.length;i++)
			{
				if(i!=sender._button_index)
				{
					this.buttons[i].className="";
					this.buttons[i].style.zIndex=this.buttons.length-i;
				}
			}
			sender.className=this.currentButtonStyle;
			sender.style.zIndex = 999;
			
			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="";
			}
	}