function TabControl()
{
	Array.prototype.count = function()
	{
		return this.length;
	}
	this.pannel = [];
	this.append = function(text , overClass , outClass , splitClass , body , bodyClass)
	{
		this.pannel[this.pannel.length] = new Object();
		this.pannel[this.pannel.length - 1].text = text;
		this.pannel[this.pannel.length - 1].overClass = overClass;
		this.pannel[this.pannel.length - 1].outClass = outClass;
		this.pannel[this.pannel.length - 1].splitClass = splitClass;
		this.pannel[this.pannel.length - 1].body = body
		this.pannel[this.pannel.length - 1].bodyClass = bodyClass;
	}
	this.remove = function(index)
	{
		for (var a = index ; a < this.pannel.length ; a ++)
		{
			this.pannel[index] = this.pannel[a + 1];
		}
		this.pannel[this.pannel.length - 1] = null;
	}
	this.bind = function(id)
	{
		var div = typeof(id).toLowerCase() == 'string' ? document.getElementById(id) : id;
		var html = ['<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr>' , '</tr></table></td></tr><tr><td>'];
		for (var a = 0 ; a < this.pannel.length ; a ++)
		{
			html[0] += '<td id="$TabControl,pannel,' + a + '" overClass="' + this.pannel[a].overClass + '" outClass="' + this.pannel[a].outClass + '" onclick="alert(\'JavaScript½Å±¾Î´¼ÓÔØ£¬ÇëÖØÊÔ...\');">' + this.pannel[a].text + '</td>';
			html[0] += '<td width="6" class="' + this.pannel[a].splitClass + '">&nbsp;</td>';
			html[1] += '<div id="$TabControl,pannel,body,' + a + '">' + this.pannel[a].body + '</div>';
		}
		html = html[0] + '<td class="' + this.pannel[this.pannel.length - 1].splitClass + '">&nbsp;</td>' + html[1] + '</td></tr></table>';
		//window.open('' , '').document.write(html);
		div.innerHTML = html;
		for (var a = 0 ; a < this.pannel.length ; a ++)
		{
			document.getElementById('$TabControl,pannel,' + a).className = a == 0 ? this.pannel[a].overClass : this.pannel[a].outClass;
			document.getElementById('$TabControl,pannel,' + a).onclick = function()
			{
				var index = this.id.substr(this.id.lastIndexOf(',') + 1 , this.id.length);
				for (var b = 0 ; document.getElementById('$TabControl,pannel,' + b) ; b ++)
				{
					document.getElementById('$TabControl,pannel,' + b).className = b == index ? 'overClass' : 'outClass';
					document.getElementById('$TabControl,pannel,body,' + b).style.display = b == index ? 'block' : 'none';
				}
			}
			document.getElementById('$TabControl,pannel,body,' + a).className = this.pannel[a].bodyClass;
			document.getElementById('$TabControl,pannel,body,' + a).style.display = a == 0 ? 'block' : 'none';
		}
	}
}