// JavaScript Document

timeoutSubmenu = new Object;	
	function submenuOn(diepte,id,parent){
		clearTimeout(timeoutSubmenu[id]);
		trace('Show: '+id)	
		var hider = document.getElementById('hider_'+id);
		if(document.getElementById('link_'+id))			{	var button 		= document.getElementById('link_'+id);			}		
		if(document.getElementById('submenu_'+id))		{	var submenu 	= document.getElementById('submenu_'+id);		}
		if(document.getElementById('arrow_'+id))		{	var arrow 		= document.getElementById('arrow_'+id);			}		
		if(document.getElementById('hider_'+parent))	{	var parenthider = document.getElementById('hider_'+parent);		}		
		if(document.getElementById('submenu_'+parent))	{	var parentmenu 	= document.getElementById('submenu_'+parent);	}
		if(button.init != true){
			if(arrow){
				changeOpac('arrow_'+id, 0)
			}
			button.oldsrc = button.src;		
		}		
		if(diepte == 0){
			if(button.init != true){
				submenu.style.display 	= 'block';
				hider.style.height 		= '0px';
				submenu.startHoogte		= parseInt(submenu.offsetHeight);
				submenu.style.height	= parseInt(submenu.offsetHeight);				
				hider.style.width 		= parseInt(submenu.offsetWidth) + 'px';
				hider.maxHeight 		= parseInt(submenu.offsetHeight);
				submenu.style.top 		= (parseInt(submenu.offsetHeight)*-1) + 'px';							
				button.init 			= true;				
			}	
		//	fade('submenu_'+id,'auto',100,500);
			mover('hider_'+id,false,false,false,hider.maxHeight.toString(),3);
			mover('submenu_'+id,false,'0',false,false,3);
		}else if(diepte == 1){
			if(button.init != true){	
				submenu.style.display 		= 'block';
				button.init 				= true;
				if(parentmenu.offsetHeight >= submenu.offsetHeight){
					var newHeight = parentmenu.offsetHeight;
				}else{
					var newHeight = submenu.offsetHeight;				
				}
				
				hider.style.height 			= newHeight 		+ 'px';
				submenu.style.height 		= newHeight 		+ 'px';				
				hider.style.top 			= '0px';
				//changeOpac('submenu_'+id,0);
				parentmenu.style.width 		= parseInt(parentmenu.offsetWidth) + 'px';	
				if((parseInt(parentmenu.offsetWidth) + parseInt(submenu.offsetWidth)) >=parseInt(parenthider.style.width))
				parenthider.style.width 	= (parseInt(parentmenu.offsetWidth) + parseInt(submenu.offsetWidth)) + 'px';
				hider.style.left 			= (parseInt(parentmenu.offsetWidth)*1) 	+ 'px';
				submenu.style.left 			= (parseInt(submenu.offsetWidth)*-1) 	+ 'px';
			}	
			var neededheight = 	parseInt(submenu.offsetHeight)+parseInt(parentmenu.offsetHeight);

			if(neededheight > parenthider.maxHeight){
				parenthider.maxHeight = neededheight;
			}			
			parenthider.style.height 	= parenthider.maxHeight	+ 'px';	
			if(parentmenu){
				mover('submenu_'+parent,false,false,false,(parseInt(submenu.offsetHeight)),2);				
			}
			mover('hider_'+id,false,false,submenu.offsetWidth.toString(),false,3);
			mover('submenu_'+id,'0',false,false,false,3);		
		}
		if(arrow){
			mover('arrow_'+id,9,false,false,false,3);		
			fade('arrow_'+id,'auto',100,500);
		}
		if(diepte == 5){
			button.src = 'buttons/btn_'+diepte+'_'+id+'_on.gif';
		}
	}
	
	
	function submenuOff(diepte,id,parent){
		clearTimeout(timeoutSubmenu[id]);
		if(diepte == 0) var time = 150
		else			var time = 30
		timeoutSubmenu[id] = setTimeout('submenuOff2('+ diepte + ','+ id + ','+ parent + ')',time);
	}	
	
	function submenuOff2(diepte,id,parent){
		trace('Hide: '+id)	
		if(document.getElementById('arrow_'+id)){	var arrow 	= document.getElementById('arrow_'+id);	}				
		var button 	= document.getElementById('link_'+id);		
		if(diepte == 5){
		button.src 	= button.oldsrc;
		}
		
		
		if(diepte == 0){	
			hider 			= document.getElementById('hider_'+id);
			submenu 		= document.getElementById('submenu_'+id);
			var newtop 		= (parseInt(submenu.offsetHeight)*-1).toString();
			mover('hider_'+id,false,false,false,'0',5);
			mover('submenu_'+id,false,newtop,false,submenu.startHoogte,5);
		}else if(diepte == 1){	
			//fade('submenu_'+id,'auto',0,500);
			hider 			= document.getElementById('hider_'+id);
			submenu 		= document.getElementById('submenu_'+id);
			var newleft 	= (parseInt(submenu.offsetWidth)*-1).toString();
			mover('hider_'+id,		false,false,'0',false,1);			
			mover('submenu_'+id,	newleft,false,false,false,1);					
		}
		if(arrow){
			mover('arrow_'+id,-9,false,false,false,3);		
			fade('arrow_'+id,'auto',0,500);
		}		
	}		
	function trace(msg){
//		debugWindow.innerHTML = msg + '<br />' + debugWindow.innerHTML
	}