//=========================
// execute on page load
//=========================
AddEvent(window, "load", tabsInit);


// apply behavior to tab control
//=========================
function tabsInit()
//=========================
{
		if (!document.getElementById) return;
		if (!document.getElementsByTagName) return;

	var oTabCtl = document.getElementById('tabctl');
		if (!oTabCtl) return;

	var aTabs = oTabCtl.getElementsByTagName('h2');
		if (!aTabs) return;

	for (var iTab=0; iTab < aTabs.length; iTab++)
	{
		aTabs[iTab].onclick = selectTab;
	}
}


//=========================
function selectTab(evt)
//=========================
{
	// cancel event-bubbling
		if (evt) { event = evt; }
	event.cancelBubble = true;

	var sClass = this.className;
		if (!sClass) return true;

	document.body.className = 'tabctl-' + sClass;
	
	return false;
}


//=========================
function AddEvent(oElement, sEventName, fnFunction)
//=========================
{
	if (oElement)
	{
		if (oElement.attachEvent)
		{
			oElement.attachEvent("on" + sEventName, fnFunction);
		}
		else
		{
			oElement.addEventListener(sEventName, fnFunction, true);
		}
	}
}