function hover()
{
    document.getElementById('tussenlaag').style.display="block";
}

function hoverout()
{
    document.getElementById('tussenlaag').style.display="none";
}

function show(layer)
{
    document.getElementById(layer).style.display = "block";
}

function hide(layer)
{
    document.getElementById(layer).style.display = "none";
}

function showDiv(object)
{
    var link = object.getElementsByTagName("a")[0];
    link.style.color = "#ff0000";
    show("div"+object.id);
}
function hideDiv(object)
{
    var link = object.getElementsByTagName("a")[0];
    link.style.color = "#ff0000";
    hide("div"+object.id);
}

var layers = new Array();
function showSub(object)
{
    /*var menu  = document.getElementById("hoofdmenu");
    var subs  = menu.getElementsByTagName("li");
    var color = "#ff0000";
    for(a=0;a<subs.length;a++)
    {
        var list  = subs[a].getElementsByTagName("li");
        if(object.id==subs[a].id)
        {
            color = "#ffffff";
            bgcolor = "#ff0000";
        }

        else
        {
            color = "#999999";
        }

        for(j=0; j<list.length;j++)
        {
            var links = list[j].getElementsByTagName("a");
            for(k=0; k<links.length; k++)
            {
                if(links[k].className=="active")
                {
                    //links[k].style.color = "#FFFFFF";//8ebd42";
                }

                else
                {
                    //links[k].style.color = "#FF0000";//color;
                }
            }
        }
    }*/


   for(i=0; i<layers.length; i++)
    {
        if(i<3)
        {
            if(object.id==layers[i])
            {
                bgcolor = "#8ebd42";
                color = "#FFFFFF";
            } else {
                bgcolor = "#FFFFFF";
                color = "#8ebd42";
            }
            document.getElementById(layers[i]).getElementsByTagName("a")[0].style.background = bgcolor;
            document.getElementById(layers[i]).getElementsByTagName("a")[0].style.color = color;
            document.getElementById(layers[i]).getElementsByTagName("ul")[0].style.background = bgcolor;
            document.getElementById(layers[i]).getElementsByTagName("ul")[0].style.color = color;

            var links = document.getElementById(layers[i]).getElementsByTagName("ul")[0].getElementsByTagName("a");
            for(k=0; k<links.length; k++)
            {
                //links[k].onmouseover    = function(e){ this.style.color = "#000000";};
                //links[k].onmouseout     = function(e){ this.style.color = '#FFFFFF' };
                if(object.id==layers[i])
                {
                    links[k].style.color = "#FFFFFF";//8ebd42";
                } else {
                    links[k].style.color = "#8ebd42";//color;
                }

            }
        }
        show('sub'+layers[i]);
    }
}
function hideSub(object){
    for(i=0; i<layers.length; i++)
    {
        if(i<3)
        {
            document.getElementById(layers[i]).getElementsByTagName("a")[0].style.background = "#FFFFFF";
            document.getElementById(layers[i]).getElementsByTagName("a")[0].style.color = "#8ebd42";
        }
        hide('sub'+layers[i]);
    }
}
function initSub(ids){
    var height = 0;    layers = ids.split(",");    
    for(i=0; i<layers.length; i++)
    {
        if(height<document.getElementById('sub'+layers[i]).clientHeight)
        {
            height = document.getElementById('sub'+layers[i]).clientHeight;
        }
    }    
    for(var i=0; i<layers.length; i++)
    {
        document.getElementById('sub'+layers[i]).style.height = height+"px";
    }
    hideSub();
}