// JavaScript para a TreeView

Array.prototype.indexOf = IndexOf;

//Toggles between two classes for an element
function ToggleClass(element, firstClass, secondClass, event) {
  event.cancelBubble = true;
  
  var classes = element.className.split(" ");
  var firstClassIndex = classes.indexOf(firstClass);
  var secondClassIndex = classes.indexOf(secondClass);
  
  if (firstClassIndex == -1 && secondClassIndex == -1) {
    classes[classes.length] = firstClass;
  }
  else 
    if (firstClassIndex!= -1) {
      classes[firstClassIndex] = secondClass;
    }
    else {
      classes[secondClassIndex] = firstClass;
    }
  element.className = classes.join(" ");
}

//Finds the index of an item in an array
function IndexOf(item)  {
  for (var i=0; i < this.length; i++) {
    if (this[i] == item) {
      return i;
    }
  }
  return -1;
}

//The toggle event handler for each expandable/collapsable node
//- Note that this also exists to prevent any IE memory leaks
//(due to circular references caused by this)
function ToggleNodeStateHandler(event) {
  ToggleClass(this, "Collapsed", "Expanded", (event == null)? window.event : event);
}

//Prevents the onclick event from bubbling up to parent elements
function PreventBubbleHandler(event) {
  if (!event) event = window.event;
    event.cancelBubble = true;
}

//Adds the relevant onclick handlers for the nodes in the tree view
function SetupTreeView(elementId) {
  var tree = document.getElementById(elementId);
  var treeElements = tree.getElementsByTagName("li");
  
  for (var i=0; i < treeElements.length; i++) {
    if (treeElements[i].getElementsByTagName("ul").length > 0)  {
      treeElements[i].onclick = ToggleNodeStateHandler;
      treeElements[i].className = "Collapsed" ///   (RdS 2008.10.08)
    }
    else  {
      treeElements[i].onclick = PreventBubbleHandler;
      treeElements[i].className = ""          ///   (RdS 2008.10.08)
    }
  }
}