// JavaScript-Funktionen im Projekt

// Submenues
/* 
Fügt den Listeneinträgen Eventhandler und CSS Klassen hinzu, um die 
Menüpunkte am Anfang zu schließen.
@param menu Die Referenz auf die Liste.
@param 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;
    if(!treeMenu_contains(treeMenu_getClasses(items[i]), "treeMenu_opened")
      && items[i].getElementsByTagName("ul").length
       + items[i].getElementsByTagName("ol").length > 0) 
    {
      var classes = treeMenu_getClasses(items[i]);
      if(array.length > 0 && array[0] == i) 
      {
        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.
@param 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++) 
  {
    if(array[i] == "treeMenu_closed") 
    {
      array[i] = "treeMenu_opened";
    }
    else if(array[i] == "treeMenu_opened") 
    {
      array[i] = "treeMenu_closed"
    }
  }
  event.currentTarget.className = array.join(" ");
}
  
/*
Gibt alle Klassen zurück, die einem HTML-Element zugeordnet sind.
@param 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.
@param array Das Array
@param 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. 
@param 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(" ");
}


function unescSubmenus()
{
  treeMenu_init(document.getElementById('menu'), unescape(window.name).split(',')[0]); 
  //treeMenu_init(document.getElementById('wissenschaften'), unescape(window.name).split(',')[1]);
}

function escSubmenus()
{
  //window.name = escape(treeMenu_store(document.getElementById('lebewesen')) + ',' + treeMenu_store(document.getElementById('wissenschaften')));
  window.name = escape(treeMenu_store(document.getElementById('menu')));
}