tabControl = 
	{
		init: function()
		{
			this.ie = document.all ? 1 : 0;
			this.myClass = this.ie ? "className" : "class";
			this.tab = document.getElementById("tabs");
			this.tabCollection = this.tab.getElementsByTagName("li");
			this.tabContent = document.getElementById("tabContent");
			this.tabContentCollection = this.tabContent.getElementsByTagName("li");

			for (var i = 0; i < this.tabCollection.length; i++)
			{
				this.tabCollection[i].id = i;
				this.tabCollection[i].onclick = function()
				{
					tabControl.hide();
					tabControl.show(this);		
				}
			}
		},
		show: function(obj)
		{
			obj.setAttribute(tabControl.myClass, "on");
			tabControl.tabContentCollection[obj.id].setAttribute(tabControl.myClass, "on");
		},
		hide: function()
		{
			for (var i = 0; i < tabControl.tabCollection.length; i++)
			{
				tabControl.tabCollection[i].setAttribute(tabControl.myClass, "off");
				tabControl.tabContentCollection[i].setAttribute(tabControl.myClass, "off");
			}
		}
	}
	window.onload = function()
	{
		tabControl.init();
	}