/*
 * File version  $Revision: 17 $
 * Last modified $Date    :  $

 * Papirfly extensions to the xTREE Cross Browser Tree Widget by WebFX stored in the file xtree.js
 * Please avoid making changes to the original file; make your changes here and make sure that
 * this file gets included after the original.
 *
 * NB! I hope you remember to branch this file in SourceSafe before making your changes!
 */


// Override: new default file names.
// New option (autoSlam) to automatically close nodes as they loose focus to other nodes.
// New option (showRoot) to display root node or not.
var webFXTreeConfig = {
  rootIcon        : 'xtree/images/folder.png',
  openRootIcon    : 'xtree/images/folderopen.png',
  folderIcon      : 'xtree/images/folder.png',
  openFolderIcon  : 'xtree/images/folderopen.png',
  fileIcon        : 'xtree/images/document.png',
  iIcon           : 'xtree/images/I.png',
  lIcon           : 'xtree/images/L.png',
  lMinusIcon      : 'xtree/images/Lminus.png',
  lPlusIcon       : 'xtree/images/Lplus.png',
  tIcon           : 'xtree/images/T.png',
  tMinusIcon      : 'xtree/images/Tminus.png',
  tPlusIcon       : 'xtree/images/Tplus.png',
  blankIcon       : 'xtree/images/blank.png',
  defaultText     : 'Tree Item',
  defaultAction   : 'javascript:void(0);',
  defaultBehavior : 'classic',
  usePersistence  : true,
  autoSlam        : true,
  showRoot        : false
};



/*
 * WebFXCookie class: override: use only one cookie for all nodes/leaves to avoid IE limit of 20 cookies.
 */

function readCookie(cookies, name) {
	var nameEQ = name + '=';
	var ca = cookies.split(';');
	for (var i = 0; i < ca.length; i++) {
		var c = ca[i];
		while (c.charAt(0) == ' ') c = c.substring(1, c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
	}
	return null;
}
	
WebFXCookie.prototype.setCookie = function (key, value) {
	var v = value * 1;
	if (isNaN(v) || v < 0 || v > 1) {
		alert('Ignoring key=(' + key + '), value=(' + value);
		return;
	}
	var webfxCookies = readCookie(document.cookie, 'webfxCookies');
	if (!webfxCookies) webfxCookies = ',';
	var keyPos = webfxCookies.indexOf(',' + key + ',');
	var before = webfxCookies;
	var operation;
	
	if (v == 0 && keyPos >= 0) {
		webfxCookies = webfxCookies.substring(0, keyPos + 1) + webfxCookies.substring(keyPos + key.length + 2, webfxCookies.length);
		operation = '-';
  } else if (v == 1 && keyPos < 0) {
		webfxCookies += key + ',';
		operation = '+';
	}
	if (operation) {
		document.cookie = 'webfxCookies' + '=' + webfxCookies;
	}
}

WebFXCookie.prototype.getCookie = function (key) {
	if (key <= 2) return 1;		// HACK: don't ever collapse our root container
	if (this.cookies) {
		var webfxCookies = readCookie(this.cookies, 'webfxCookies');
		if (!webfxCookies) {
			return '0';
		}
		var keyPos = webfxCookies.indexOf(',' + key + ',');
		if (keyPos > -1) {
			return '1';
		} else {
			return '0';
		}
	}
	else { return '0';	}
}

/*
 * WebFXTreeAbstractNode class
 */

// New: collapse all siblings for this node
WebFXTreeAbstractNode.prototype.collapseSiblings = function() {
  if (!this.parentNode) return;
  for (var i = 0; i < this.parentNode.childNodes.length; i++) {
    if (this != this.parentNode.childNodes[i] && this.parentNode.childNodes[i].childNodes.length) {
      this.parentNode.childNodes[i].collapse(true);
    }
  }
}

// Override: collapse open node(s) after toggling this one if autoSlam options are on.
WebFXTreeAbstractNode.prototype.toggle = function() {
  if (this.folder) {
    if (this.open) { this.collapse(); }
    else { this.expand(); }
  }
  if (webFXTreeConfig.autoSlam)
    this.collapseSiblings();
    //this.collapseMyGeneration();
}

// Override: don't collapse pre-expanded nodes.
WebFXTreeAbstractNode.prototype.doCollapse = function() {
  if (this.jammed) return false;
  if (webFXTreeHandler.behavior == 'classic') { document.getElementById(this.id + '-icon').src = this.icon; }
  if (this.childNodes.length) { document.getElementById(this.id + '-cont').style.display = 'none'; }
  this.open = false;
  if (webFXTreeConfig.usePersistence)
    webFXTreeHandler.cookies.setCookie(this.id.substr(18,this.id.length - 18), '0');
}



/*
 * WebFXTree class
 */

// Override: generate an additional <div> for use in our custom css file (xtree_papirfly.css).
// Override: replace "ondblclick" with onclick".
// Override: Don't produce HTML for root folder - keep it invisible.
WebFXTree.prototype.toString = function() {
  var str = "<div class=\"ptn-tree-menu\">";
  if (webFXTreeConfig.showRoot) {
	str += "<div id=\"" + this.id + "\" onclick=\"webFXTreeHandler.select(this);\" class=\"";
    str += (this.className)?this.className:"webfx-tree-item";
	str += "\" onkeydown=\"return webFXTreeHandler.keydown(this, event)\">";
	str += "<img id=\"" + this.id + "-icon\" class=\"webfx-tree-icon\" src=\"" + ((webFXTreeHandler.behavior == 'classic' && this.open)?this.openIcon:this.icon) + "\" onclick=\"webFXTreeHandler.select(this);\">";
	str += "<a href=\"" + this.action + "\" id=\"" + this.id + "-anchor\" onfocus=\"webFXTreeHandler.focus(this);\" onblur=\"webFXTreeHandler.blur(this);\">" + this.text + "</a></div>";
  } else {
    str += "<div id=\"" + this.id + "\" class=\"webfx-tree-item\" style=\"display: none\">";
    str += "<img id=\"" + this.id + "-icon\" class=\"webfx-tree-icon\" src=\"xyz\">";
    str += "<a href=\"#\" id=\"" + this.id + "-anchor\">" + this.text + "</a></div>";
  }
  str += "<div id=\"" + this.id + "-cont\" class=\"webfx-tree-container\" style=\"display: " + ((this.open)?'block':'none') + ";\">";
  for (var i = 0; i < this.childNodes.length; i++) {
    str += this.childNodes[i].toString(i, this.childNodes.length);
  }
  str += "</div></div>";
  this.rendered = true;
  return str;
};

// New prototype property - class name
WebFXTree.prototype.setClass = function (sClass) {
  this.className = sClass;
}

// New prototype property - whether tree can be opened/closed (default) or permanently jammed open.
WebFXTree.prototype.jam = function () {
  this.jammed = true;
}



/*
 * WebFXTreeItem class
 */

// Override: generate a custom class (if requested) for use in our custom css file (xtree_papirfly.css).
// Override: replace "ondblclick" with onclick".
// Override: pre-expand jammed nodes.
// Removed: deleted onclick from plus-img.
// New: added indent class to plus-img.
WebFXTreeItem.prototype.toString = function (nItem, nItemCount) {
  var foo = this.parentNode;
  var indent = '';
  if (nItem + 1 == nItemCount) { this.parentNode._last = true; }
  var i = 0;
  while (foo.parentNode) {
    foo = foo.parentNode;
    indent = "<img id=\"" + this.id + "-indent-" + i + "\" class=\"indent\" src=\"" + ((foo._last)?webFXTreeConfig.blankIcon:webFXTreeConfig.iIcon) + "\">" + indent;
    i++;
  }
  this._level = i;
  if (this.childNodes.length) { this.folder = 1; }
  else { this.open = false; }
  if (this.jammed) { this.open = true; }
  if ((this.folder) || (webFXTreeHandler.behavior != 'classic')) {
    if (!this.icon) { this.icon = webFXTreeConfig.folderIcon; }
    if (!this.openIcon) { this.openIcon = webFXTreeConfig.openFolderIcon; }
  }
  else if (!this.icon) { this.icon = webFXTreeConfig.fileIcon; }
  var label = this.text.replace(/</g, '&lt;').replace(/>/g, '&gt;');
  var str = "<div id=\"" + this.id + "\" " + ((this.jammed)?"":"onclick=\"webFXTreeHandler.toggle(this);\" ") + "class=\"";
  str += (this.className)?this.className:"webfx-tree-item";
  str += "\" onkeydown=\"return webFXTreeHandler.keydown(this, event)\">";
  str += indent;
  str += "<img id=\"" + this.id + "-plus\" class=\"plus\" src=\"" + ((this.folder)?((this.open)?((this.parentNode._last)?(this.jammed?webFXTreeConfig.lIcon:webFXTreeConfig.lMinusIcon):(this.jammed?webFXTreeConfig.tIcon:webFXTreeConfig.tMinusIcon)):((this.parentNode._last)?webFXTreeConfig.lPlusIcon:webFXTreeConfig.tPlusIcon)):((this.parentNode._last)?webFXTreeConfig.lIcon:webFXTreeConfig.tIcon)) + "\">"
  str += "<img id=\"" + this.id + "-icon\" class=\"webfx-tree-icon\" src=\"" + ((webFXTreeHandler.behavior == 'classic' && this.open)?this.openIcon:this.icon) + "\" onclick=\"webFXTreeHandler.select(this);\"><a href=\"" + this.action + "\" id=\"" + this.id + "-anchor\" onfocus=\"webFXTreeHandler.focus(this);\" onblur=\"webFXTreeHandler.blur(this);\">" + label + "</a></div>";
  str += "<div id=\"" + this.id + "-cont\" class=\"webfx-tree-container\" style=\"display: " + ((this.open)?'block':'none') + ";\">";
  for (var i = 0; i < this.childNodes.length; i++) {
    str += this.childNodes[i].toString(i,this.childNodes.length);
  }
  str += "</div>";
  this.plusIcon = ((this.parentNode._last)?webFXTreeConfig.lPlusIcon:webFXTreeConfig.tPlusIcon);
  this.minusIcon = ((this.parentNode._last)?webFXTreeConfig.lMinusIcon:webFXTreeConfig.tMinusIcon);
  return str;
}

// New prototype property - class name
WebFXTreeItem.prototype.setClass = function (sClass) {
  this.className = sClass;
}

// New prototype property - whether node can be opened/closed (default) or permanently jammed open.
WebFXTreeItem.prototype.jam = function () {
  this.jammed = true;
}

// Override: we need to stop navigation to the parent of top level nodes as they do not have a visible/selectable parent.
WebFXTreeItem.prototype.keydown = function(key) {
  if ((key == 39) && (this.folder)) {
    if (!this.open) { this.expand(); }
    else { this.getFirst().select(); }
    return false;
  }
  else if (key == 37) {
    if (this.open) { this.collapse(); }
    //else { this.parentNode.select(); }    // OK it's a hack but it works (TimT).
    return false;
  }
  else if (key == 40) {
    if (this.open) { this.getFirst().select(); }
    else {
      var sib = this.getNextSibling();
      if (sib) { sib.select(); }
    }
    return false;
  }
  else if (key == 38) { this.getPreviousSibling().select(); return false; }
  return true;
}