/* www.schwyz.phz
   * Quelle: http://aktuell.de.selfhtml.org/artikel/dhtml/treemenu/
   * Fügt den Listeneinträgen Eventhandler und CSS Klassen hinzu,
   * um die Menüpunkte am Anfang zu schließen.
   * 
   * menu: Referenz auf die Liste.
   * data: String, der die Nummern aufgeklappter Menüpunkte enthält.
   */
  function treeMenu_init(menu,data) {
   var array = new Array(0); 
   if(data != null && data != "") { array = data.match(/\d+/g);}
   var items = menu.getElementsByTagName("li"); 
   for(var i = 0; i < items.length; i++) { 
      items[i].onclick = treeMenu_handleClick; 
	  var classes = treeMenu_getClasses(items[i]);
	  if((items[i].id == data) || (items[i].id == data.substring(0,3)) || (items[i].id == data.substring(0,1))) 
	       {
		    if (items[i].id == data.substring(0,3))  
			 {classes.push("treeMenu_opened_selected");} 
			else 
			 {classes.push("treeMenu_opened");}
			
		   }
          else 
		  {classes.push("treeMenu_closed");}
	   items[i].className = classes.join(" ");
         if(array.length > 0 && array[0] == i) { array.shift();}
    }
	
}
  
  /*
   * Ändert die Klasse eines angeclickten Listenelements, sodass
   * geöffnete Menüpunkte geschlossen und geschlossene geöffnet
   * werden.
   *
   * event: Das Event Objekt, dass der Browser übergibt.
   */
  function treeMenu_handleClick(event) {
   if(event == null) { //Workaround für die fehlenden DOM Eigenschaften im IE
      event = window.event;
      event.currentTarget = event.srcElement;
      while(event.currentTarget.nodeName.toLowerCase() != "li") {
        event.currentTarget = event.currentTarget.parentNode;
      }
      event.cancelBubble = true;
    }
    else {
      event.stopPropagation();
    }
    var array = treeMenu_getClasses(event.currentTarget);
    for(var i = 0; i < array.length; i++) 
	{
        array[i] = "treeMenu_opened"
      }
    
    event.currentTarget.className = array.join(" ");
  }
  
  /*
   * Gibt alle Klassen zurück, die einem HTML-Element zugeordnet sind.
   * 
   * element: Das HTML-Element
   * return: Die zugeordneten Klassen.
   */
  function treeMenu_getClasses(element) {
    if(element.className) {
      return element.className.match(/[^ \t\n\r]+/g);
    }
    else {
      return new Array(0);
    }
  }
  
  /*
   * Überprüft, ob ein Array ein bestimmtes Element enthält.
   * 
   * array: Das Array
   * element: Das Element
   * return: true, wenn das Array das Element enthält.
   */
  function treeMenu_contains(array, element) {
    for(var i = 0; i < array.length; i++) {
      if(array[i] == element) {
        return true;
      }
    }
    return false;
  }
  
  /*
   * Gibt einen String zurück, indem die Nummern aller geöffneten
   * Menüpunkte stehen. 
   *
   * menu: Referenz auf die Liste
   * return: Der String
   */
  function treeMenu_store(menu) {
    var result = new Array();
    var items = menu.getElementsByTagName("li");
    for(var i = 0; i < items.length; i++) {
      if(treeMenu_contains(treeMenu_getClasses(items[i]), "treeMenu_opened")) {
        result.push(i);
      }
    }
    return result.join(" ");
  }