//_____________________________________________________________________________
// Module : lib.tree.js
//_____________________________________________________________________________


var BUILD_TREE_EXPANDED = false;
var IMAGE_DIR = '/images/tree/' ;

var LEVEL1_BORDER_CSS  = 'table1';
var LEVEL1_BGCOLOR_CSS = 'level1';

var LEVEL1_SPACER       = IMAGE_DIR + 'spacer.gif';
var LEVEL1_IMG_COLLAPSED= IMAGE_DIR + 'lev1_collapsed';
var LEVEL1_IMG_EXPANDED = IMAGE_DIR + 'lev1_expanded';

var LEVEL2_SPACER       = IMAGE_DIR + 'spacer.gif';
var LEVEL2_IMG_COLLAPSED= IMAGE_DIR + 'lev2_collapsed';
var LEVEL2_IMG_EXPANDED = IMAGE_DIR + 'lev2_expanded';

var LEVEL3_SPACER       = IMAGE_DIR + 'spacer.gif';
var LEVEL3_IMG_COLLAPSED= IMAGE_DIR + 'lev3_collapsed';
var LEVEL3_IMG_EXPANDED = IMAGE_DIR + 'lev3_expanded';

var oActive = null;

function Tree(_layer, _EEMtable, _ipm, _oParent) {
  this.oParent          = _oParent;
  this.ipm              = _ipm;
  this.oDiv             = null;

  this.brothersEEM      = new Array();  // Liste de oEEM frres
  this.brothersList     = new Array();
  this.childrenList     = new Array();  // Liste de obj Tree fils

  this.buildBrothersEEM = Tree_buildBrothersEEM;
  this.buildTree         = Tree_buildTree;

  this.expandNodes      = Tree_expandNodes;
  this.expandOneNode    = Tree_expandOneNode;
  this.expandAll        = Tree_expandAll;
  this.expandNodeById   = Tree_expandNodeById;
  this.collapseNode     = Tree_collapseNode;
  this.collapseAll      = Tree_collapseAll;

  this.buildTree(_layer, _EEMtable);

  return this;
}


function Tree_buildBrothersEEM(_EEMtable) {
  if (_EEMtable!=null)
  for (var i=0; i<_EEMtable.length; i++)
    if (_EEMtable[i].ipm==this.ipm)
      this.brothersEEM[this.brothersEEM.length] = _EEMtable[i];
}


function Tree_buildTree(_layer, _EEMtable) {

  this.buildBrothersEEM(_EEMtable);

  var oDiv              = document.createElement("DIV");
  oDiv.id               = "Div_tree_"+this.ipm;

  this.oDiv             = oDiv;

  if (this.oParent==null) {   // On accroche le Div a la racine !
    var oTarget         = document.getElementById(_layer);
    if (oTarget==null) oTarget = document.body;
    oTarget.appendChild(oDiv);

    oDiv.isExpanded = true;
  }
  else {                    // On accroche le Div a son oTD parent !
    for (var i=0;i<this.oParent.brothersList.length;i++) {
      if (this.oParent.brothersList[i].iem==this.ipm) {
        this.oParent.brothersList[i].appendChild(oDiv);
        break;
      }
    }

    oDiv.isExpanded = BUILD_TREE_EXPANDED;
  }
    oDiv.style.display= (oDiv.isExpanded) ? "block" : "none"; // permet la construction du menu a l'etat collapse

  var oTable            = document.createElement('table');
  oTable.className      = (this.oParent==null) ? LEVEL1_BORDER_CSS : "table2";
  oDiv.appendChild(oTable);

  var oTBody            = document.createElement('tbody');
  oTable.appendChild(oTBody);


  var isLevel1          = (this.oParent==null);
  var isLevel3          = (!isLevel1 && this.oParent.oParent!=null);
  for (var i=0; i<this.brothersEEM.length && isLevel3; i++)
    isLevel3 = !EEM_hasChild(_EEMtable,this.brothersEEM[i].iem);


  for (var i=0; i<this.brothersEEM.length; i++) {
    var oEEM            = this.brothersEEM[i];
    var oTR             = document.createElement('tr');
    oTBody.appendChild(oTR);

    var oTD1            = document.createElement('td');
    oTR.appendChild(oTD1);

    oTD1.oCurrent       = this;
    oTD1.iem            = oEEM.iem;
    oTD1.id             = "TD_tree_"+oEEM.iem;

    var hasChild        = EEM_hasChild(_EEMtable,oEEM.iem);

    /* PREMIER NIVEAU */
    if (isLevel1) {
      oTR.level         = 1;
      oTD1.level        = 1;
      oTD1.className    = LEVEL1_BGCOLOR_CSS + oEEM.col ;
      
      var oSpc          = document.createElement("IMG");
      oTD1.appendChild(oSpc);
      oSpc.src          = LEVEL1_SPACER;
      oSpc.className    = "level1_spacer";

      var oA            = document.createElement("A");
      oTD1.appendChild(oA);
      var oImg          = document.createElement("IMG");
      oA.appendChild(oImg);
      oImg.src          = LEVEL1_IMG_COLLAPSED + oEEM.col + ".gif" ;
      oImg.className    = "level1_image";

      var oSpc          = document.createElement("IMG");
      oTD1.appendChild(oSpc);
      oSpc.src          = LEVEL1_SPACER;
      oSpc.className    = "level1_spacer";

      var oText         = document.createElement("A");
      oTD1.appendChild(oText);
      oText.className   = LEVEL1_BGCOLOR_CSS + oEEM.col ;

      var oTD = oTD1;
    }
    else {
      if (!isLevel3) {
      /* NIVEAUX INTERMEDIARES */
        oTR.level       = 2;
        oTD1.level      = 2;
        oTD1.className  = "level2"+oEEM.col ;
        oTD1.style.width= 20;

        var oSpc        = document.createElement("IMG");
        oTD1.appendChild(oSpc);
        oSpc.src        = LEVEL2_SPACER;
        oSpc.className  = "level2_spacer";


        var oTD2        = document.createElement('td');
        oTR.appendChild(oTD2);
        oTD2.oCurrent   = this;
        oTD2.iem        = oEEM.iem; // HYPER IMPORTANT : permet de raccrocher les fils
        oTD2.id         = "TD_tree_"+oEEM.iem;

        oTD2.level      = 2;
        oTD2.className  = "level2"+oEEM.col;

        var oFrm        = document.createElement("Div");
        var oLft        = document.createElement("Div");
        var oRgt        = document.createElement("Div");
        oTD2.appendChild(oFrm);
        oFrm.appendChild(oLft);
        oFrm.appendChild(oRgt);
        oFrm.style.position = "relative";
        oLft.style.position = "relative";
        oRgt.style.position = "absolute";
        oRgt.style.top  = 2;
        // oRgt.style.left = 135;
        oRgt.style.left = 60;
        oRgt.style.width= 15;

        var oText       = document.createElement("A");
        oLft.appendChild(oText);
        oText.className = "level2"+ oEEM.col ;

        var oA          = document.createElement("A");
        oRgt.appendChild(oA);
        var oImg        = document.createElement("IMG");
        oA.appendChild(oImg);
        oImg.src        = (hasChild) ? LEVEL2_IMG_COLLAPSED  + oEEM.col + ".gif" : LEVEL2_SPACER;
        oImg.className  = "level2_image";

        var oTD = oTD2;
      }
      else {
      /* DERNIER NIVEAU */
        oTR.level       = 3;
        oTD1.level      = 3;
        oTD1.className  = "level3";

        var oA          = document.createElement("A");
        oTD1.appendChild(oA);
        var oImg        = document.createElement("IMG");
        oA.appendChild(oImg);
        oImg.src        = LEVEL3_IMG_COLLAPSED  + oEEM.col + ".gif" ;
        oImg.className  = "level3_image";

        var oSpc          = document.createElement("IMG");
        oTD1.appendChild(oSpc);
        oSpc.src          = LEVEL3_SPACER;
        oSpc.className    = "level1_spacer";

        var oText       = document.createElement("A");
        oTD1.appendChild(oText);
        oText.className = "level3" + oEEM.col ;

        var oTD = oTD1;
      }
    }

    this.brothersList[this.brothersList.length] = oTD;

    // Ecriture du libelle
    oTD.oEEM          = oEEM;
    oTD.oText         = oText;
    oText.innerHTML   = oEEM.lib;
    oText.href        = "#menu";
    oA.href           = "#menu";

    // Ajout des actions
    if (hasChild) {                          //  possede fils
      oChild = new Tree(_layer, _EEMtable, oEEM.iem, this);
      oTD.oChild      = oChild;
      this.childrenList[this.childrenList.length] = oChild;
      oTD.oImg          = oImg;

      // derniere image est cliquable : img = [+] ou [-]
      addEvent(oImg,  'click', Node_Tree_onClick, false);
      addEvent(oText, 'click', Node_Tree_onClick, false);
    }
    else {
      oTD.oChild        = null;
      oTD.oImg          = oImg;

      addEvent(oText, 'click', TD_Tree_onClick, false);
    }

    addEvent(oImg,  'mouseout',  Node_Tree_onMouseOut,  false);
    addEvent(oText, 'mouseout',  Node_Tree_onMouseOut,  false);
    addEvent(oImg,  'mouseover', Node_Tree_onMouseOver, false);
    addEvent(oText, 'mouseover', Node_Tree_onMouseOver, false);

  }
}

function TD_Tree_onClick(obj) {
  var oText             = getObjet(this,obj);
  var oTD               = oText;
  while (oTD.tagName!="TD") oTD = oTD.parentNode;

  Tree_Highlight(oActive, false);
  oActive = oTD;
  Tree_Highlight(oActive, true);
  if (oTD.tagName=="TD") launchApplication(oTD.oEEM);
}

//_____________________________________________________________________________


function Node_Tree_onMouseOver(obj) {
  var oTD               = getObjet(this,obj);
  while (oTD.tagName!="TR") oTD = oTD.parentNode;
  oTD = oTD.firstChild;

  Tree_Highlight(oTD, true);
}

function Node_Tree_onMouseOut(obj) {
  var oTD               = getObjet(this,obj);
  while (oTD.tagName!="TR") oTD = oTD.parentNode;
  oTD = oTD.firstChild;

  Tree_Highlight(oTD, false);
}
function Tree_Highlight(oTD, isHL) {
  if (oTD!=null)
  if (isHL) {
    if (oTD.level==3) {
      oTD.oImg.src = LEVEL3_IMG_EXPANDED + oTD.oEEM.col + ".gif" ;
      oTD.lastChild.className = "level3_active";
    }
  }
  else {
    if (oTD!=oActive)
      if (oTD.level==3) {
        oTD.oImg.src = LEVEL3_IMG_COLLAPSED + oTD.oEEM.col + ".gif" ;
        oTD.lastChild.className = "level3";
      }
  }
}


function Node_Tree_onClick(obj) {
  var oTD               = getObjet(this,obj);
  while (oTD.tagName!="TR") oTD = oTD.parentNode;
  oTD = (oTD.level==2) ? oTD.lastChild : oTD.firstChild;

  if (oTD.oEEM.url!="") launchApplication(oTD.oEEM);

  (oTD.oChild.oDiv.isExpanded) ? oTD.oChild.collapseAll() : oTD.oChild.expandOneNode();

}

function Tree_expandNodes() {
  this.oDiv.isExpanded=true;
  this.oDiv.style.display="block";

  var oTD = this.oDiv.parentNode;
  if (oTD.level==2) {
    oTD.oImg.src = LEVEL2_IMG_EXPANDED  + oTD.oEEM.col + ".gif" ;
    oTD.oText.className = oTD.className.substring(0,7)+'_active';
  }
  if (oTD.level==1) {
    oTD.oImg.src = LEVEL1_IMG_EXPANDED  + oTD.oEEM.col + ".gif" ;
  }
}

function Tree_expandOneNode() {
  var brothersList = this.oParent.childrenList;
  for (var i=0; i<brothersList.length ;i++) {
    if(brothersList[i]!=this)   // fermer le freres deja ouverts
      brothersList[i].collapseNode();
    else                        // ouvrir celui qui vient d'etre clique !
      brothersList[i].expandNodes();
  }
}


function Tree_collapseNode() {
  this.oDiv.isExpanded=false;
  this.oDiv.style.display="none";

  var oTD = this.oDiv.parentNode;
  if (oTD.level==2) {
    oTD.oImg.src = LEVEL2_IMG_COLLAPSED + oTD.oEEM.col + ".gif" ;
    oTD.oText.className = oTD.className.substring(0,7);
  }
  if (oTD.level==1) {
    oTD.oImg.src = LEVEL1_IMG_COLLAPSED + oTD.oEEM.col + ".gif" ;
  }
}

function Tree_expandAll() {
  this.expandNodes();

  for (var i=0; i<this.childrenList.length ;i++)
    this.childrenList[i].expandAll();
}

function Tree_collapseAll() {
  if (this.oParent!=null)
    this.collapseNode();

  for (var i=0; i<this.childrenList.length ;i++)
    this.childrenList[i].collapseAll();
}

function Tree_expandNodeById(nodeId) {
    oTD = document.getElementById("TD_tree_"+nodeId);

  if (oTD!=null) {
    if (oTD.oChild==null) {
      Tree_Highlight(oActive, false);
      oActive = oTD;
      Tree_Highlight(oActive, true);

    }
    else
      oTD.oChild.expandOneNode();

    var oCurrent = oTD.oCurrent;
    while (oCurrent.oParent!=null) {
      oCurrent.expandOneNode();
      oCurrent=oCurrent.oParent;
    }
  }

}