var heading = null;
var startlft = 0;
var starttop = 0;


function menupos(){
	obj = document.getElementById("menu");
  var border;
  if (obj.offsetParent){
    do{
      // XXX: If the element is position: relative we have to add borderWidth
      if (getStyle(obj, 'position') == 'relative')
      {
        if (border = _pub.getStyle(obj, 'border-top-width')) curtop += parseInt(border);
        if (border = _pub.getStyle(obj, 'border-left-width')) curleft += parseInt(border);
      }
      startlft += obj.offsetLeft;
      starttop += obj.offsetTop;
    }
    while (obj = obj.offsetParent)
  }else if (obj.x){
    startlft += obj.x;
    starttop += obj.y;
  }
}


function getStyle(obj, styleProp){if (obj.currentStyle)return obj.currentStyle[styleProp];else if (window.getComputedStyle)return document.defaultView.getComputedStyle(obj,null).getPropertyValue(styleProp);}


function changePosition(curnum, cura){

	//--- hide alle blocken
	for(i=0;i<document.getElementsByTagName("ul").length;i++){
			varli = document.getElementsByTagName("ul")[i].getAttribute("id")
			if (varli != null && varli.substring(0,5) == "block") hideLayer(varli);
	}

	var arrLi = new Array();
	var tot = document.getElementsByTagName('li');

	iCount = 0;
	for(i=0;i<tot.length;i++){
			tmp = tot[i].getAttribute("id");
			if (tmp != null){
				if (tmp.substring(0,3) == "lay"){
					arrLi[iCount] = tot[i].getAttribute("id");
					iCount++;
				}
			}
	}

	//--- reset alles
	bFirsttime = 1;
	iCount = 0;
	var y = starttop+"px";
	for (i=0;i<arrLi.length;i++){

			varli = arrLi[i];
			//varli = myVar;
//alert("varli = " +varli + ", arrLi[icount] = " +arrLi[iCount]);

			//--- zet alle parent menu-opties onder elkaar
			if (varli.substring(3) < 10){
				if(document.getElementById)
					heading = document.getElementById(varli)
				else if(navigator.appName == "Microsoft Internet Explorer")
					heading = document.all.item(varli)
				else if(document.layers)
					heading = document.layers[varli]
				if(heading != null){
					if(heading.style == null) { // Navigator 4
						heading.top = y;
					}else if(heading.style.left != null) { // DOM-capable
						heading.style.top = y;
					}else{ // IE 4
						heading.style.posTop = y;
					}
				}
			}
			iCount++;
	}


	//--- reset puntjes naar plusjes
	bFirsttime = 1;
	iCount = 0;
	for(i=0;i<document.getElementsByTagName("a").length;i++){

			vara = document.getElementsByTagName("a")[i].getAttribute("id");
			if (vara != null && vara.substring(0,1) == "a" && vara.substring(1) > 0){
				if(document.getElementById)
					heading = document.getElementById(vara)
				else if(navigator.appName == "Microsoft Internet Explorer")
					heading = document.all.item(vara)
				else if(document.layers)
					heading = document.layers[vara]
				if(heading != null) {
					if(heading.style == null) { // Navigator 4
						changeImage("a"+vara.substring(1), "");
					}else if(heading.style.left != null) { // DOM-capable
						changeImage("a"+vara.substring(1), "");
					}else{ // IE 4
						changeImage("a"+vara.substring(1), "");
					}
				}
			}
	}

	//--- current number
	iCount = 0;
	numsub = 1;
	bDraw = 1;
	bIsParent = false;
	for (i=0;i<arrLi.length;i++){

			varli = arrLi[i];
			if(varli.substring(3) > curnum){

				//--- move
				if (varli.substring(3) > 10 && varli.substring(3,4) == curnum){
					if (iCount == 0){
						var y = ".4em";
					}else{
						var y = (numsub*2.2) + "em";
						numsub++;
					}
					iCount = 1;
					bIsParent = true;

				}else{
					if (iCount > 0){
						var y = numsub*29+(starttop) + "px";
					}else{
						if (varli.substring(3) < 10){
							bDraw = 1;
						}else{
						bDraw = 0;
						}
					}
					iCount = 0;
					numsub++;
				}

				//--- Children die niet current nummer zijn niet tekenen
				if (bDraw == 1){
					if(document.getElementById)
						heading = document.getElementById(varli)
					else if(navigator.appName == "Microsoft Internet Explorer")
						heading = document.all.item(varli)
					else if(document.layers)
						heading = document.layers[varli]
					if(heading != null) {
						if(heading.style == null) { // Navigator 4
							heading.top = y;
						}else if(heading.style.left != null) { // DOM-capable
							heading.style.top = y;
						}else{ // IE 4
							heading.style.posTop = y;
						}
					}
				}
			}
	}

	//-- verander current LI (+) naar .... (alleen als current item parent is)
	if (bIsParent){
		  if(document.getElementById)
			heading = document.getElementById("lay"+curnum)
		  else if(navigator.appName == "Microsoft Internet Explorer")
			heading = document.all.item("lay"+curnum)
		  else if(document.layers)
			heading = document.layers["lay"+curnum]
		  if(heading != null) {
				changeImage("a"+curnum, "_active");
		  }
		}

		if (cura.length > 0) document.getElementById(cura).style.color="#fff";
}


function changeImage(id, ima) {
	newImage = "url(gfx/tree_main_plus" +ima+ ".gif)";
	if (ima.length == 0){
		newImageH = "url(gfx/tree_main_plus_active.gif)";
	}else{
		newImageH = "url(gfx/tree_main_plus.gif)";
	}
	document.getElementById(id).style.backgroundImage = newImage;
}


function initmenu(item, cura){
	menupos();
	changePosition(item, cura);
	showLayer("block" +item);
}