// JavaScript Document
// Menu

var zichtbaar = 0;
var hoogte = 20;
var timer = null;

function schuif_uit() 
{
    if(zichtbaar == 0) 
	{
        zichtbaar = 1;
		var d = document.getElementById('pijlen');
		d.setAttribute('src','../afbeeldingen/algemeen/pijlenonder.png');
        stijgen();                           
    } 
	else if(zichtbaar == 1)
	{
        zichtbaar = 0;
		var d = document.getElementById('pijlen');
		d.setAttribute('src','../afbeeldingen/algemeen/pijlenboven.png');
        zakken();
    };
}

function zakken() 
{
    if(hoogte >= 15) 
	{   
        hoogte = hoogte - 1;
        document.getElementById('menu').style.height=hoogte + 'px';
        timer = window.setTimeout('zakken()', 1);
    } else {
        document.getElementById('menu').style.visibility="hidden";
		clearTimeout(timer);
    };
}

function stijgen() 
{
    if(hoogte <= 40) 
	{
        document.getElementById('menu').style.visibility="visible";    
        hoogte = hoogte + 1;
        document.getElementById('menu').style.height=hoogte + 'px';        
        timer = window.setTimeout('stijgen()', 1);
    } else {
		clearTimeout(timer);
	};
}

function init()
{
	var d = document.getElementById("uitschuiven");
	if(d.addEventListener)
	{
		d.addEventListener('click',schuif_uit, false); 	
	}
	else if(d.attachEvent)
	{
		d.attachEvent('onclick', schuif_uit);	
	};
}

if(window.addEventListener)
{
	window.addEventListener('load', init, false);	
}
else if(window.attachEvent)
{
	window.attachEvent('onload', init);	
};