Added XLoadTree from http://webfx.eae.net

diff --git a/xloadtree/xloadtree.js b/xloadtree/xloadtree.js
new file mode 100644 (file)
index 0000000..6bbd9fd
--- /dev/null
+++ b/xloadtree/xloadtree.js
@@ -0,0 +1,276 @@
+/*----------------------------------------------------------------------------\\r
+|                               XLoadTree 1.11                                |\r
+|-----------------------------------------------------------------------------|\r
+|                         Created by Erik Arvidsson                           |\r
+|                  (http://webfx.eae.net/contact.html#erik)                   |\r
+|                      For WebFX (http://webfx.eae.net/)                      |\r
+|-----------------------------------------------------------------------------|\r
+| An extension to xTree that allows sub trees to be loaded at runtime by      |\r
+| reading XML files from the server. Works with IE5+ and Mozilla 1.0+         |\r
+|-----------------------------------------------------------------------------|\r
+|                   Copyright (c) 1999 - 2002 Erik Arvidsson                  |\r
+|-----------------------------------------------------------------------------|\r
+| This software is provided "as is", without warranty of any kind, express or |\r
+| implied, including  but not limited  to the warranties of  merchantability, |\r
+| fitness for a particular purpose and noninfringement. In no event shall the |\r
+| authors or  copyright  holders be  liable for any claim,  damages or  other |\r
+| liability, whether  in an  action of  contract, tort  or otherwise, arising |\r
+| from,  out of  or in  connection with  the software or  the  use  or  other |\r
+| dealings in the software.                                                   |\r
+| - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |\r
+| This  software is  available under the  three different licenses  mentioned |\r
+| below.  To use this software you must chose, and qualify, for one of those. |\r
+| - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |\r
+| The WebFX Non-Commercial License          http://webfx.eae.net/license.html |\r
+| Permits  anyone the right to use the  software in a  non-commercial context |\r
+| free of charge.                                                             |\r
+| - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |\r
+| The WebFX Commercial license           http://webfx.eae.net/commercial.html |\r
+| Permits the  license holder the right to use  the software in a  commercial |\r
+| context. Such license must be specifically obtained, however it's valid for |\r
+| any number of  implementations of the licensed software.                    |\r
+| - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |\r
+| GPL - The GNU General Public License    http://www.gnu.org/licenses/gpl.txt |\r
+| Permits anyone the right to use and modify the software without limitations |\r
+| as long as proper  credits are given  and the original  and modified source |\r
+| code are included. Requires  that the final product, software derivate from |\r
+| the original  source or any  software  utilizing a GPL  component, such  as |\r
+| this, is also licensed under the GPL license.                               |\r
+|-----------------------------------------------------------------------------|\r
+| 2001-09-27 | Original Version Posted.                                       |\r
+| 2002-01-19 | Added some simple error handling and string templates for      |\r
+|            | reporting the errors.                                          |\r
+| 2002-01-28 | Fixed loading issues in IE50 and IE55 that made the tree load  |\r
+|            | twice.                                                         |\r
+| 2002-10-10 | (1.1) Added reload method that reloads the XML file from the   |\r
+|            | server.                                                        |\r
+/ 2003-05-06 | Added support for target attribute                             |\r
+|-----------------------------------------------------------------------------|\r
+| Dependencies: xtree.js - original xtree library                             |\r
+|               xtree.css - simple css styling of xtree                       |\r
+|               xmlextras.js - provides xml http objects and xml document     |\r
+|                              objects                                        |\r
+|-----------------------------------------------------------------------------|\r
+| Created 2001-09-27 | All changes are in the log above. | Updated 2003-05-06 |\r
+\----------------------------------------------------------------------------*/\r
+\r
+\r
+webFXTreeConfig.loadingText = "Loading...";\r
+webFXTreeConfig.loadErrorTextTemplate = "Error loading \"%1%\"";\r
+webFXTreeConfig.emptyErrorTextTemplate = "Error \"%1%\" does not contain any tree items";\r
+\r
+/*\r
+ * WebFXLoadTree class\r
+ */\r
+\r
+function WebFXLoadTree(sText, sXmlSrc, sAction, sBehavior, sIcon, sOpenIcon) {\r
+       // call super\r
+       this.WebFXTree = WebFXTree;\r
+       this.WebFXTree(sText, sAction, sBehavior, sIcon, sOpenIcon);\r
+\r
+       // setup default property values\r
+       this.src = sXmlSrc;\r
+       this.loading = false;\r
+       this.loaded = false;\r
+       this.errorText = "";\r
+\r
+       // check start state and load if open\r
+       if (this.open)\r
+               _startLoadXmlTree(this.src, this);\r
+       else {\r
+               // and create loading item if not\r
+               this._loadingItem = new WebFXTreeItem(webFXTreeConfig.loadingText);\r
+               this.add(this._loadingItem);\r
+       }\r
+}\r
+\r
+WebFXLoadTree.prototype = new WebFXTree;\r
+\r
+// override the expand method to load the xml file\r
+WebFXLoadTree.prototype._webfxtree_expand = WebFXTree.prototype.expand;\r
+WebFXLoadTree.prototype.expand = function() {\r
+       if (!this.loaded && !this.loading) {\r
+               // load\r
+               _startLoadXmlTree(this.src, this);\r
+       }\r
+       this._webfxtree_expand();\r
+};\r
+\r
+/*\r
+ * WebFXLoadTreeItem class\r
+ */\r
+\r
+function WebFXLoadTreeItem(sText, sXmlSrc, sAction, eParent, sIcon, sOpenIcon) {\r
+       // call super\r
+       this.WebFXTreeItem = WebFXTreeItem;\r
+       this.WebFXTreeItem(sText, sAction, eParent, sIcon, sOpenIcon);\r
+\r
+       // setup default property values\r
+       this.src = sXmlSrc;\r
+       this.loading = false;\r
+       this.loaded = false;\r
+       this.errorText = "";\r
+\r
+       // check start state and load if open\r
+       if (this.open)\r
+               _startLoadXmlTree(this.src, this);\r
+       else {\r
+               // and create loading item if not\r
+               this._loadingItem = new WebFXTreeItem(webFXTreeConfig.loadingText);\r
+               this.add(this._loadingItem);\r
+       }\r
+}\r
+\r
+WebFXLoadTreeItem.prototype = new WebFXTreeItem;\r
+\r
+// override the expand method to load the xml file\r
+WebFXLoadTreeItem.prototype._webfxtreeitem_expand = WebFXTreeItem.prototype.expand;\r
+WebFXLoadTreeItem.prototype.expand = function() {\r
+       if (!this.loaded && !this.loading) {\r
+               // load\r
+               _startLoadXmlTree(this.src, this);\r
+       }\r
+       this._webfxtreeitem_expand();\r
+};\r
+\r
+// reloads the src file if already loaded\r
+WebFXLoadTree.prototype.reload =\r
+WebFXLoadTreeItem.prototype.reload = function () {\r
+       // if loading do nothing\r
+       if (this.loaded) {\r
+               var open = this.open;\r
+               // remove\r
+               while (this.childNodes.length > 0)\r
+                       this.childNodes[this.childNodes.length - 1].remove();\r
+\r
+               this.loaded = false;\r
+\r
+               this._loadingItem = new WebFXTreeItem(webFXTreeConfig.loadingText);\r
+               this.add(this._loadingItem);\r
+\r
+               if (open)\r
+                       this.expand();\r
+       }\r
+       else if (this.open && !this.loading)\r
+               _startLoadXmlTree(this.src, this);\r
+};\r
+\r
+/*\r
+ * Helper functions\r
+ */\r
+\r
+// creates the xmlhttp object and starts the load of the xml document\r
+function _startLoadXmlTree(sSrc, jsNode) {\r
+       if (jsNode.loading || jsNode.loaded)\r
+               return;\r
+       jsNode.loading = true;\r
+       var xmlHttp = XmlHttp.create();\r
+       xmlHttp.open("GET", sSrc, true);        // async\r
+       xmlHttp.onreadystatechange = function () {\r
+               if (xmlHttp.readyState == 4) {\r
+                       _xmlFileLoaded(xmlHttp.responseXML, jsNode);\r
+               }\r
+       };\r
+       // call in new thread to allow ui to update\r
+       window.setTimeout(function () {\r
+               xmlHttp.send(null);\r
+       }, 10);\r
+}\r
+\r
+\r
+// Converts an xml tree to a js tree. See article about xml tree format\r
+function _xmlTreeToJsTree(oNode) {\r
+       // retreive attributes\r
+       var text = oNode.getAttribute("text");\r
+       var action = oNode.getAttribute("action");\r
+       var parent = null;\r
+       var icon = oNode.getAttribute("icon");\r
+       var openIcon = oNode.getAttribute("openIcon");\r
+       var src = oNode.getAttribute("src");\r
+       var target = oNode.getAttribute("target");\r
+       // create jsNode\r
+       var jsNode;\r
+       if (src != null && src != "")\r
+               jsNode = new WebFXLoadTreeItem(text, src, action, parent, icon, openIcon);\r
+       else\r
+               jsNode = new WebFXTreeItem(text, action, parent, icon, openIcon);\r
+\r
+       if (target != "")\r
+               jsNode.target = target;\r
+\r
+       // go through childNOdes\r
+       var cs = oNode.childNodes;\r
+       var l = cs.length;\r
+       for (var i = 0; i < l; i++) {\r
+               if (cs[i].tagName == "tree")\r
+                       jsNode.add( _xmlTreeToJsTree(cs[i]), true );\r
+       }\r
+\r
+       return jsNode;\r
+}\r
+\r
+// Inserts an xml document as a subtree to the provided node\r
+function _xmlFileLoaded(oXmlDoc, jsParentNode) {\r
+       if (jsParentNode.loaded)\r
+               return;\r
+\r
+       var bIndent = false;\r
+       var bAnyChildren = false;\r
+       jsParentNode.loaded = true;\r
+       jsParentNode.loading = false;\r
+\r
+       // check that the load of the xml file went well\r
+       if( oXmlDoc == null || oXmlDoc.documentElement == null) {\r
+               alert(oXmlDoc.xml);\r
+               jsParentNode.errorText = parseTemplateString(webFXTreeConfig.loadErrorTextTemplate,\r
+                                                       jsParentNode.src);\r
+       }\r
+       else {\r
+               // there is one extra level of tree elements\r
+               var root = oXmlDoc.documentElement;\r
+\r
+               // loop through all tree children\r
+               var cs = root.childNodes;\r
+               var l = cs.length;\r
+               for (var i = 0; i < l; i++) {\r
+                       if (cs[i].tagName == "tree") {\r
+                               bAnyChildren = true;\r
+                               bIndent = true;\r
+                               jsParentNode.add( _xmlTreeToJsTree(cs[i]), true);\r
+                       }\r
+               }\r
+\r
+               // if no children we got an error\r
+               if (!bAnyChildren)\r
+                       jsParentNode.errorText = parseTemplateString(webFXTreeConfig.emptyErrorTextTemplate,\r
+                                                                               jsParentNode.src);\r
+       }\r
+\r
+       // remove dummy\r
+       if (jsParentNode._loadingItem != null) {\r
+               jsParentNode._loadingItem.remove();\r
+               bIndent = true;\r
+       }\r
+\r
+       if (bIndent) {\r
+               // indent now that all items are added\r
+               jsParentNode.indent();\r
+       }\r
+\r
+       // show error in status bar\r
+       if (jsParentNode.errorText != "")\r
+               window.status = jsParentNode.errorText;\r
+}\r
+\r
+// parses a string and replaces %n% with argument nr n\r
+function parseTemplateString(sTemplate) {\r
+       var args = arguments;\r
+       var s = sTemplate;\r
+\r
+       s = s.replace(/\%\%/g, "%");\r
+\r
+       for (var i = 1; i < args.length; i++)\r
+               s = s.replace( new RegExp("\%" + i + "\%", "g"), args[i] )\r
+\r
+       return s;\r
+}
\ No newline at end of file

diff --git a/xloadtree/xmlextras.js b/xloadtree/xmlextras.js
new file mode 100644 (file)
index 0000000..5b56dbe
--- /dev/null
+++ b/xloadtree/xmlextras.js
@@ -0,0 +1,147 @@
+//<script>\r
+//////////////////\r
+// Helper Stuff //\r
+//////////////////\r
+\r
+// used to find the Automation server name\r
+function getDomDocumentPrefix() {\r
+       if (getDomDocumentPrefix.prefix)\r
+               return getDomDocumentPrefix.prefix;\r
+       \r
+       var prefixes = ["MSXML2", "Microsoft", "MSXML", "MSXML3"];\r
+       var o;\r
+       for (var i = 0; i < prefixes.length; i++) {\r
+               try {\r
+                       // try to create the objects\r
+                       o = new ActiveXObject(prefixes[i] + ".DomDocument");\r
+                       return getDomDocumentPrefix.prefix = prefixes[i];\r
+               }\r
+               catch (ex) {};\r
+       }\r
+       \r
+       throw new Error("Could not find an installed XML parser");\r
+}\r
+\r
+function getXmlHttpPrefix() {\r
+       if (getXmlHttpPrefix.prefix)\r
+               return getXmlHttpPrefix.prefix;\r
+       \r
+       var prefixes = ["MSXML2", "Microsoft", "MSXML", "MSXML3"];\r
+       var o;\r
+       for (var i = 0; i < prefixes.length; i++) {\r
+               try {\r
+                       // try to create the objects\r
+                       o = new ActiveXObject(prefixes[i] + ".XmlHttp");\r
+                       return getXmlHttpPrefix.prefix = prefixes[i];\r
+               }\r
+               catch (ex) {};\r
+       }\r
+       \r
+       throw new Error("Could not find an installed XML parser");\r
+}\r
+\r
+//////////////////////////\r
+// Start the Real stuff //\r
+//////////////////////////\r
+\r
+\r
+// XmlHttp factory\r
+function XmlHttp() {}\r
+\r
+XmlHttp.create = function () {\r
+       try {\r
+               if (window.XMLHttpRequest) {\r
+                       var req = new XMLHttpRequest();\r
+                       \r
+                       // some versions of Moz do not support the readyState property\r
+                       // and the onreadystate event so we patch it!\r
+                       if (req.readyState == null) {\r
+                               req.readyState = 1;\r
+                               req.addEventListener("load", function () {\r
+                                       req.readyState = 4;\r
+                                       if (typeof req.onreadystatechange == "function")\r
+                                               req.onreadystatechange();\r
+                               }, false);\r
+                       }\r
+                       \r
+                       return req;\r
+               }\r
+               if (window.ActiveXObject) {\r
+                       return new ActiveXObject(getXmlHttpPrefix() + ".XmlHttp");\r
+               }\r
+       }\r
+       catch (ex) {}\r
+       // fell through\r
+       throw new Error("Your browser does not support XmlHttp objects");\r
+};\r
+\r
+// XmlDocument factory\r
+function XmlDocument() {}\r
+\r
+XmlDocument.create = function () {\r
+       try {\r
+               // DOM2\r
+               if (document.implementation && document.implementation.createDocument) {\r
+                       var doc = document.implementation.createDocument("", "", null);\r
+                       \r
+                       // some versions of Moz do not support the readyState property\r
+                       // and the onreadystate event so we patch it!\r
+                       if (doc.readyState == null) {\r
+                               doc.readyState = 1;\r
+                               doc.addEventListener("load", function () {\r
+                                       doc.readyState = 4;\r
+                                       if (typeof doc.onreadystatechange == "function")\r
+                                               doc.onreadystatechange();\r
+                               }, false);\r
+                       }\r
+                       \r
+                       return doc;\r
+               }\r
+               if (window.ActiveXObject)\r
+                       return new ActiveXObject(getDomDocumentPrefix() + ".DomDocument");\r
+       }\r
+       catch (ex) {}\r
+       throw new Error("Your browser does not support XmlDocument objects");\r
+};\r
+\r
+// Create the loadXML method and xml getter for Mozilla\r
+if (window.DOMParser &&\r
+       window.XMLSerializer &&\r
+       window.Node && Node.prototype && Node.prototype.__defineGetter__) {\r
+\r
+       // XMLDocument did not extend the Document interface in some versions\r
+       // of Mozilla. Extend both!\r
+       XMLDocument.prototype.loadXML = \r
+       Document.prototype.loadXML = function (s) {\r
+               \r
+               // parse the string to a new doc        \r
+               var doc2 = (new DOMParser()).parseFromString(s, "text/xml");\r
+               \r
+               // remove all initial children\r
+               while (this.hasChildNodes())\r
+                       this.removeChild(this.lastChild);\r
+                       \r
+               // insert and import nodes\r
+               for (var i = 0; i < doc2.childNodes.length; i++) {\r
+                       this.appendChild(this.importNode(doc2.childNodes[i], true));\r
+               }\r
+       };\r
+       \r
+       \r
+       /*\r
+        * xml getter\r
+        *\r
+        * This serializes the DOM tree to an XML String\r
+        *\r
+        * Usage: var sXml = oNode.xml\r
+        *\r
+        */\r
+       // XMLDocument did not extend the Document interface in some versions\r
+       // of Mozilla. Extend both!\r
+       XMLDocument.prototype.__defineGetter__("xml", function () {\r
+               return (new XMLSerializer()).serializeToString(this);\r
+       });\r
+       Document.prototype.__defineGetter__("xml", function () {\r
+               return (new XMLSerializer()).serializeToString(this);\r
+       });\r
+}
\ No newline at end of file

diff --git a/xloadtree/xtree.css b/xloadtree/xtree.css
new file mode 100644 (file)
index 0000000..9764366
--- /dev/null
+++ b/xloadtree/xtree.css
@@ -0,0 +1,46 @@
+.webfx-tree-container {
+       margin: 0px;
+       padding: 0px;
+       font: icon;
+       white-space: nowrap;
+}
+
+.webfx-tree-item {
+       padding: 0px;
+       margin: 0px;
+       font: icon;
+       color: WindowText;
+       white-space: nowrap;
+       height: 16px;
+}
+
+.webfx-tree-item a, .webfx-tree-item a:active, .webfx-tree-item a:hover {
+       margin-left: 3px;
+       padding: 0px 2px 1px 2px;
+}
+
+.webfx-tree-item a {
+       color: black;
+       text-decoration: none;
+}
+
+.webfx-tree-item a:hover {
+       color: blue;
+       text-decoration: underline;
+}
+
+.webfx-tree-item a:active {
+       background: highlight;
+       color: highlighttext;
+       text-decoration: none;
+}
+
+.webfx-tree-item img {
+       vertical-align: middle;
+       border: 0px;
+}
+
+.webfx-tree-icon {
+       width: 16px;
+       height: 16px;
+}
\ No newline at end of file

diff --git a/xloadtree/xtree.js b/xloadtree/xtree.js
new file mode 100644 (file)
index 0000000..58d2d95
--- /dev/null
+++ b/xloadtree/xtree.js
@@ -0,0 +1,541 @@
+/*----------------------------------------------------------------------------\
+|                       Cross Browser Tree Widget 1.17                        |
+|-----------------------------------------------------------------------------|
+|                          Created by Emil A Eklund                           |
+|                  (http://webfx.eae.net/contact.html#emil)                   |
+|                      For WebFX (http://webfx.eae.net/)                      |
+|-----------------------------------------------------------------------------|
+| An object based tree widget,  emulating the one found in microsoft windows, |
+| with persistence using cookies. Works in IE 5+, Mozilla and konqueror 3.    |
+|-----------------------------------------------------------------------------|
+|                   Copyright (c) 1999 - 2002 Emil A Eklund                   |
+|-----------------------------------------------------------------------------|
+| This software is provided "as is", without warranty of any kind, express or |
+| implied, including  but not limited  to the warranties of  merchantability, |
+| fitness for a particular purpose and noninfringement. In no event shall the |
+| authors or  copyright  holders be  liable for any claim,  damages or  other |
+| liability, whether  in an  action of  contract, tort  or otherwise, arising |
+| from,  out of  or in  connection with  the software or  the  use  or  other |
+| dealings in the software.                                                   |
+| - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |
+| This  software is  available under the  three different licenses  mentioned |
+| below.  To use this software you must chose, and qualify, for one of those. |
+| - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |
+| The WebFX Non-Commercial License          http://webfx.eae.net/license.html |
+| Permits  anyone the right to use the  software in a  non-commercial context |
+| free of charge.                                                             |
+| - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |
+| The WebFX Commercial license           http://webfx.eae.net/commercial.html |
+| Permits the  license holder the right to use  the software in a  commercial |
+| context. Such license must be specifically obtained, however it's valid for |
+| any number of  implementations of the licensed software.                    |
+| - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |
+| GPL - The GNU General Public License    http://www.gnu.org/licenses/gpl.txt |
+| Permits anyone the right to use and modify the software without limitations |
+| as long as proper  credits are given  and the original  and modified source |
+| code are included. Requires  that the final product, software derivate from |
+| the original  source or any  software  utilizing a GPL  component, such  as |
+| this, is also licensed under the GPL license.                               |
+|-----------------------------------------------------------------------------|
+| Dependencies: xtree.css (To set up the CSS of the tree classes)             |
+|-----------------------------------------------------------------------------|
+| 2001-01-10 | Original Version Posted.                                       |
+| 2001-03-18 | Added getSelected and get/setBehavior  that can make it behave |
+|            | more like windows explorer, check usage for more information.  |
+| 2001-09-23 | Version 1.1 - New features included  keyboard  navigation (ie) |
+|            | and the ability  to add and  remove nodes dynamically and some |
+|            | other small tweaks and fixes.                                  |
+| 2002-01-27 | Version 1.11 - Bug fixes and improved mozilla support.         |
+| 2002-06-11 | Version 1.12 - Fixed a bug that prevented the indentation line |
+|            | from  updating correctly  under some  circumstances.  This bug |
+|            | happened when removing the last item in a subtree and items in |
+|            | siblings to the remove subtree where not correctly updated.    |
+| 2002-06-13 | Fixed a few minor bugs cased by the 1.12 bug-fix.              |
+| 2002-08-20 | Added usePersistence flag to allow disable of cookies.         |
+| 2002-10-23 | (1.14) Fixed a plus icon issue                                 |
+| 2002-10-29 | (1.15) Last changes broke more than they fixed. This version   |
+|            | is based on 1.13 and fixes the bugs 1.14 fixed withou breaking |
+|            | lots of other things.                                          |
+| 2003-02-15 | The  selected node can now be made visible even when  the tree |
+|            | control  loses focus.  It uses a new class  declaration in the |
+|            | css file '.webfx-tree-item a.selected-inactive', by default it |
+|            | puts a light-gray rectangle around the selected node.          |
+| 2003-03-16 | Adding target support after lots of lobbying...                |
+|-----------------------------------------------------------------------------|
+| Created 2000-12-11 | All changes are in the log above. | Updated 2003-03-16 |
+\----------------------------------------------------------------------------*/
+
+var webFXTreeConfig = {
+       rootIcon        : 'images/foldericon.png',
+       openRootIcon    : 'images/openfoldericon.png',
+       folderIcon      : 'images/foldericon.png',
+       openFolderIcon  : 'images/openfoldericon.png',
+       fileIcon        : 'images/file.png',
+       iIcon           : 'images/I.png',
+       lIcon           : 'images/L.png',
+       lMinusIcon      : 'images/Lminus.png',
+       lPlusIcon       : 'images/Lplus.png',
+       tIcon           : 'images/T.png',
+       tMinusIcon      : 'images/Tminus.png',
+       tPlusIcon       : 'images/Tplus.png',
+       blankIcon       : 'images/blank.png',
+       defaultText     : 'Tree Item',
+       defaultAction   : 'javascript:void(0);',
+       defaultBehavior : 'classic',
+       usePersistence  : true
+};
+
+var webFXTreeHandler = {
+       idCounter : 0,
+       idPrefix  : "webfx-tree-object-",
+       all       : {},
+       behavior  : null,
+       selected  : null,
+       onSelect  : null, /* should be part of tree, not handler */
+       getId     : function() { return this.idPrefix + this.idCounter++; },
+       toggle    : function (oItem) { this.all[oItem.id.replace('-plus','')].toggle(); },
+       select    : function (oItem) { this.all[oItem.id.replace('-icon','')].select(); },
+       focus     : function (oItem) { this.all[oItem.id.replace('-anchor','')].focus(); },
+       blur      : function (oItem) { this.all[oItem.id.replace('-anchor','')].blur(); },
+       keydown   : function (oItem, e) { return this.all[oItem.id].keydown(e.keyCode); },
+       cookies   : new WebFXCookie(),
+       insertHTMLBeforeEnd     :       function (oElement, sHTML) {
+               if (oElement.insertAdjacentHTML != null) {
+                       oElement.insertAdjacentHTML("BeforeEnd", sHTML)
+                       return;
+               }
+               var df; // DocumentFragment
+               var r = oElement.ownerDocument.createRange();
+               r.selectNodeContents(oElement);
+               r.collapse(false);
+               df = r.createContextualFragment(sHTML);
+               oElement.appendChild(df);
+       }
+};
+
+/*
+ * WebFXCookie class
+ */
+
+function WebFXCookie() {
+       if (document.cookie.length) { this.cookies = ' ' + document.cookie; }
+}
+
+WebFXCookie.prototype.setCookie = function (key, value) {
+       document.cookie = key + "=" + escape(value);
+}
+
+WebFXCookie.prototype.getCookie = function (key) {
+       if (this.cookies) {
+               var start = this.cookies.indexOf(' ' + key + '=');
+               if (start == -1) { return null; }
+               var end = this.cookies.indexOf(";", start);
+               if (end == -1) { end = this.cookies.length; }
+               end -= start;
+               var cookie = this.cookies.substr(start,end);
+               return unescape(cookie.substr(cookie.indexOf('=') + 1, cookie.length - cookie.indexOf('=') + 1));
+       }
+       else { return null; }
+}
+
+/*
+ * WebFXTreeAbstractNode class
+ */
+
+function WebFXTreeAbstractNode(sText, sAction) {
+       this.childNodes  = [];
+       this.id     = webFXTreeHandler.getId();
+       this.text   = sText || webFXTreeConfig.defaultText;
+       this.action = sAction || webFXTreeConfig.defaultAction;
+       this._last  = false;
+       webFXTreeHandler.all[this.id] = this;
+}
+
+/*
+ * To speed thing up if you're adding multiple nodes at once (after load)
+ * use the bNoIdent parameter to prevent automatic re-indentation and call
+ * the obj.ident() method manually once all nodes has been added.
+ */
+
+WebFXTreeAbstractNode.prototype.add = function (node, bNoIdent) {
+       node.parentNode = this;
+       this.childNodes[this.childNodes.length] = node;
+       var root = this;
+       if (this.childNodes.length >= 2) {
+               this.childNodes[this.childNodes.length - 2]._last = false;
+       }
+       while (root.parentNode) { root = root.parentNode; }
+       if (root.rendered) {
+               if (this.childNodes.length >= 2) {
+                       document.getElementById(this.childNodes[this.childNodes.length - 2].id + '-plus').src = ((this.childNodes[this.childNodes.length -2].folder)?((this.childNodes[this.childNodes.length -2].open)?webFXTreeConfig.tMinusIcon:webFXTreeConfig.tPlusIcon):webFXTreeConfig.tIcon);
+                       this.childNodes[this.childNodes.length - 2].plusIcon = webFXTreeConfig.tPlusIcon;
+                       this.childNodes[this.childNodes.length - 2].minusIcon = webFXTreeConfig.tMinusIcon;
+                       this.childNodes[this.childNodes.length - 2]._last = false;
+               }
+               this._last = true;
+               var foo = this;
+               while (foo.parentNode) {
+                       for (var i = 0; i < foo.parentNode.childNodes.length; i++) {
+                               if (foo.id == foo.parentNode.childNodes[i].id) { break; }
+                       }
+                       if (i == foo.parentNode.childNodes.length - 1) { foo.parentNode._last = true; }
+                       else { foo.parentNode._last = false; }
+                       foo = foo.parentNode;
+               }
+               webFXTreeHandler.insertHTMLBeforeEnd(document.getElementById(this.id + '-cont'), node.toString());
+               if ((!this.folder) && (!this.openIcon)) {
+                       this.icon = webFXTreeConfig.folderIcon;
+                       this.openIcon = webFXTreeConfig.openFolderIcon;
+               }
+               if (!this.folder) { this.folder = true; this.collapse(true); }
+               if (!bNoIdent) { this.indent(); }
+       }
+       return node;
+}
+
+WebFXTreeAbstractNode.prototype.toggle = function() {
+       if (this.folder) {
+               if (this.open) { this.collapse(); }
+               else { this.expand(); }
+}      }
+
+WebFXTreeAbstractNode.prototype.select = function() {
+       document.getElementById(this.id + '-anchor').focus();
+}
+
+WebFXTreeAbstractNode.prototype.deSelect = function() {
+       document.getElementById(this.id + '-anchor').className = '';
+       webFXTreeHandler.selected = null;
+}
+
+WebFXTreeAbstractNode.prototype.focus = function() {
+       if ((webFXTreeHandler.selected) && (webFXTreeHandler.selected != this)) { webFXTreeHandler.selected.deSelect(); }
+       webFXTreeHandler.selected = this;
+       if ((this.openIcon) && (webFXTreeHandler.behavior != 'classic')) { document.getElementById(this.id + '-icon').src = this.openIcon; }
+       document.getElementById(this.id + '-anchor').className = 'selected';
+       document.getElementById(this.id + '-anchor').focus();
+       if (webFXTreeHandler.onSelect) { webFXTreeHandler.onSelect(this); }
+}
+
+WebFXTreeAbstractNode.prototype.blur = function() {
+       if ((this.openIcon) && (webFXTreeHandler.behavior != 'classic')) { document.getElementById(this.id + '-icon').src = this.icon; }
+       document.getElementById(this.id + '-anchor').className = 'selected-inactive';
+}
+
+WebFXTreeAbstractNode.prototype.doExpand = function() {
+       if (webFXTreeHandler.behavior == 'classic') { document.getElementById(this.id + '-icon').src = this.openIcon; }
+       if (this.childNodes.length) {  document.getElementById(this.id + '-cont').style.display = 'block'; }
+       this.open = true;
+       if (webFXTreeConfig.usePersistence) {
+               webFXTreeHandler.cookies.setCookie(this.id.substr(18,this.id.length - 18), '1');
+}      }
+
+WebFXTreeAbstractNode.prototype.doCollapse = function() {
+       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');
+}      }
+
+WebFXTreeAbstractNode.prototype.expandAll = function() {
+       this.expandChildren();
+       if ((this.folder) && (!this.open)) { this.expand(); }
+}
+
+WebFXTreeAbstractNode.prototype.expandChildren = function() {
+       for (var i = 0; i < this.childNodes.length; i++) {
+               this.childNodes[i].expandAll();
+} }
+
+WebFXTreeAbstractNode.prototype.collapseAll = function() {
+       this.collapseChildren();
+       if ((this.folder) && (this.open)) { this.collapse(true); }
+}
+
+WebFXTreeAbstractNode.prototype.collapseChildren = function() {
+       for (var i = 0; i < this.childNodes.length; i++) {
+               this.childNodes[i].collapseAll();
+} }
+
+WebFXTreeAbstractNode.prototype.indent = function(lvl, del, last, level, nodesLeft) {
+       /*
+        * Since we only want to modify items one level below ourself,
+        * and since the rightmost indentation position is occupied by
+        * the plus icon we set this to -2
+        */
+       if (lvl == null) { lvl = -2; }
+       var state = 0;
+       for (var i = this.childNodes.length - 1; i >= 0 ; i--) {
+               state = this.childNodes[i].indent(lvl + 1, del, last, level);
+               if (state) { return; }
+       }
+       if (del) {
+               if ((level >= this._level) && (document.getElementById(this.id + '-plus'))) {
+                       if (this.folder) {
+                               document.getElementById(this.id + '-plus').src = (this.open)?webFXTreeConfig.lMinusIcon:webFXTreeConfig.lPlusIcon;
+                               this.plusIcon = webFXTreeConfig.lPlusIcon;
+                               this.minusIcon = webFXTreeConfig.lMinusIcon;
+                       }
+                       else if (nodesLeft) { document.getElementById(this.id + '-plus').src = webFXTreeConfig.lIcon; }
+                       return 1;
+       }       }
+       var foo = document.getElementById(this.id + '-indent-' + lvl);
+       if (foo) {
+               if ((foo._last) || ((del) && (last))) { foo.src =  webFXTreeConfig.blankIcon; }
+               else { foo.src =  webFXTreeConfig.iIcon; }
+       }
+       return 0;
+}
+
+/*
+ * WebFXTree class
+ */
+
+function WebFXTree(sText, sAction, sBehavior, sIcon, sOpenIcon) {
+       this.base = WebFXTreeAbstractNode;
+       this.base(sText, sAction);
+       this.icon      = sIcon || webFXTreeConfig.rootIcon;
+       this.openIcon  = sOpenIcon || webFXTreeConfig.openRootIcon;
+       /* Defaults to open */
+       if (webFXTreeConfig.usePersistence) {
+               this.open  = (webFXTreeHandler.cookies.getCookie(this.id.substr(18,this.id.length - 18)) == '0')?false:true;
+       } else { this.open  = true; }
+       this.folder    = true;
+       this.rendered  = false;
+       this.onSelect  = null;
+       if (!webFXTreeHandler.behavior) {  webFXTreeHandler.behavior = sBehavior || webFXTreeConfig.defaultBehavior; }
+}
+
+WebFXTree.prototype = new WebFXTreeAbstractNode;
+
+WebFXTree.prototype.setBehavior = function (sBehavior) {
+       webFXTreeHandler.behavior =  sBehavior;
+};
+
+WebFXTree.prototype.getBehavior = function (sBehavior) {
+       return webFXTreeHandler.behavior;
+};
+
+WebFXTree.prototype.getSelected = function() {
+       if (webFXTreeHandler.selected) { return webFXTreeHandler.selected; }
+       else { return null; }
+}
+
+WebFXTree.prototype.remove = function() { }
+
+WebFXTree.prototype.expand = function() {
+       this.doExpand();
+}
+
+WebFXTree.prototype.collapse = function(b) {
+       if (!b) { this.focus(); }
+       this.doCollapse();
+}
+
+WebFXTree.prototype.getFirst = function() {
+       return null;
+}
+
+WebFXTree.prototype.getLast = function() {
+       return null;
+}
+
+WebFXTree.prototype.getNextSibling = function() {
+       return null;
+}
+
+WebFXTree.prototype.getPreviousSibling = function() {
+       return null;
+}
+
+WebFXTree.prototype.keydown = function(key) {
+       if (key == 39) {
+               if (!this.open) { this.expand(); }
+               else if (this.childNodes.length) { this.childNodes[0].select(); }
+               return false;
+       }
+       if (key == 37) { this.collapse(); return false; }
+       if ((key == 40) && (this.open) && (this.childNodes.length)) { this.childNodes[0].select(); return false; }
+       return true;
+}
+
+WebFXTree.prototype.toString = function() {
+       var str = "<div id=\"" + this.id + "\" ondblclick=\"webFXTreeHandler.toggle(this);\" class=\"webfx-tree-item\" onkeydown=\"return webFXTreeHandler.keydown(this, event)\">" +
+               "<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);\"" +
+               (this.target ? " target=\"" + this.target + "\"" : "") +
+               ">" + this.text + "</a></div>" +
+               "<div id=\"" + this.id + "-cont\" class=\"webfx-tree-container\" style=\"display: " + ((this.open)?'block':'none') + ";\">";
+       var sb = [];
+       for (var i = 0; i < this.childNodes.length; i++) {
+               sb[i] = this.childNodes[i].toString(i, this.childNodes.length);
+       }
+       this.rendered = true;
+       return str + sb.join("") + "</div>";
+};
+
+/*
+ * WebFXTreeItem class
+ */
+
+function WebFXTreeItem(sText, sAction, eParent, sIcon, sOpenIcon) {
+       this.base = WebFXTreeAbstractNode;
+       this.base(sText, sAction);
+       /* Defaults to close */
+       if (webFXTreeConfig.usePersistence) {
+               this.open = (webFXTreeHandler.cookies.getCookie(this.id.substr(18,this.id.length - 18)) == '1')?true:false;
+       } else { this.open = false; }
+       if (sIcon) { this.icon = sIcon; }
+       if (sOpenIcon) { this.openIcon = sOpenIcon; }
+       if (eParent) { eParent.add(this); }
+}
+
+WebFXTreeItem.prototype = new WebFXTreeAbstractNode;
+
+WebFXTreeItem.prototype.remove = function() {
+       var iconSrc = document.getElementById(this.id + '-plus').src;
+       var parentNode = this.parentNode;
+       var prevSibling = this.getPreviousSibling(true);
+       var nextSibling = this.getNextSibling(true);
+       var folder = this.parentNode.folder;
+       var last = ((nextSibling) && (nextSibling.parentNode) && (nextSibling.parentNode.id == parentNode.id))?false:true;
+       this.getPreviousSibling().focus();
+       this._remove();
+       if (parentNode.childNodes.length == 0) {
+               document.getElementById(parentNode.id + '-cont').style.display = 'none';
+               parentNode.doCollapse();
+               parentNode.folder = false;
+               parentNode.open = false;
+       }
+       if (!nextSibling || last) { parentNode.indent(null, true, last, this._level, parentNode.childNodes.length); }
+       if ((prevSibling == parentNode) && !(parentNode.childNodes.length)) {
+               prevSibling.folder = false;
+               prevSibling.open = false;
+               iconSrc = document.getElementById(prevSibling.id + '-plus').src;
+               iconSrc = iconSrc.replace('minus', '').replace('plus', '');
+               document.getElementById(prevSibling.id + '-plus').src = iconSrc;
+               document.getElementById(prevSibling.id + '-icon').src = webFXTreeConfig.fileIcon;
+       }
+       if (document.getElementById(prevSibling.id + '-plus')) {
+               if (parentNode == prevSibling.parentNode) {
+                       iconSrc = iconSrc.replace('minus', '').replace('plus', '');
+                       document.getElementById(prevSibling.id + '-plus').src = iconSrc;
+}      }       }
+
+WebFXTreeItem.prototype._remove = function() {
+       for (var i = this.childNodes.length - 1; i >= 0; i--) {
+               this.childNodes[i]._remove();
+       }
+       for (var i = 0; i < this.parentNode.childNodes.length; i++) {
+               if (this == this.parentNode.childNodes[i]) {
+                       for (var j = i; j < this.parentNode.childNodes.length; j++) {
+                               this.parentNode.childNodes[j] = this.parentNode.childNodes[j+1];
+                       }
+                       this.parentNode.childNodes.length -= 1;
+                       if (i + 1 == this.parentNode.childNodes.length) { this.parentNode._last = true; }
+                       break;
+       }       }
+       webFXTreeHandler.all[this.id] = null;
+       var tmp = document.getElementById(this.id);
+       if (tmp) { tmp.parentNode.removeChild(tmp); }
+       tmp = document.getElementById(this.id + '-cont');
+       if (tmp) { tmp.parentNode.removeChild(tmp); }
+}
+
+WebFXTreeItem.prototype.expand = function() {
+       this.doExpand();
+       document.getElementById(this.id + '-plus').src = this.minusIcon;
+}
+
+WebFXTreeItem.prototype.collapse = function(b) {
+       if (!b) { this.focus(); }
+       this.doCollapse();
+       document.getElementById(this.id + '-plus').src = this.plusIcon;
+}
+
+WebFXTreeItem.prototype.getFirst = function() {
+       return this.childNodes[0];
+}
+
+WebFXTreeItem.prototype.getLast = function() {
+       if (this.childNodes[this.childNodes.length - 1].open) { return this.childNodes[this.childNodes.length - 1].getLast(); }
+       else { return this.childNodes[this.childNodes.length - 1]; }
+}
+
+WebFXTreeItem.prototype.getNextSibling = function() {
+       for (var i = 0; i < this.parentNode.childNodes.length; i++) {
+               if (this == this.parentNode.childNodes[i]) { break; }
+       }
+       if (++i == this.parentNode.childNodes.length) { return this.parentNode.getNextSibling(); }
+       else { return this.parentNode.childNodes[i]; }
+}
+
+WebFXTreeItem.prototype.getPreviousSibling = function(b) {
+       for (var i = 0; i < this.parentNode.childNodes.length; i++) {
+               if (this == this.parentNode.childNodes[i]) { break; }
+       }
+       if (i == 0) { return this.parentNode; }
+       else {
+               if ((this.parentNode.childNodes[--i].open) || (b && this.parentNode.childNodes[i].folder)) { return this.parentNode.childNodes[i].getLast(); }
+               else { return this.parentNode.childNodes[i]; }
+} }
+
+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(); }
+               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;
+}
+
+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 + "\" 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.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 + "\" ondblclick=\"webFXTreeHandler.toggle(this);\" class=\"webfx-tree-item\" onkeydown=\"return webFXTreeHandler.keydown(this, event)\">" +
+               indent +
+               "<img id=\"" + this.id + "-plus\" src=\"" + ((this.folder)?((this.open)?((this.parentNode._last)?webFXTreeConfig.lMinusIcon:webFXTreeConfig.tMinusIcon):((this.parentNode._last)?webFXTreeConfig.lPlusIcon:webFXTreeConfig.tPlusIcon)):((this.parentNode._last)?webFXTreeConfig.lIcon:webFXTreeConfig.tIcon)) + "\" onclick=\"webFXTreeHandler.toggle(this);\">" +
+               "<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);\"" +
+               (this.target ? " target=\"" + this.target + "\"" : "") +
+               ">" + label + "</a></div>" +
+               "<div id=\"" + this.id + "-cont\" class=\"webfx-tree-container\" style=\"display: " + ((this.open)?'block':'none') + ";\">";
+       var sb = [];
+       for (var i = 0; i < this.childNodes.length; i++) {
+               sb[i] = this.childNodes[i].toString(i,this.childNodes.length);
+       }
+       this.plusIcon = ((this.parentNode._last)?webFXTreeConfig.lPlusIcon:webFXTreeConfig.tPlusIcon);
+       this.minusIcon = ((this.parentNode._last)?webFXTreeConfig.lMinusIcon:webFXTreeConfig.tMinusIcon);
+       return str + sb.join("") + "</div>";
+}
\ No newline at end of file