﻿function itemPnlMouseOver(obj)
{
    if (obj.className == 'itemPnl') obj.className = 'itemPnlHover';
}

function itemPnlMouseOut(obj)
{
    if (obj.className == 'itemPnlHover') obj.className = 'itemPnl';
}

function klapUit(nr)
{
    var omvatObj = document.getElementById("vhSubmenu1_menuGroep" + nr);
    var pijlObj = document.getElementById("vhSubmenu1_menuArrow" + nr);
    
    if (omvatObj.offsetHeight > 0)
    {
        pijlObj.src = "/images/veldhoen/bulletBlack.gif";
        doKlapUit(nr, 0);
    }
    else
    {
        omvatObj.style.display = 'block';
        
        var tempHeight = omvatObj.style.height;
        omvatObj.style.height = 'auto';
        var toHeight = omvatObj.offsetHeight;
        omvatObj.style.height = tempHeight;
        
        pijlObj.src = "/images/veldhoen/bulletBlackDown.gif";
        doKlapUit(nr, toHeight);
    }
}

function doKlapUit(nr, toHeight)
{
    var omvatObj = document.getElementById("vhSubmenu1_menuGroep" + nr);
    
    var curHeight = omvatObj.offsetHeight;
    var setHeight = Math.floor(curHeight + ((toHeight - curHeight) / 2));
    
    if (Math.abs(toHeight - setHeight) <= 1)
    {
        if (toHeight > 0)
        {
            omvatObj.style.height = 'auto';
        }
        else
        {
            omvatObj.style.height = '0px';
            omvatObj.style.display = 'none';
        }
    }
    else
    {
        omvatObj.style.height = setHeight + 'px';
        setTimeout("doKlapUit(" + nr + ", " + toHeight + ")", 20);
    }
}