var time;
var eigenplek;

function setHidden(obj){
  document.getElementById('submenu'+obj).style.visibility = 'hidden';
}

function setVisible(obj,parentObj,niveau){
	clearTimeout(time);
  menuWidth = document.getElementById('submenu0').offsetWidth;
  posTop =  document.getElementById('submenu'+parentObj).offsetTop + document.getElementById('td'+obj).offsetTop;
  posLeft =  document.getElementById('parentTable').offsetLeft + document.getElementById('td'+obj).offsetLeft;
	document.getElementById('submenu'+obj).style.left = posLeft + (niveau+1) + (niveau+1)*menuWidth;
	document.getElementById('submenu'+obj).style.top = posTop-1;
	document.getElementById('submenu'+obj).style.visibility='visible';
}

function preSetLayers(obj,parentObj,niveau,delay){
	clearTimeout(time);
  if(delay == true){
		time = setTimeout("setLayers('','',"+niveau+")",500);
	}else{
    setLayers(obj,parentObj,niveau);
	}
}

function chgVisibility(obj,parentObj,niveau,status){
  if(status == 'hidden'){
  	setHidden(obj);
  }else{
    setVisible(obj,parentObj,niveau);
  }
}

function setLayers(obj,parentObj,niveau){
  for(i=niveau;i<subMenu.length;i++){
    for(j=0;j<subMenu[i].length;j++){
      chgVisibility(subMenu[i][j],'','','hidden');
    }
  }
  if(obj != ""){
    chgVisibility(obj,parentObj,niveau,'visible');
  }    
}

function roll(obj,color){
  for(i=0;i<trackMenu.length;i++){
    if(trackMenu[i] == obj){
      var found = true;
      break;
    }
  }
  if(!found){
    document.getElementById('td'+obj).style.backgroundColor = color;
  }
}

function setTrackMenu(color){
  for(i=0;i<trackMenu.length-1;i++){
    document.getElementById('td'+trackMenu[i]).style.backgroundColor = color;
  }
}