var rootULID = "myTree"; // ID des navigationsUL (rootUL), default 'myTree', achtung: wird auch im CSS benutzt sowie im Tree.cfc
var aktivNodeId = "aktive"; // ID des Nodes bis zu dem beim öffnen ausgeklappt werden soll
var knotenPunkKlasse = "knotenPunkt" // CSS-Class der Menüpunkte die noch einen unterpunkt haben, damit der Pfeil davor gemacht werden kann

$(document.getElementById(rootULID)).ready(function() {
 	initTree();
});

function initTree(){
	childUL = document.getElementById(rootULID).getElementsByTagName("ul");
	for(i=0;i<childUL.length;i++){
		childUL[i].parentNode.childNodes[0].className = knotenPunkKlasse; // jedem Link der Childs hat, wird die klasse knotenPunkt (wegen CSS) zugeteilt
		$(childUL[i].parentNode.childNodes[0]).prepend('<img src="'+ pfad_rel +'/images/pfeil_navi.gif">'); // Knotenpunkte erhalten Bild mit Pfeil vorgestellt
	}
	// init Ausklappen
	if(initAusklappen == true && document.getElementById(aktivNodeId) != null){
		myUL = document.getElementById(aktivNodeId).parentNode.parentNode;  // ParentNode 1 ist der LI, ParentNode 2 ist der UL
		// Alle bis zum Aktivnode ausklappen (falls einer definiert)
		if(myUL != null){
			while(myUL.id != rootULID){
				$(myUL).show();		
				myUL = myUL.parentNode.parentNode;  // ParentNode 1 ist der LI, ParentNode 2 ist der UL
			}
			// wenn der Aktive ein Knotenpunkt ist, dann muss er ausgeklappt werden
			myA = document.getElementById(aktivNodeId);
			if(myA.className == knotenPunkKlasse){
				$(myA.parentNode.childNodes[1]).show(); // erster UL wird ausgeklappt
			}
		}
	}
}