//globale variablen
var tabs, list;

//ophalen alle divs en li's en de eerste tonen, de rest verbergen
function initTabs() {
	tabs = document.getElementsByTagName('DIV');
	list = document.getElementsByTagName('LI');
	// zet de eerste tab op de juiste class
	for(var num=0;num<list.length;num++){
		if(list[num].id == 'tabitem1') {
			list[num].className = 'open'; 
		}
	}
	
	var divCounter = 0;
	
	//zet de eerste div op display
	for(var no=0;no<tabs.length;no++){
		if(tabs[no].className == "aTab") {
			if(divCounter != 0) tabs[no].style.display = 'none';
			else tabs[no].style.display = 'block';
			divCounter++;
		}
	}
}

//Toon een tab en verberg de rest
function openTab(i) {
	var divCounter = 0;
	
	//Zet de aangeklikte tab op de class open en de rest niet
	for(var num=0;num<list.length;num++){
		var nummer = i + 1;
		if(list[num].id == 'tabitem'+nummer) {
			list[num].className = 'open'; 
		}
		else {
			list[num].className = ''; 	
		}
	}
	
	//Toon de div behorend bij de aangeklikte tab
	for(var no=0;no<tabs.length;no++){
		if(tabs[no].className == "aTab") {
			if(divCounter == i) {
				tabs[no].style.display = 'block';
			}
			else {
				tabs[no].style.display = 'none';
			}
				
			divCounter++;
		}
	}

}

//na laden van de pagina script binden
window.onload = initTabs;