// TABS Funktionalitet

function toggleTab(oHeading, oTab, oContainer)	{
	var head = oContainer.childNodes[0].childNodes;
	var tabs = oContainer.childNodes[1].childNodes;
	for(var i = 0; i<head.length; i++) head[i].className = head[i].className.replace(" selected", "");
	for(var i = 0; i<tabs.length; i++) tabs[i].style.display = "none";
	//if(oHeading.className == null) oHeading.className = "";
	oHeading.className += " selected"; 
	oTab.style.display = "block";
}
		
function initTabParagraphs()	{
	var divs = document.getElementsByTagName("div");
	for(var idx = 0; idx < divs.length; idx++)
	{
		if(divs[idx].className=="tabsParagraph")
		{
			var tid = "tabContainer_"+idx;
			var tabContainer = divs[idx];
			tabContainer.id = tid;
			
			var tabPage = document.createElement("div");
			tabPage.className="tabPage";
			
			var tabHeader = document.createElement("div");
			tabHeader.className="tabHeader";
			
			var tabs = tabContainer.childNodes;
			
			var count = 0;
			while(tabs.length>0)
			{
				if(tabs[0].nodeType != 1)
				{
					tabContainer.removeChild(tabs[0]);
				} else {
					var pid = "tab"+idx+"_para"+count;
					
					var heading = tabs[0].getElementsByTagName("h3")[0]; //TODO: error handling
					var paragraph = tabs[0];
					paragraph.className = "tabElement";
					
					if(count>0) {paragraph.style.display = "none";heading.className = "";} else heading.className = " selected";
					if(count>0) {paragraph.style.display = "none";heading.className = "";} else heading.id = "selected";
					
					paragraph.id = pid;
					heading.onclick = new Function("toggleTab(this, document.getElementById('"+pid+"'), document.getElementById('"+tid+"'));");
					heading.style.cursor = "hand";
					heading.title = heading.innerHTML; 
					
					paragraph.removeChild(heading);
					tabHeader.appendChild(heading);
					
					tabContainer.removeChild(paragraph);
					tabPage.appendChild(paragraph);
					count++;
				}
			}
			for(var h = 0; h < tabHeader.childNodes.length; h++) tabHeader.childNodes[h].className += " headerWidth"+tabHeader.childNodes.length;
			tabContainer.appendChild(tabHeader);
			tabContainer.appendChild(tabPage);
		}
	}
}