function getOffsetHeight(id)
{
    h = 0; //standaard gaan we uit van 0 mocht het allemaal fout gaan.........
    if (document.getElementById) 
    {
        var ele = document.getElementById(id);
        if (ele && typeof ele.offsetHeight != 'undefined') 
        {
            h = ele.offsetHeight;
        }
    }
    return h;
}


function getWindowHeight()
{
    var hoogte;
    if (self.innerHeight) // all except Explorer
    {
	    hoogte = self.innerHeight;
    }
    else if (document.documentElement && document.documentElement.clientHeight)
	    // Explorer 6 Strict Mode
    {
	    hoogte = document.documentElement.clientHeight;
    }
    else if (document.body) // other Explorers
    {
	    hoogte = document.body.clientHeight;
    }
    return hoogte;

}


function getBeschikbareHoogte()
{
    hoogte = (getWindowHeight() - getOffsetHeight('VoorScroll') - getOffsetHeight('NaScroll') - 75 - 90); //75: minimaal benodigde marge anders vergelijkbutton mogelijk (deels) buiten pagina, 90: padding
    return hoogte -12;
}


function ToonContentInBeschikbareRuimte()
{    
    if (document.getElementById) 
    {
        var ele = document.getElementById('scrollingContent');

        //we hebben deze temp nodig om te kunnen bepalen hoe hoog de inhoud van scrollingContent zou zijn als geen scrollbar werd gebruikt
        temp=document.getElementById("Temp")
        temp.style.fontFamily='Arial,Helvetica,sans-serif';
        temp.style.fontSize='12px';
        temp.innerHTML = ele.innerHTML;
        
        var oudeHoogte = temp.clientHeight;
        
        temp.innerHTML = ''; //en weer legen, anders onzinnige data op pagina, kost alleen maar performance
        
        if (ele && typeof ele.offsetHeight != 'undefined') 
        {
            var nieuweHoogte = getBeschikbareHoogte();
            
            //minimaal 50 pixels, anders laten zoals het is/was
            if(nieuweHoogte>50)
            {
                if( oudeHoogte + nieuweHoogte > getWindowHeight())
                {
                    ele.style.height = nieuweHoogte + "px";
                    ele.style.border = "inset 2px";
                    ele.style.margin = "0px 15px 0px 10px";
                }
                else
                {
                    //"reset" (anders wordt bij vergroten scherm geen actie ondernomen)
                    ele.style.height = "auto";
                    ele.style.border = "none 0px";
                    ele.style.margin = "0px 0px 0px 0px";
                }
                    
            }
        }
    }
}