/**
 * De functionaliteit om tabellen in te klappen. Deze tabellen hebben 1 header regel en de rest is body.
 * De body wordt ingeklapt of uitgeklapt, de header regel blijft staan.
 */
function toggleTabel(id) {
	var table = document.getElementById(id);
	if(!table)
		return false;
	toggleDisplay(table);
}
function toggleDisplay(id) {
	if(id.style.display == 'none')
		id.style.display = '';
	else
		id.style.display = 'none';
}

function toonTabel(id, status) {
	var table = document.getElementById(id);
	if(!table)
		return false;
	toonDisplay(table, status);
}
function toonDisplay(id, status) {
	if(status == 1)
		id.style.display = '';
	else
		id.style.display = 'none';
}

/**
 * Toon de tabel regels in het menu.
 */
function toggleMenuTabels(directids, ids, parent, tpl) {
	var parent = document.getElementById('menuitem_'+parent);
	var directtables = directids.split(",");
	var tables = ids.split(",");
	var child = document.getElementById('menuitem_'+directtables[0]);
	
	if(child && child.style.display == 'none') {
		for(i = 0; i < directtables.length; i++) {
			toonMenuitem(directtables[i], 1, tpl);
		}
	} else if(child) {
		for(i = 0; i < tables.length; i++) {
			toonMenuitem(tables[i], 0, tpl);
		}
	}
}
/**
 * Toggle 1 menu item en zorg er voor dat zijn eventueele plaatje ook goed staat
 */
function toonMenuitem(id, status, tpl) {
	// Rij
	var tablerow = document.getElementById('menuitem_'+id);	
	if(!tablerow)
		return;
	toonDisplay(tablerow, status);
	
	// Pijl
	var arrow = document.getElementById('arrow_'+id);
	if(arrow)
		arrow.src = "template/"+tpl+"/images/arrow.gif";
} 

function toggleArrow(id, tpl) {
	var image = document.getElementById(id);
	if(image) {
		if(image.src.indexOf("arrow_down.gif") > 0)
			image.src = "template/"+tpl+"/images/arrow.gif";
		else
			image.src = "template/"+tpl+"/images/arrow_down.gif";
	}
}