var tabGroup = 0;
var tabs = new Array();
var tabContent = new Array();

function initializeTabs() {
	var elements = document.getElementsByTagName("*");
	for (i = 0; i < elements.length; i++) {
		if (elements[i].getAttribute("rel") != "tabs") {
			continue;
		}
		
		tabGroup++;
		tabs[tabGroup] = new Array();
		tabContent[tabGroup] = new Array();
		var counter = 1;
		
		var spans = elements[i].getElementsByTagName("span");
		for (j in spans) {
			if (spans[j].className) {
				if (spans[j].className.substring(0,4) == "tab_") {
					tabs[tabGroup].push(spans[j]);
					spans[j].parentNode.setAttribute("id","tab_"+counter);
					if (document.all) {
						spans[j].parentNode.onclick = function(){showTab(tabGroup,this);};
					} else {
						spans[j].parentNode.setAttribute("onclick","showTab(" + tabGroup + ",this);");
					}
					counter++;
				}
			}
		}
		
		var first = true;
		var divs = elements[i].getElementsByTagName("div");
		for (k in divs) {
			if (divs[k].className == "tab") {
				if (!first) {
					divs[k].style.display = "none";
				}
				
				tabContent[tabGroup].push(divs[k]);
				first = false;
			}
		}
	}
}
function showTab(group,object) {
	var tab = object.getAttribute("id").substring(4);
	for (i = 0; i < tabs[group].length; i++) {
		if (tabs[group][i].className != "tab_red") {
			if (i == (tab - 1)) {
				tabs[group][i].className = "tab_active";
			} else {
				tabs[group][i].className = "tab_inactive";
			}
		}
	}
	
	for (j = 0; j < tabContent[group].length; j++) {
		if (j == (tab - 1)) {
			tabContent[group][j].style.display = "block";
		} else {
			tabContent[group][j].style.display = "none";
		}
	}
}