// Popupmenu voor 4 verschillende menu's die ieder aparte functies krijgen.
// Author: Jasper Bugter <jasper@intermax.nl>

//Hier de variabelen voor de menu slides
var start_height = 1;
var start_top = 435;
var max = 268;
var drec = 13;
var speed = 10;

var height1 = start_height;
var top1 = start_top;

var height2 = start_height;
var top2 = start_top;

var height3 = start_height;
var top3 = start_top;

var height4 = start_height;
var top4 = start_top;

var show_menu1 = false;
var hide_menu1 = false;

var show_menu2 = false;
var hide_menu2 = false;

var show_menu3 = false;
var hide_menu3 = false;

var show_menu4 = false;
var hide_menu4 = false;
//Hier de variabelen voor de menu timeouts
var timer = 1000;

var hide_tmr1 = null;
var hide_tmr2 = null;
var hide_tmr3 = null;
var hide_tmr4 = null;

function showMenu1(div_id, children)
{

	if (hide_tmr1 == null)
	{
		var obj = null;
		if (document.getElementById)
		{
		  obj = document.getElementById(div_id).style;
		}
		else if (document.all)
		{
		  obj = document.all[div_id].style;
		}
		else if (document.layers)
		{
		  obj = document.layers[div_id];
		}
		obj.visibility = 'visible';
		
		if (!hide_menu1)
		{
			  SlideMenu1Up();
		}
		else
			  setTimeout('SlideMenu1Up()', timer);
	}
	else
	{
		clearTimeout(hide_tmr1);
		hide_tmr1 = null;
	}
}

function SlideMenu1Up() 
{
	show_menu1 = true;
	height1 += drec;
	top1 -= drec;
  	if (document.layers) 
	{
    	document.mnu_1.height = height1;
		document.mnu_1.height = top1;
  	}
  	else if (document.all) 
	{
		document.all.mnu_1.style.height = height1;
		document.all.mnu_1.style.pixelTop = top1; 
  	}
  	else if (document.getElementById) 
	{
		document.getElementById('mnu_1').style.height = height1 + 'px';
		document.getElementById('mnu_1').style.top = top1 + 'px';
  	}

  	if (height1 < max)
    		setTimeout('SlideMenu1Up()', speed); 
	else
			show_menu1 = false;
}

function SlideMenu1Down() 
{
	hide_menu1 = true;
	
	height1 -= drec;
	top1 += drec;
  	if (document.layers) 
	{
    	document.mnu_1.height = height1;
		document.mnu_1.height = top1;
  	}
  	else if (document.all) 
	{
		document.all.mnu_1.style.height = height1;
		document.all.mnu_1.style.pixelTop = top1; 
  	}
  	else if (document.getElementById) 
	{
		document.getElementById('mnu_1').style.height = height1 + 'px';
		document.getElementById('mnu_1').style.top = top1 + 'px';
  	}

  	if (height1 > start_height)
    		setTimeout('SlideMenu1Down()', speed);
	else
			hide_menu1 = false;
}


function showMenu2(div_id)
{
	if (hide_tmr2 == null)
	{
		var obj = null;
		if (document.getElementById)
		{
		  obj = document.getElementById(div_id).style;
		}
		else if (document.all)
		{
		  obj = document.all[div_id].style;
		}
		else if (document.layers)
		{
		  obj = document.layers[div_id];
		}
		obj.visibility = 'visible';
		
		if (!hide_menu2)
		{
			  SlideMenu2Up();
		}
		else
			  setTimeout('SlideMenu2Up()', timer);
	}
	else
	{
		clearTimeout(hide_tmr2);
		hide_tmr2 = null;
	}   
}

function SlideMenu2Up() 
{
	show_menu2 = true;
	height2 += drec;
	top2 -= drec;
  	if (document.layers) 
	{
    	document.mnu_2.height = height2;
		document.mnu_2.height = top2;
  	}
  	else if (document.all) 
	{
		document.all.mnu_2.style.height = height2;
		document.all.mnu_2.style.pixelTop = top2; 
  	}
  	else if (document.getElementById) 
	{
		document.getElementById('mnu_2').style.height = height2 + 'px';
		document.getElementById('mnu_2').style.top = top2 + 'px';
  	}

  	if (height2 < max)
    		setTimeout('SlideMenu2Up()', speed); 
	else
			show_menu2 = false;
}

function SlideMenu2Down() 
{
	hide_menu2 = true;
	
	height2 -= drec;
	top2 += drec;
  	if (document.layers) 
	{
    	document.mnu_2.height = height2;
		document.mnu_2.height = top2;
  	}
  	else if (document.all) 
	{
		document.all.mnu_2.style.height = height2;
		document.all.mnu_2.style.pixelTop = top2; 
  	}
  	else if (document.getElementById) 
	{
		document.getElementById('mnu_2').style.height = height2 + 'px';
		document.getElementById('mnu_2').style.top = top2 + 'px';
  	}

  	if (height2 > start_height)
    		setTimeout('SlideMenu2Down()', speed);
	else
			hide_menu2 = false;
}

function showMenu3(div_id)
{
	if (hide_tmr3 == null)
	{
		var obj = null;
		if (document.getElementById)
		{
		  obj = document.getElementById(div_id).style;
		}
		else if (document.all)
		{
		  obj = document.all[div_id].style;
		}
		else if (document.layers)
		{
		  obj = document.layers[div_id];
		}
		obj.visibility = 'visible';
		
		if (!hide_menu3)
		{
			  SlideMenu3Up();
		}
		else
			  setTimeout('SlideMenu3Up()', timer);
	}
	else
	{
		clearTimeout(hide_tmr3);
		hide_tmr3 = null;
	}	
}

function SlideMenu3Up() 
{
	show_menu3 = true;
	height3 += drec;
	top3 -= drec;
  	if (document.layers) 
	{
    	document.mnu_3.height = height3;
		document.mnu_3.height = top3;
  	}
  	else if (document.all) 
	{
		document.all.mnu_3.style.height = height3;
		document.all.mnu_3.style.pixelTop = top3; 
  	}
  	else if (document.getElementById) 
	{
		document.getElementById('mnu_3').style.height = height3 + 'px';
		document.getElementById('mnu_3').style.top = top3 + 'px';
  	}

  	if (height3 < max)
    		setTimeout('SlideMenu3Up()', speed); 
	else
			show_menu3 = false;
}

function SlideMenu3Down() 
{
	hide_menu3 = true;
	
	height3 -= drec;
	top3 += drec;
  	if (document.layers) 
	{
    	document.mnu_3.height = height3;
		document.mnu_3.height = top3;
  	}
  	else if (document.all) 
	{
		document.all.mnu_3.style.height = height3;
		document.all.mnu_3.style.pixelTop = top3; 
  	}
  	else if (document.getElementById) 
	{
		document.getElementById('mnu_3').style.height = height3 + 'px';
		document.getElementById('mnu_3').style.top = top3 + 'px';
  	}

  	if (height3 > start_height)
    		setTimeout('SlideMenu3Down()', speed);
	else
			hide_menu3 = false;
}

function showMenu4(div_id)
{
	if (hide_tmr4 == null)
	{
		var obj = null;
		if (document.getElementById)
		{
		  obj = document.getElementById(div_id).style;
		}
		else if (document.all)
		{
		  obj = document.all[div_id].style;
		}
		else if (document.layers)
		{
		  obj = document.layers[div_id];
		}
		obj.visibility = 'visible';
		
		if (!hide_menu4)
		{
			  SlideMenu4Up();
		}
		else
			  setTimeout('SlideMenu4Up()', timer);
	}
	else
	{
		clearTimeout(hide_tmr4);
		hide_tmr4 = null;
	}	
}

function SlideMenu4Up() 
{
	show_menu4 = true;
	height4 += drec;
	top4 -= drec;
  	if (document.layers) 
	{
    	document.mnu_4.height = height4;
		document.mnu_4.height = top4;
  	}
  	else if (document.all) 
	{
		document.all.mnu_4.style.height = height4;
		document.all.mnu_4.style.pixelTop = top4; 
  	}
  	else if (document.getElementById) 
	{
		document.getElementById('mnu_4').style.height = height4 + 'px';
		document.getElementById('mnu_4').style.top = top4 + 'px';
  	}

  	if (height4 < max)
    		setTimeout('SlideMenu4Up()', speed); 
	else
			show_menu4 = false;
}

function SlideMenu4Down() 
{
	hide_menu4 = true;
	
	height4 -= drec;
	top4 += drec;
  	if (document.layers) 
	{
    	document.mnu_4.height = height4;
		document.mnu_4.height = top4;
  	}
  	else if (document.all) 
	{
		document.all.mnu_4.style.height = height4;
		document.all.mnu_4.style.pixelTop = top4; 
  	}
  	else if (document.getElementById) 
	{
		document.getElementById('mnu_4').style.height = height4 + 'px';
		document.getElementById('mnu_4').style.top = top4 + 'px';
  	}

  	if (height4 > start_height)
    		setTimeout('SlideMenu4Down()', speed);
	else
			hide_menu4 = false;
}

function hideMenu1(div_id, children)
{

	if (hide_tmr1 == null)
	{
		hide_tmr1 = setTimeout('hideDiv1(\'' + div_id + '\')', timer);
	}
}

function hideMenu2(div_id)
{
	if (hide_tmr2 == null)
	{
		hide_tmr2 = setTimeout('hideDiv2(\'' + div_id + '\')', timer);
	}   
}

function hideMenu3(div_id)
{
	if (hide_tmr3 == null)
	{
		hide_tmr3 = setTimeout('hideDiv3(\'' + div_id + '\')', timer);
	}   
}

function hideMenu4(div_id)
{
	if (hide_tmr4 == null)
	{
		hide_tmr4 = setTimeout('hideDiv4(\'' + div_id + '\')', timer);
	}   
}

function hideDiv1(div_id)
{
	var obj = null;
	if (document.getElementById)
	{
	  obj = document.getElementById(div_id).style;
	}
	else if (document.all)
	{
	  obj = document.all[div_id].style;
	}
	else if (document.layers)
	{
	  obj = document.layers[div_id];
	}
	
	if (!show_menu1)
	{
			  SlideMenu1Down();
			  hide_tmr1 = null;
	}
	else
			  hide_tmr1 = setTimeout('hideDiv1(\'' + div_id + '\')', timer);
	//obj.visibility = 'hidden';
}

function hideDiv2(div_id)
{
	var obj = null;
	if (document.getElementById)
	{
	  obj = document.getElementById(div_id).style;
	}
	else if (document.all)
	{
	  obj = document.all[div_id].style;
	}
	else if (document.layers)
	{
	  obj = document.layers[div_id];
	}
	if (!show_menu2)
	{
			  SlideMenu2Down();
			  hide_tmr2 = null;
	}
	else
			  hide_tmr2 = setTimeout('hideDiv2(\'' + div_id + '\')', timer);

}

function hideDiv3(div_id)
{
	var obj = null;
	if (document.getElementById)
	{
	  obj = document.getElementById(div_id).style;
	}
	else if (document.all)
	{
	  obj = document.all[div_id].style;
	}
	else if (document.layers)
	{
	  obj = document.layers[div_id];
	}
	if (!show_menu3)
	{
			  SlideMenu3Down();
			  hide_tmr3 = null;
	}
	else
			  hide_tmr3 = setTimeout('hideDiv3(\'' + div_id + '\')', timer);

}

function hideDiv4(div_id)
{
	var obj = null;
	if (document.getElementById)
	{
	  obj = document.getElementById(div_id).style;
	}
	else if (document.all)
	{
	  obj = document.all[div_id].style;
	}
	else if (document.layers)
	{
	  obj = document.layers[div_id];
	}
	if (!show_menu4)
	{
			  SlideMenu4Down();
			  hide_tmr4 = null;
	}
	else
			  hide_tmr4 = setTimeout('hideDiv4(\'' + div_id + '\')', timer);

}