/* global vars ****************************************************************/

var cbChecked = "/sycro/images/cb-checked.gif";
var cbClear = "/sycro/images/cb-clear.gif";
var cbGrayed = "/sycro/images/cb-grayed.gif";

try {
  document.execCommand('BackgroundImageCache', false, true);
} catch(e) {}

/* class functions ************************************************************/

function addClass(obj,cName){ removeClass(obj,cName); return obj && (obj.className+=(obj.className.length>0?" ":"")+cName); }
function removeClass(obj,cName){ return obj && (obj.className=obj.className.replace(new RegExp("^"+cName+"\\b\\s*|\\s*\\b"+cName+"\\b","g"),"")); }
function hasClass(obj,cName){ return (!obj || !obj.className)?false:(new RegExp("\\b"+cName+"\\b")).test(obj.className) }


/* tree_menu() ****************************************************************/

function tree_menu() {
  if(!document.createElement || !document.getElementsByTagName || !document.getElementById) return false;

	if(document.getElementById("treeview")){
	  var nav = document.getElementById("treeview");
	}
	else return false;

  /* a tags : if it contains ul items make these hidden and add a click event, if not, just hide the +/- */
  var nav_a = nav.getElementsByTagName("a");
  for (var i=0; i<nav_a.length; i++) {
    if (nav_a[i].parentNode.getElementsByTagName("ul")[0]) {
      addClass(nav_a[i].parentNode.getElementsByTagName("ul")[0],"hidden");
      addEvent(nav_a[i],"click",tree_menu_toggle);
    }
    else {
      addClass(nav_a[i],"hidden");
      addEvent(nav_a[i],"click",tree_menu_check);
    }
  }

  /* input tags : replace with img tag but maintain the functionality */
  var nav_input = nav.getElementsByTagName("input");
  for (var i=0; i<nav_input.length; i++) {
    /* make img tag */
    var img = document.createElement("img");
    img.setAttribute("src",cbClear);
    img.setAttribute("realthing",nav_input[i].getAttribute("name"));
    img.onclick = tree_menu_check;
    /* insert img tag */
    nav_input[i].parentNode.insertBefore(img,nav_input[i]);
    /* set all inputs to false */
    nav_input[i].setAttribute("value","false");
  }

  initializeBody();
}


/* tree_menu_toggle(e) ********************************************************/

function tree_menu_toggle(e) {
  if (hasClass(this.parentNode.getElementsByTagName("ul")[0],"hidden")) {
    removeClass(this.parentNode.getElementsByTagName("ul")[0],"hidden");
    addClass(this.parentNode.getElementsByTagName("a")[0],"opened");
  }
  else {
    addClass(this.parentNode.getElementsByTagName("ul")[0],"hidden");
    removeClass(this.parentNode.getElementsByTagName("a")[0],"opened");
  }
}


/* tree_menu_check(e) *********************************************************/

function tree_menu_check(e) {
  var cbvalue, obj;
  var nav = document.getElementById("treeview");
  var nav_input = nav.getElementsByTagName("input");

  // has to work on the img tag and a tag
  if (this.tagName == "IMG") obj = this;
  else if (this.tagName == "A") obj = this.parentNode.getElementsByTagName("img")[0];

  // how to set it ?
  if (obj.getAttribute("src").indexOf(cbClear) >= 0) cbvalue = cbChecked;
  else if (obj.getAttribute("src").indexOf(cbChecked) >= 0) cbvalue = cbClear;
  else if (obj.getAttribute("src").indexOf(cbGrayed) >= 0) cbvalue = cbChecked;

  // set it !
  if (obj.parentNode.getElementsByTagName("ul")[0]) {
    var img = obj.parentNode.getElementsByTagName("img");
    for (var i=0; i<img.length; i++) {
      img[i].setAttribute("src",cbvalue);
      for (var j=0; j<nav_input.length; j++) {
        if (nav_input[j].getAttribute("name") == img[i].getAttribute("realthing")) {
          if (cbvalue == cbClear) nav_input[j].setAttribute("value","false");
          else nav_input[j].setAttribute("value","true");
        }
      }
    }
  }
  else {
    obj.setAttribute("src",cbvalue);
    for (var i=0; i<nav_input.length; i++) {
      if (nav_input[i].getAttribute("name") == obj.getAttribute("realthing")) {
        if (cbvalue == cbClear) nav_input[i].setAttribute("value","false");
        else nav_input[i].setAttribute("value","true");
      }
    }
  }

  // main item or not ?
  if (obj.parentNode.parentNode.id != "treeview") {
    cbvalue = "";
    cbdifferent = false;

    var img = obj.parentNode.parentNode.getElementsByTagName("img");
    for (var i=0; i<img.length; i++) {
      if ((cbvalue != "") && (cbvalue != img[i].getAttribute("src"))) {
        cbdifferent = true;
        break;
      }
      else cbvalue = img[i].getAttribute("src");
    }

    var cbparent = obj.parentNode.parentNode.parentNode.getElementsByTagName("img")[0];

    if (cbdifferent) cbparent.setAttribute("src",cbGrayed);
    else if (cbvalue.indexOf(cbClear) >= 0) cbparent.setAttribute("src",cbClear);
    else if (cbvalue.indexOf(cbChecked) >= 0) cbparent.setAttribute("src",cbChecked);
  }
}


addEvent(window,"load",tree_menu);