function toonsubmenu(tabnr) {
	var tabje = 'tab' + tabnr;
	var tabje2 = 'tab' + tabnr + 'a';
	var subje = 'sub' + tabnr;	
	var divs = document.getElementsByTagName('div');
	for (var loop=0; loop<divs.length; loop++) {
	
		// verberg andere submenu's, behalve de geselecteerde		
		if (divs[loop].className == 'submenu') divs[loop].style.display = 'none';
		if (divs[loop].id == subje) divs[loop].style.display = 'block';
		// zet alle tabjes weer in normale opmaak, behalve de geselecteerde
		if (divs[loop].className == 'tabboven') divs[loop].style.display='block';	
		if (divs[loop].className == 'tabboven2') divs[loop].style.display='none';
		if (divs[loop].id == tabje) divs[loop].style.display='none';		
		if (divs[loop].id == tabje2) divs[loop].style.display='block';				
		
	}	
	//document.getElementById(tabje).className='tabboven2';
}

function verkleuren(subnr) {
	var subje = 'sub' + subnr;	
	document.getElementById(subje).className='kokeropening2';
}

function ontkleuren(subnr) {
	var subje = 'sub' + subnr;	
	document.getElementById(subje).className='kokeropening';
}

function toonbericht(berichtnr) {
	// verberg eerst alle berichten
	document.getElementById('rubriek').style.display='none';
	// verberg alle divs met classe inhoud, behalve het geselecteerde bericht
	var divs = document.getElementsByTagName('div');
	for (var loop=0; loop<divs.length; loop++) {
		if (divs[loop].className == 'inhoud') divs[loop].style.display = 'none';
		if (divs[loop].id == berichtnr) divs[loop].style.display = 'block';
	}
}

function kleurkopje(kopje) {
	document.getElementById(kopje).className='kopje2';
	kopje = kopje + "x";
	toonbericht(kopje);
}
function kleurkopje2(kopje) {
	document.getElementById(kopje).className='kopje';
}