function getChildElementsByClassName(parentElement, className)
{
	var i, childElements, result, pattern;
	pattern = new RegExp("\\b"+className+"\\b");
	result = new Array();

	childElements = parentElement.getElementsByTagName ?  parentElement.getElementsByTagName('*') :  parentElement.all;
	for(i = 0; i < childElements.length; i++)
	{
		if(childElements[i].className.search(pattern) != -1)
		{
			result[result.length] = childElements[i];
		}
	}
	return result;
}

var tabsBuilt;
function BuildTabs()
{
	var i, tabContainer, tabContents, tabHeading, title, tabElement;
	var divElement, ulElement, liElement, tabLink, linkText;
		
	if(tabsBuilt == 1)
    {
        return;
    }   
	// assume that if document.getElementById exists, then this will work...
	if(! eval('document.getElementById') ) return;


	tabContainer = document.getElementById('tab-container');
	if(tabContainer.length == 0)
		return;

	tabContents = getChildElementsByClassName(tabContainer, 'tab-content');
	if(tabContents.length == 0)
		return;

	divElement = document.createElement("div");
	divElement.id = "tab-header";
	ulElement = document.createElement("ul");
	ulElement.id = "tab-list";

	tabContainer.insertBefore(divElement, tabContents[0]);
	divElement.appendChild(ulElement);

	for(i = 0 ; i < tabContents.length; i++)
	{
		tabHeading = getChildElementsByClassName(tabContents[i], 'tab');
		title = tabHeading[0].childNodes[0].nodeValue;


		// create the tabs as an unsigned list
		liElement = document.createElement("li");
		tabLink = document.createElement("a");
		linkText = document.createTextNode(title);

		tabLink.className = "tab-item";

		tabLink.setAttribute("href","javascript://");
		tabLink.setAttribute( "title", tabHeading[0].getAttribute("title"));
		tabLink.onclick = new Function ("ActivateTab(" + i + ")");


		ulElement.appendChild(liElement);
		liElement.appendChild(tabLink);
		tabLink.appendChild(linkText);

		// remove the H1
		tabContents[i].removeChild


		//alert(thisTab);

	}
	tabsBuilt = 1;
}

function ActivateTab(activeTabIndex)
{
	var i, tabContainer, tabContents;

	tabContainer = document.getElementById('tab-container');
	tabContents = getChildElementsByClassName(tabContainer, 'tab-content');
	if(tabContents.length > 0)
	{
		for(i = 0; i < tabContents.length; i++)
		{
			//tabContents[i].className = "tab-content";
			tabContents[i].style.display = "none";
		}

		tabContents[activeTabIndex].style.display = "block";


		tabList = document.getElementById('tab-list');
		tabs = getChildElementsByClassName(tabContainer, 'tab-item');
		if(tabs.length > 0)
		{
			for(i = 0; i < tabs.length; i++)
			{
			    tabs[i].parentNode.className = "";
				tabs[i].className = "tab-item";
			}

			tabs[activeTabIndex].parentNode.className = "tab-active";
			tabs[activeTabIndex].className = "tab-item tab-active";
			tabs[activeTabIndex].blur();
		}
	}
}
BuildTabs();
ActivateTab(0);