/*function computeStyle(element, prop){
	
	if(element.currentStyle){//IE wil eerst deze check, voor andere browsers maakt dit niet uit
		return element.currentStyle[prop];
	}else if(document.defaultView.getComputedStyle){
		return document.defaultView.getComputedStyle(element, '').getPropertyValue(prop);
	}else{
		return element.currentStyle[prop];
	}

}*/
var menuItem;
var prevMenuItem;
var subMenu;
var prevSubMenu;
var timer;
function toggleDisplay(element){
		
	if(element.className == 'menuOver'){
	
		element.className = 'menuOut';
		for(var i=0; i<element.childNodes.length; i++){
		
			if(element.childNodes[i].nodeName == 'DIV'){
				
				menuItem = element.childNodes[i];
				disableMenuItem();
				
			}
				
			if(element.childNodes[i].nodeName == 'UL'){
				
				//clearTimeout(timer);
				//if(prevItem != element)
					//prevItem.childNodes[i].style.display = 'none';
				
				//reference = element.childNodes[i];
				timer = setTimeout("disableSubMenu();", 500);
				subMenu = element.childNodes[i];
				//disableSubMenu();

			
			}
			
		}
	
	}
	else{
	
		element.className = 'menuOver';

		for(var i=0; i<element.childNodes.length; i++){
			
			if(element.childNodes[i].nodeName == 'DIV'){
			
				menuItem = element.childNodes[i];
				enableMenuItem();
				
				if(prevSubMenu){
					clearTimeout(timer);
					prevSubMenu.style.display = 'none';
				}
				
			}
			
			if(element.childNodes[i].nodeName == 'UL'){
								
				subMenu = element.childNodes[i];					
				enableSubMenu();
			
			}
			
		}
		
		if(menuItem);
			prevMenuItem = menuItem;
			
		if(subMenu);
			prevSubMenu = subMenu;
	
	}

}
function disableSubMenuItem(){
	timer = setTimeout('disableSubMenu();', 500);
}
function disableMenuItem(){

	menuItem.style.display = 'none';

}
function enableMenuItem(){
	
	menuItem.style.display = 'block';

}
function disableSubMenu(){
	
	subMenu.style.display = 'none';

}
function enableSubMenu(){
	
	subMenu.style.display = 'list-item';

}



/*function initMenuEvents(){

	var UL = document.getElementById('niveau1');

	for(var i=0; i<UL.childNodes.length; i++){
				
		if(UL.childNodes[i].nodeName == 'LI')
			UL.childNodes[i].onmouseover = function(){toggleDisplay(this);}
		
	}
		
}*/

function traceEvent(event) {

  var phase, source;

  if (window.event) {
    target = window.event.srcElement.id;
    current = this.id
    if (this == window.event.srcElement)
      phase = "AT TARGET";
    else
      phase = "BUBBLE";
  }
  else {
    if (event.target.tagName)
      target = event.target.id;
    else
      target = "[Text]";
    current = event.currentTarget.id;
    if (event.eventPhase == Event.CAPTURING_PHASE)
      phase = "CAPTURE";
    else if (event.eventPhase == Event.BUBBLING_PHASE)
      phase = "BUBBLE";
    else if (event.eventPhase == Event.AT_TARGET)
      phase = "AT TARGET";
  }
  
document.getElementById("traceOut").value +=
"Target = " + target + "; Phase = " + phase + "; Current = " + current + ";\n";
  
}