function startScript()
{
	initTabs();
	heightHolderTab();
}

var heightTabHold;
function initTabs()
{
	var sets = document.getElementById('tabs').getElementsByTagName("ul");
	for (var i = 0; i < sets.length; i++)
	{
		if (sets[i].className.indexOf("tabset") != -1)
		{
			heightTabHold = sets[i].offsetHeight;
			var tabs = [];
			var links = sets[i].getElementsByTagName("a");
			for (var j = 0; j < links.length; j++)
			{
				if (links[j].className.indexOf("tab") != -1)
				{
					tabs.push(links[j]);
					links[j].tabs = tabs;
					var c = document.getElementById(links[j].href.substr(links[j].href.indexOf("#") + 1));
					//reset all tabs on start
					if (c) if (links[j].className.indexOf("active") != -1) c.style.display = "block";
					else c.style.display = "none";
					links[j].onmouseover = function ()
					{
						var c = document.getElementById(this.href.substr(this.href.indexOf("#") + 1));
						if (c)
						{
							//reset all tabs before change
							for (var i = 0; i < this.tabs.length; i++)
							{
								document.getElementById(this.tabs[i].href.substr(this.tabs[i].href.indexOf("#") + 1)).style.display = "none";
								this.tabs[i].className = this.tabs[i].className.replace("active", "");
							}
							this.className += " active";
							c.style.display = "block";
							return false;
						}
					}
				}
			}
		}
	}
};
function heightHolderTab()
{
	var tabHold = document.getElementById("tabs").getElementsByTagName("div");
	for (var i = 0; i < tabHold.length; i++)
	{
		if (tabHold[i].className.indexOf("tab-area") != -1)
		{
			tabHold[i].style.height = heightTabHold - 10 + "px"
		}
	}
}


if (window.addEventListener) window.addEventListener("load", startScript, false);
else if (window.attachEvent) window.attachEvent("onload", startScript);