﻿// This function needs the following naming:
// The activated link has to be: ID of the content to activate
// The content to activate has to be: content + ID
// The activated link can use an active class
function activate(aToActivate,tabContainer,tabContentContainer){
	var arrayTabContents = getElementsByClassName(document.getElementById(tabContentContainer), "div", "tabContent");
	var arrayTabs = getElementsByClassName(document.getElementById(tabContainer), "a", "tab");
	
	// Disable and enable TabContents
	for(i=0;i<arrayTabContents.length;i++){
	    var element = arrayTabContents[i];
	    if(element.id == "content"+aToActivate.id){
	        element.style.display = "block";
	    }else{
	        element.style.display = "none";
	    }
	}
	
	// Disable and enable Tabs
	for(i=0;i<arrayTabs.length;i++){
	    var element = arrayTabs[i];
	    if(element.id == aToActivate.id){
	        element.className = "tab active";
	    }else{
	        element.className = "tab";
	    }
	}
}

function getElementsByClassName(oElm, strTagName, strClassName){
	var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
	var arrReturnElements = new Array();
	strClassName = strClassName.replace(/\-/g, "\\-");
	var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
	var oElement;
	for(var i=0; i<arrElements.length; i++){
		oElement = arrElements[i];
		if(oRegExp.test(oElement.className)){
			arrReturnElements.push(oElement);
		}
	}
	return (arrReturnElements)
}