var dh = function () {
	// dh : div-hoogte functie ================================================== //
	// deze functie bepaald de hoogte van de scrollbare div in de pagina ======== //
	// twee instellingen zijn mogelijk: de hoogte van de 'kop' ================== //
	// de id van de gewenste DIV ================================================ //


	// de margin-top zoals die in de DIV komt te staan;
	var marginTop = 5;
	
	// de border zoals die in de DIV komt te staan;
	var divBorder = "0px black solid";
	
	// de breedte zoals dat in de div komt
//	var divWidth = 590;
		
	// de id van de scrollbare div =============================================== //
	var scrollDiv = 'scrolldiv';
	
	//============================================================================= //
	var scrollDivObj = document.getElementById(scrollDiv);

	if (scrollDivObj==null) 
		return false;
		
	// heading: dit is de hoogte van de kop van de pagina. Dit is een berekende waarde: top van de maintable//
	var maintable = nodes.parentNodeBy (scrollDivObj, "id=maintable")

	// in de zoeken templates heb ik geen maintable; pak dan de omhullende iets/element
	if (!maintable)
		maintable = nodes.parentNodeBy (scrollDivObj, "nodeName=TABLE")
	
	var heading = maintable.offsetTop;

	// in sommige templates staat de maintable bovenaan // zoek dan als alternatief de top van de TD waar de scrolldiv in staat
	// je moet toch iets. Het is zo goed als onmogelijk om alle situaties af te vangen.
	if (heading==0) 
		heading = nodes.parentNodeBy (scrollDivObj, "nodeName=TD").offsetTop;

	if (!document.body)
		return false;
	
	var w = false;
	
	if (window.innerHeight) 
    	 w = window.innerHeight;
	else 
		if (document.body.clientHeight) 
	    	w = document.body.clientHeight;
		 else 
			return false;
	
	if (isNaN(w)) 
		return false;


	var divHeight = w - heading - marginTop ;
	divHeight < 1 ? divHeight = 1: divHeight = divHeight
	scrollDivObj.style.height = divHeight + 'px';
	scrollDivObj.style.marginTop = marginTop;
	scrollDivObj.style.border = divBorder;
	scrollDivObj.style.overflow = 'auto';
	scrollDivObj.style.overflowX ='hidden';
	scrollDivObj.style.visibility = 'visible';
	
	// check if left column is longer than right column
	// could be buggy?!?
	try {
		var maitable = document.getElementById ('maintable');
		var td1 = maintable.children[0].children[0].children[0];
		
		var td1height = td1.offsetHeight;
	
		if (td1height > divHeight) {
			scrollDivObj.style.height = td1height + 'px';
		}
	} catch (e) {}
}