var tab_titles = new Array();
var tab_content = new Array();
var tab_count = 1;

function initTabs() {

	var tmp_title;
	var tmp_content;

	if (!W3CDOM) return;
	var allElements = document.getElementsByTagName('*');
	var originalBackgrounds=new Array();

	for (var i=0; i<allElements.length; i++)
	{
		if (allElements[i].className.indexOf('scroll_tab_wrap') !=-1)
		{
			allElements[i].id = 'tmp_tab_'+tab_count;

			var off_title = 1;
			var off_content = 3

			//ie6 reads the DOM different & to avoid browser sniffering
			if(allElements[i].childNodes[0].className == 'scroll_tab_title') {
				off_title = 0;
				off_content = 1;
			}

			tab_titles[tab_count] = allElements[i].childNodes[off_title].innerHTML;		
			tab_content[tab_count] = allElements[i].childNodes[off_content].innerHTML;	

			tab_count++;
		}
	}

	if(tab_count == 1) return;

	drawNewTabs();
	drawScrollArea();
	hideTabs();
	resizeHiliteColumns();
}


function drawNewTabs() {

	var html = '<ul id="tabs">';

	for (var i=1; i<tab_count; i++) {
		html = html+'<li><a id="tab-'+i+'" href="#page-'+i+'" class="noborder" onclick="initScroll(\'tab-'+i+'\'); return false">'+tab_titles[i]+'</a></li>';
	}
	html = html + '</ul>';

	var pane = document.createElement("div");
	pane.setAttribute('id','outerPane');
	var start = document.getElementById("tmp_tab_1");
	start.parentNode.insertBefore(pane,start);

	var tabs = document.createElement("div");
	tabs.setAttribute('id','tabs_wrapper');
	tabs.innerHTML = html;
	var start = document.getElementById("outerPane");
	start.parentNode.insertBefore(tabs,start);

}


function drawScrollArea() {

	var html = '<div id="innerPane">';

	html = html + '<div id="contents">';

	for (var i=1; i<tab_count; i++) {
		html = html + '<div class="subpage" id="page-'+i+'">';
		html = html+ tab_content[i];
		html = html + '</div>';
	}

	html = html + '</div></div>';

	document.getElementById('outerPane').innerHTML = html;

}


function hideTabs() {

	for (var i=1; i<tab_count; i++) {
		var tmp = 'tmp_tab_'+i;
		document.getElementById(tmp).style.display = "none";
	}

}

function resizeHiliteColumns()
{
	var curHeight; 
	var curHilite;
	var heighest = 0;

	if (!W3CDOM) return;
	var allColumns = getElementsByClassName(document, "div", "subpage");
	for (var i=0; i<allColumns.length; i++)
	{		
		curHilite = allColumns[i].id;
		curHeight = document.getElementById(curHilite).offsetHeight;

		if(curHeight > heighest)
		{
			heighest = curHeight;
		}

// 		debug
// 		alert("ID:  "+curHilite+", HEIGHT:  "+curHeight);
	}

// 		debug
// 		alert("highest:  "+heighest);

	if(heighest < 300)
		heightest = 300;

	for (var i=0; i<allColumns.length; i++)
	{
		curHilite = document.getElementById(allColumns[i].id)

		curHilite.style.height = (heighest+20) + "px";

	}

	document.getElementById('outerPane').style.height = (heighest+20) + "px";
	document.getElementById('innerPane').style.height = (heighest+20) + "px";


}

function checkClients() {

	if(document.getElementById('outerPane') && !document.getElementById('tabs')) {
		resizeHiliteColumns();
	}

}

addLoadEvent(initTabs);
addLoadEvent(checkClients);