compass-jquery-plugin 0.2.6.0 → 0.3.0.beta.1

data/templates/dynatree/jquery.dynatree.js

@@ -1,2018 +1,2036 @@
-/*************************************************************************
-	jquery.dynatree.js
-	Dynamic tree view control, with support for lazy loading of branches.
-
-	Copyright (c) 2008-2009  Martin Wendt (http://wwWendt.de)
-	Licensed under the MIT License (MIT-License.txt)
-
-	A current version and some documentation is available at
-		http://dynatree.googlecode.com/
-
-	Let me know, if you find bugs or improvements (martin at domain wwWendt.de).
-
-	$Version: 0.5.2$
-	$Revision: 296, 2009-12-20 11:04:25$
-
- 	@depends: jquery.js
- 	@depends: ui.core.js
-    @depends: jquery.cookie.js
-*************************************************************************/
-
-
-/*************************************************************************
- *	Debug functions
- */
-
-var _canLog = true;
-
-function _log(mode, msg) {
-	/**
-	 * Usage: logMsg("%o was toggled", this);
-	 */
-	if( !_canLog ) 
-		return;
-	// Remove first argument
-	var args = Array.prototype.slice.apply(arguments, [1]); 
-	// Prepend timestamp
-	var dt = new Date();
-	var tag = dt.getHours()+":"+dt.getMinutes()+":"+dt.getSeconds()+"."+dt.getMilliseconds();
-	args[0] = tag + " - " + args[0];
-
-	try {
-		switch( mode ) {
-		case "info":
-			window.console.info.apply(window.console, args);
-			break;
-		case "warn":
-			window.console.warn.apply(window.console, args);
-			break;
-		default:
-			window.console.log.apply(window.console, args);
-		}
-	} catch(e) {
-		if( !window.console )
-			_canLog = false; // Permanently disable, when logging is not supported by the browser 
-	}
-}
-
-function logMsg(msg) {
-	Array.prototype.unshift.apply(arguments, ["debug"]);
-	_log.apply(this, arguments);
-}
-
-
-// Forward declaration
-var getDynaTreePersistData = undefined;
-
-
-
-/*************************************************************************
- *	Constants
- */
-var DTNodeStatus_Error   = -1;
-var DTNodeStatus_Loading = 1;
-var DTNodeStatus_Ok      = 0;
-
-
-// Start of local namespace
-;(function($) {
-
-/*************************************************************************
- *	Common tool functions.
- */
-
-var Class = {
-	create: function() {
-		return function() {
-			this.initialize.apply(this, arguments);
-		}
-	}
-}
-
-/*************************************************************************
- *	Class DynaTreeNode
- */
-var DynaTreeNode = Class.create();
-
-DynaTreeNode.prototype = {
-	initialize: function(parent, tree, data) {
-		/**
-		 * @constructor 
-		 */
-		this.parent = parent; 
-		this.tree = tree;
-		if ( typeof data == "string" ) 
-			data = { title: data };
-		if( data.key == undefined )
-			data.key = "_" + tree._nodeCount++;
-		this.data = $.extend({}, $.ui.dynatree.nodedatadefaults, data);
-		this.div = null; // not yet created
-		this.span = null; // not yet created
-		this.childList = null; // no subnodes yet
-//		this.isRead = false; // Lazy content not yet read
-		this.isLoading = false; // Lazy content is being loaded
-		this.hasSubSel = false;
-	},
-
-	toString: function() {
-		return "dtnode<" + this.data.key + ">: '" + this.data.title + "'";
-	},
-
-	toDict: function(recursive, callback) {
-		var dict = $.extend({}, this.data);
-		dict.activate = ( this.tree.activeNode === this );
-		dict.focus = ( this.tree.focusNode === this );
-		dict.expand = this.bExpanded;
-		dict.select = this.bSelected;
-		if( callback )
-			callback(dict);
-		if( recursive && this.childList ) {
-			dict.children = [];
-			for(var i=0; i<this.childList.length; i++ )
-				dict.children.push(this.childList[i].toDict(true, callback));
-		} else {
-			delete dict.children;
-		}
-		return dict;
-	},
-
-	_getInnerHtml: function() {
-		var opts = this.tree.options;
-		var cache = this.tree.cache;
-		// parent connectors
-		var rootParent = opts.rootVisible ? null : this.tree.tnRoot; 
-		var bHideFirstExpander = (opts.rootVisible && opts.minExpandLevel>0) || opts.minExpandLevel>1;
-		var bHideFirstConnector = opts.rootVisible || opts.minExpandLevel>0;
-
-		var res = "";
-		var p = this.parent;
-		while( p ) {
-			// Suppress first connector column, if visible top level is always expanded
-			if ( bHideFirstConnector && p==rootParent  )
-				break;
-			res = ( p.isLastSibling() ? cache.tagEmpty : cache.tagVline) + res;
-			p = p.parent;
-		}
-
-		// connector (expanded, expandable or simple)
-		if( bHideFirstExpander && this.parent==rootParent ) { 
-			// skip connector
-		} else if ( this.childList || this.data.isLazy ) {
-   			res += cache.tagExpander;
-		} else {
-   			res += cache.tagConnector;
-		}
-		
-		// Checkbox mode
-		if( opts.checkbox && this.data.hideCheckbox!=true && !this.data.isStatusNode ) {
-   			res += cache.tagCheckbox;
-		}
-		
-		// folder or doctype icon
-   		if ( this.data.icon ) {
-    		res += "<img src='" + opts.imagePath + this.data.icon + "' alt='' />";
-   		} else if ( this.data.icon == false ) {
-        	// icon == false means 'no icon'
-		} else {
-        	// icon == null means 'default icon'
-   			res += cache.tagNodeIcon;
-		}
-
-		// node name
-		var tooltip = ( this.data && typeof this.data.tooltip == "string" ) ? " title='" + this.data.tooltip + "'" : "";
-		res +=  "<a href='#' class='" + opts.classNames.title + "'" + tooltip + ">" + this.data.title + "</a>";
-		return res;
-	},
-
-	_fixOrder: function() {
-		/**
-		 * Make sure, that <div> order matches childList order.
-		 */
-		var cl = this.childList; 
-		if( !cl )
-			return;
-		var childDiv = this.div.firstChild.nextSibling;
-		for(var i=0; i<cl.length-1; i++) {
-			var childNode1 = cl[i]; 
-			var childNode2 = childDiv.firstChild.dtnode;
-			if( childNode1 !== childNode2 ) {
-//
-				this.tree.logDebug("_fixOrder: mismatch at index " + i + ": " + childNode1 + " != " + childNode2);
-				this.div.insertBefore(childNode1.div, childNode2.div);
-			} else {
-				childDiv = childDiv.nextSibling;
-			}
-		}
-	},
-	
-	render: function(bDeep, bHidden) {
-		/**
-		 * Create HTML markup for this node.
-		 * 
-		 * <div> // This div contains the node's span and list of child div's.
-		 *   <span id='key'>S S S A</span> // Span contains graphic spans and title <a> tag 
-		 *   <div>child1</div>
-		 *   <div>child2</div>
-		 * </div>
-		 */
-//		this.tree.logDebug("%o.render()", this);
-		var opts = this.tree.options;
-		var cn = opts.classNames;
-		var isLastSib = this.isLastSibling();
-		// --- 
-		if( ! this.div ) {
-			this.span = document.createElement("span");
-			this.span.dtnode = this;
-			if( this.data.key )
-				this.span.id = this.tree.options.idPrefix + this.data.key;
-			this.div  = document.createElement("div");
-			this.div.appendChild(this.span);
-			
-			if ( this.parent ) {
-				this.parent.div.appendChild(this.div);
-			}
-
-			if( this.parent==null && !this.tree.options.rootVisible )
-				this.span.style.display = "none";
-		}
-		// set node connector images, links and text
-		this.span.innerHTML = this._getInnerHtml();
-
-		// hide this node, if parent is collapsed
-		this.div.style.display = ( this.parent==null || this.parent.bExpanded ? "" : "none");
-
-		// Set classes for current status
-		var cnList = [];
-		cnList.push( ( this.data.isFolder ) ? cn.folder : cn.document );
-		if( this.bExpanded )
-			cnList.push(cn.expanded);
-		if( this.childList != null )
-			cnList.push(cn.hasChildren);
-		if( this.data.isLazy && this.childList==null )
-			cnList.push(cn.lazy);
-		if( isLastSib )
-			cnList.push(cn.lastsib);
-		if( this.bSelected )
-			cnList.push(cn.selected);
-		if( this.hasSubSel )
-			cnList.push(cn.partsel);
-		if( this.tree.activeNode === this )
-			cnList.push(cn.active);
-		if( this.data.addClass )
-			cnList.push(this.data.addClass);
-		// IE6 doesn't correctly evaluate multiple class names,
-		// so we create combined class names that can be used in the CSS
-		cnList.push(cn.combinedExpanderPrefix
-				+ (this.bExpanded ? "e" : "c")
-				+ (this.data.isLazy && this.childList==null ? "d" : "")
-				+ (isLastSib ? "l" : "")
-				);
-		cnList.push(cn.combinedIconPrefix
-				+ (this.bExpanded ? "e" : "c")
-				+ (this.data.isFolder ? "f" : "")
-				);
-		this.span.className = cnList.join(" ");
-
-		if( bDeep && this.childList && (bHidden || this.bExpanded) ) {
-			for(var i=0; i<this.childList.length; i++) {
-				this.childList[i].render(bDeep, bHidden)
-			}
-			this._fixOrder();
-		}
-	},
-
-	hasChildren: function() {
-		return this.childList != null;
-	},
-
-	isLastSibling: function() {
-		var p = this.parent;
-		if ( !p ) return true;
-		return p.childList[p.childList.length-1] === this;
-	},
-
-	prevSibling: function() {
-		if( !this.parent ) return null;
-		var ac = this.parent.childList;
-		for(var i=1; i<ac.length; i++) // start with 1, so prev(first) = null
-			if( ac[i] === this )
-				return ac[i-1];
-		return null;
-	},
-
-	nextSibling: function() {
-		if( !this.parent ) return null;
-		var ac = this.parent.childList;
-		for(var i=0; i<ac.length-1; i++) // up to length-2, so next(last) = null
-			if( ac[i] === this )
-				return ac[i+1];
-		return null;
-	},
-
-	_setStatusNode: function(data) {
-		// Create, modify or remove the status child node (pass 'null', to remove it).
-		var firstChild = ( this.childList ? this.childList[0] : null );
-		if( !data ) {
-			if ( firstChild ) {
-				this.div.removeChild(firstChild.div);
-				if( this.childList.length == 1 )
-					this.childList = null;
-				else
-					this.childList.shift();
-			}
-		} else if ( firstChild ) {
-			data.isStatusNode = true;
-			firstChild.data = data;
-			firstChild.render(false, false);
-		} else {
-			data.isStatusNode = true;
-			firstChild = this.addChild(data);
-		}
-	},
-
-	setLazyNodeStatus: function(lts) {
-		switch( lts ) {
-			case DTNodeStatus_Ok:
-				this._setStatusNode(null);
-//				this.isRead = true;
-				this.isLoading = false;
-				this.render(false, false);
-				if( this.tree.options.autoFocus ) {
-					if( this === this.tree.tnRoot && !this.tree.options.rootVisible && this.childList ) {
-						// special case: using ajaxInit
-						this.childList[0].focus();
-					} else {
-						this.focus();
-					}
-				}
-				break;
-			case DTNodeStatus_Loading:
-				this.isLoading = true;
-				this._setStatusNode({
-					title: this.tree.options.strings.loading,
-					addClass: this.tree.options.classNames.nodeWait
-				});
-				break;
-			case DTNodeStatus_Error:
-				this.isLoading = false;
-				this._setStatusNode({
-					title: this.tree.options.strings.loadError,
-					addClass: this.tree.options.classNames.nodeError
-				});
-				break;
-			default:
-				throw "Bad LazyNodeStatus: '" + lts + "'.";
-		}
-	},
-
-	_parentList: function(includeRoot, includeSelf) {
-		var l = [];
-		var dtn = includeSelf ? this : this.parent;
-		while( dtn ) {
-			if( includeRoot || dtn.parent )
-				l.unshift(dtn);
-			dtn = dtn.parent;
-		};
-		return l;
-	},
-
-	getLevel: function() {
-		var level = 0;
-		var dtn = this.parent;
-		while( dtn ) {
-			level++;
-			dtn = dtn.parent;
-		};
-		return level;
-	},
-
-	_getTypeForOuterNodeEvent: function(event) {
-		/** Return the inner node span (title, checkbox or expander) if 
-		 *  event.target points to the outer span.
-		 *  This function should fix issue #93: 
-		 *  FF2 ignores empty spans, when generating events (returning the parent instead).
-		 */ 
-		var cns = this.tree.options.classNames;
-	    var target = event.target;
-	    // Only process clicks on an outer node span (probably due to a FF2 event handling bug)
-	    if( target.className.indexOf(cns.folder)<0 
-	    	&& target.className.indexOf(cns.document)<0 ) {
-	        return null
-	    }
-	    // Event coordinates, relative to outer node span:
-	    var eventX = event.pageX - target.offsetLeft;
-	    var eventY = event.pageY - target.offsetTop;
-	    
-	    for(var i=0; i<target.childNodes.length; i++) {
-	        var cn = target.childNodes[i];
-	        var x = cn.offsetLeft - target.offsetLeft;
-	        var y = cn.offsetTop - target.offsetTop;
-	        var nx = cn.clientWidth, ny = cn.clientHeight;
-//	        alert (cn.className + ": " + x + ", " + y + ", s:" + nx + ", " + ny);
-	        if( eventX>=x && eventX<=(x+nx) && eventY>=y && eventY<=(y+ny) ) {
-//	            alert("HIT "+ cn.className);
-	            if( cn.className==cns.title ) 
-	            	return "title";
-	            else if( cn.className==cns.expander ) 
-	            	return "expander";
-	            else if( cn.className==cns.checkbox ) 
-	            	return "checkbox";
-	            else if( cn.className==cns.nodeIcon ) 
-	            	return "icon";
-	        }
-	    }
-	    return "prefix";
-	},
-
-	getEventTargetType: function(event) {
-		// Return the part of a node, that a click event occured on.
-		// Note: there is no check, if the was fired on TIHS node. 
-		var tcn = event && event.target ? event.target.className : "";
-		var cns = this.tree.options.classNames;
-
-		if( tcn == cns.title )
-			return "title";
-		else if( tcn==cns.expander )
-			return "expander";
-		else if( tcn==cns.checkbox )
-			return "checkbox";
-		else if( tcn==cns.nodeIcon )
-			return "icon";
-		else if( tcn==cns.empty || tcn==cns.vline || tcn==cns.connector )
-			return "prefix";
-		else if( tcn.indexOf(cns.folder)>=0 || tcn.indexOf(cns.document)>=0 )
-			// FIX issue #93
-			return this._getTypeForOuterNodeEvent(event);
-		return null;
-	},
-
-	isVisible: function() {
-		// Return true, if all parents are expanded.
-		var parents = this._parentList(true, false);
-		for(var i=0; i<parents.length; i++)
-			if( ! parents[i].bExpanded ) return false;
-		return true;
-	},
-
-	makeVisible: function() {
-		// Make sure, all parents are expanded
-		var parents = this._parentList(true, false);
-		for(var i=0; i<parents.length; i++)
-			parents[i]._expand(true);
-	},
-
-	focus: function() {
-		// TODO: check, if we already have focus
-//		this.tree.logDebug("dtnode.focus(): %o", this);
-		this.makeVisible();
-		try {
-			$(this.span).find(">a").focus();
-		} catch(e) { }
-	},
-
-	_activate: function(flag, fireEvents) {
-		// (De)Activate - but not focus - this node.
-		this.tree.logDebug("dtnode._activate(%o, fireEvents=%o) - %o", flag, fireEvents, this);
-		var opts = this.tree.options;
-		if( this.data.isStatusNode )
-			return;
-		if ( fireEvents && opts.onQueryActivate && opts.onQueryActivate.call(this.span, flag, this) == false )
-			return; // Callback returned false
-		
-		if( flag ) {
-			// Activate
-			if( this.tree.activeNode ) {
-				if( this.tree.activeNode === this )
-					return;
-				this.tree.activeNode.deactivate();
-			}
-			if( opts.activeVisible )
-				this.makeVisible();
-			this.tree.activeNode = this;
-	        if( opts.persist )
-				$.cookie(opts.cookieId+"-active", this.data.key, opts.cookie);
-	        this.tree.persistence.activeKey = this.data.key;
-			$(this.span).addClass(opts.classNames.active);
-			if ( fireEvents && opts.onActivate ) // Pass element as 'this' (jQuery convention)
-				opts.onActivate.call(this.span, this);
-		} else {
-			// Deactivate
-			if( this.tree.activeNode === this ) {
-				var opts = this.tree.options;
-				if ( opts.onQueryActivate && opts.onQueryActivate.call(this.span, false, this) == false )
-					return; // Callback returned false
-				$(this.span).removeClass(opts.classNames.active);
-		        if( opts.persist ) {
-		        	// Note: we don't pass null, but ''. So the cookie is not deleted.
-		        	// If we pass null, we also have to pass a COPY of opts, because $cookie will override opts.expires (issue 84)
-					$.cookie(opts.cookieId+"-active", "", opts.cookie);
-		        }
-		        this.tree.persistence.activeKey = null;
-				this.tree.activeNode = null;
-				if ( fireEvents && opts.onDeactivate )
-					opts.onDeactivate.call(this.span, this);
-			}
-		}
-	},
-
-	activate: function() {
-		// Select - but not focus - this node.
-//		this.tree.logDebug("dtnode.activate(): %o", this);
-		this._activate(true, true);
-	},
-
-	deactivate: function() {
-//		this.tree.logDebug("dtnode.deactivate(): %o", this);
-		this._activate(false, true);
-	},
-
-	isActive: function() {
-		return (this.tree.activeNode === this);
-	},
-	
-	_userActivate: function() {
-		// Handle user click / [space] / [enter], according to clickFolderMode.
-		var activate = true;
-		var expand = false;
-		if ( this.data.isFolder ) {
-			switch( this.tree.options.clickFolderMode ) {
-			case 2:
-				activate = false;
-				expand = true;
-				break;
-			case 3:
-				activate = expand = true;
-				break;
-			}
-		}
-		if( this.parent == null && this.tree.options.minExpandLevel>0 ) {
-			expand = false;
-		}
-		if( expand ) {
-			this.toggleExpand();
-			this.focus();
-		} 
-		if( activate ) {
-			this.activate();
-		}
-	},
-
-	_setSubSel: function(hasSubSel) {
-		if( hasSubSel ) {
-			this.hasSubSel = true;
-			$(this.span).addClass(this.tree.options.classNames.partsel);
-		} else {
-			this.hasSubSel = false;
-			$(this.span).removeClass(this.tree.options.classNames.partsel);
-		}
-	},
-
-	_fixSelectionState: function() {
-		// fix selection status, for multi-hier mode 
-//		this.tree.logDebug("_fixSelectionState(%o) - %o", this.bSelected, this);
-		if( this.bSelected ) {
-			// Select all children
-			this.visit(function(dtnode){
-				dtnode.parent._setSubSel(true);
-				dtnode._select(true, false, false);
-			});
-			// Select parents, if all children are selected
-			var p = this.parent;
-			while( p ) {
-				p._setSubSel(true);
-				var allChildsSelected = true;
-				for(var i=0; i<p.childList.length;  i++) {
-					var n = p.childList[i]; 
-					if( !n.bSelected && !n.data.isStatusNode ) {
-						allChildsSelected = false;
-						break;
-					}
-				}
-				if( allChildsSelected )
-					p._select(true, false, false);
-				p = p.parent;
-			}
-		} else {
-			// Deselect all children
-			this._setSubSel(false);
-			this.visit(function(dtnode){
-				dtnode._setSubSel(false);
-				dtnode._select(false, false, false);
-			});
-			// Deselect parents, and recalc hasSubSel
-			var p = this.parent;
-			while( p ) {
-				p._select(false, false, false);
-				var isPartSel = false;
-				for(var i=0; i<p.childList.length;  i++) {
-					if( p.childList[i].bSelected || p.childList[i].hasSubSel ) {
-						isPartSel = true;
-						break;
-					}
-				}
-				p._setSubSel(isPartSel);
-				p = p.parent;
-			}
-		}
-	},
-	
-	_select: function(sel, fireEvents, deep) {
-		// Select - but not focus - this node.
-//		this.tree.logDebug("dtnode._select(%o) - %o", sel, this);
-		var opts = this.tree.options;
-		if( this.data.isStatusNode )
-			return;
-		// 
-		if( this.bSelected == sel ) {
-//			this.tree.logDebug("dtnode._select(%o) IGNORED - %o", sel, this);
-			return;
-		}
-		// Allow event listener to abort selection
-		if ( fireEvents && opts.onQuerySelect && opts.onQuerySelect.call(this.span, sel, this) == false )
-			return; // Callback returned false
-		
-		// Force single-selection
-		if( opts.selectMode==1 && sel ) { 
-			this.tree.visit(function(dtnode){
-				if( dtnode.bSelected ) {
-					// Deselect; assuming that in selectMode:1 there's max. one other selected node
-					dtnode._select(false, false, false);
-					return false;
-				}
-			});
-		}
-
-		this.bSelected = sel;
-//        this.tree._changeNodeList("select", this, sel);
-  
-		if( sel ) {
-			if( opts.persist )
-				this.tree.persistence.addSelect(this.data.key);
-
-			$(this.span).addClass(opts.classNames.selected);
-
-			if( deep && opts.selectMode==3 )
-				this._fixSelectionState();
-
-			if ( fireEvents && opts.onSelect )
-				opts.onSelect.call(this.span, true, this);
-
-		} else {
-			if( opts.persist )
-				this.tree.persistence.clearSelect(this.data.key);
-			
-			$(this.span).removeClass(opts.classNames.selected);
-
-	    	if( deep && opts.selectMode==3 )
-				this._fixSelectionState();
-
-	    	if ( fireEvents && opts.onSelect )
-				opts.onSelect.call(this.span, false, this);
-		}
-	},
-
-	select: function(sel) {
-		// Select - but not focus - this node.
-//		this.tree.logDebug("dtnode.select(%o) - %o", sel, this);
-		if( this.data.unselectable )
-			return this.bSelected;
-		return this._select(sel!=false, true, true);
-	},
-
-	toggleSelect: function() {
-//		this.tree.logDebug("dtnode.toggleSelect() - %o", this);
-		return this.select(!this.bSelected);
-	},
-
-	isSelected: function() {
-		return this.bSelected;
-	},
-	
-	_loadContent: function() {
-		try {
-			var opts = this.tree.options;
-			this.tree.logDebug("_loadContent: start - %o", this);
-			this.setLazyNodeStatus(DTNodeStatus_Loading);
-			if( true == opts.onLazyRead.call(this.span, this) ) {
-				// If function returns 'true', we assume that the loading is done:
-				this.setLazyNodeStatus(DTNodeStatus_Ok);
-				// Otherwise (i.e. if the loading was started as an asynchronous process)
-				// the onLazyRead(dtnode) handler is expected to call dtnode.setLazyNodeStatus(DTNodeStatus_Ok/_Error) when done.
-				this.tree.logDebug("_loadContent: succeeded - %o", this);
-			}
-		} catch(e) {
-			alert(e);
-			this.setLazyNodeStatus(DTNodeStatus_Error);
-		}
-	},
-	
-	_expand: function(bExpand) {
-//		this.tree.logDebug("dtnode._expand(%o) - %o", bExpand, this);
-		if( this.bExpanded == bExpand ) {
-//			this.tree.logDebug("dtnode._expand(%o) IGNORED - %o", bExpand, this);
-			return;
-		}
-		var opts = this.tree.options;
-		if( !bExpand && this.getLevel()<opts.minExpandLevel ) {
-			this.tree.logDebug("dtnode._expand(%o) forced expand - %o", bExpand, this);
-			return;
-		}
-		if ( opts.onQueryExpand && opts.onQueryExpand.call(this.span, bExpand, this) == false )
-			return; // Callback returned false
-		this.bExpanded = bExpand;
-
-		// Persist expand state
-		if( opts.persist ) {
-	        if( bExpand )
-				this.tree.persistence.addExpand(this.data.key);
-			else 
-				this.tree.persistence.clearExpand(this.data.key);
-		}
-
-		this.render(false);
-
-        // Auto-collapse mode: collapse all siblings
-		if( this.bExpanded && this.parent && opts.autoCollapse ) {
-			var parents = this._parentList(false, true);
-			for(var i=0; i<parents.length; i++)
-				parents[i].collapseSiblings();
-		}
-
-		// If the currently active node is now hidden, deactivate it
-		if( opts.activeVisible && this.tree.activeNode && ! this.tree.activeNode.isVisible() ) {
-			this.tree.activeNode.deactivate();
-		}
-		// Expanding a lazy node: set 'loading...' and call callback
-		if( bExpand && this.data.isLazy && this.childList==null && !this.isLoading ) {
-			this._loadContent();
-			return;
-		}
-//		this.tree.logDebug("_expand: start div toggle - %o", this);
-
-		var fxDuration = opts.fx ? (opts.fx.duration || 200) : 0;
-		if( this.childList ) {
-			for(var i=0; i<this.childList.length; i++ ) {
-				var $child = $(this.childList[i].div);
-				if( fxDuration ) {
-					// This is a toggle, so only do it, if not already rendered (in)visible (issue 98)
-					if( bExpand != $child.is(':visible') )
-						$child.animate(opts.fx, fxDuration);
-				} else {
-					if( bExpand )
-						$child.show();
-					else
-						$child.hide(); // TODO: this seems to be slow, when called the first time for an element
-				}
-			}
-		}
-		
-/* issue 109: using selector filter is really SLOW.
-		// issue 98: only toggle, if render hasn't set visibility already:
-		var filter = ">DIV" + (bExpand ? ":hidden" : ":visible");
-		
-		if( opts.fx ) {
-			var duration = opts.fx.duration || 200;
-//			$(">DIV", this.div).animate(opts.fx, duration);
-			$(filter, this.div).animate(opts.fx, duration);
-		} else {
-			$(filter, this.div).toggle();
-//			var $d = $(">DIV", this.div);
-//			this.tree.logDebug("_expand: got div, start toggle - %o", this);
-//			$d.toggle();
-		}
-//*/
-//		this.tree.logDebug("_expand: end div toggle - %o", this);
-
-		if ( opts.onExpand )
-			opts.onExpand.call(this.span, bExpand, this);
-	},
-
-	expand: function(flag) {
-		if( !this.childList && !this.data.isLazy && flag )
-			return; // Prevent expanding empty nodes
-		if( this.parent == null && this.tree.options.minExpandLevel>0 && !flag )
-			return; // Prevent collapsing the root
-		this._expand(flag);
-	},
-
-	toggleExpand: function() {
-		this.expand(!this.bExpanded);
-	},
-
-	collapseSiblings: function() {
-		if( this.parent == null )
-			return;
-		var ac = this.parent.childList;
-		for (var i=0; i<ac.length; i++) {
-			if ( ac[i] !== this && ac[i].bExpanded )
-				ac[i]._expand(false);
-		}
-	},
-
-	onClick: function(event) {
-//		this.tree.logDebug("dtnode.onClick(" + event.type + "): dtnode:" + this + ", button:" + event.button + ", which: " + event.which);
-		var targetType = this.getEventTargetType(event);
-		if( targetType == "expander" ) {
-			// Clicking the expander icon always expands/collapses
-			this.toggleExpand();
-			this.focus(); // issue 95
-		} else if( targetType == "checkbox" ) {
-			// Clicking the checkbox always (de)selects
-			this.toggleSelect();
-			this.focus(); // issue 95
-		} else {
-			this._userActivate();
-			// Chrome and Safari don't focus the a-tag on click
-			this.span.getElementsByTagName("a")[0].focus();
-		}
-		// Make sure that clicks stop, otherwise <a href='#'> jumps to the top
-		return false;
-	},
-
-	onDblClick: function(event) {
-//		this.tree.logDebug("dtnode.onDblClick(" + event.type + "): dtnode:" + this + ", button:" + event.button + ", which: " + event.which);
-	},
-
-	onKeydown: function(event) {
-//		this.tree.logDebug("dtnode.onKeydown(" + event.type + "): dtnode:" + this + ", charCode:" + event.charCode + ", keyCode: " + event.keyCode + ", which: " + event.which);
-		var handled = true;
-//		alert("keyDown" + event.which);
-
-		switch( event.which ) {
-			// charCodes:
-//			case 43: // '+'
-			case 107: // '+'
-			case 187: // '+' @ Chrome, Safari
-				if( !this.bExpanded ) this.toggleExpand();
-				break;
-//			case 45: // '-'
-			case 109: // '-'
-			case 189: // '+' @ Chrome, Safari
-				if( this.bExpanded ) this.toggleExpand();
-				break;
-			//~ case 42: // '*'
-				//~ break;
-			//~ case 47: // '/'
-				//~ break;
-			// case 13: // <enter>
-				// <enter> on a focused <a> tag seems to generate a click-event. 
-				// this._userActivate();
-				// break;
-			case 32: // <space>
-				this._userActivate();
-				break;
-			case 8: // <backspace>
-				if( this.parent )
-					this.parent.focus();
-				break;
-			case 37: // <left>
-				if( this.bExpanded ) {
-					this.toggleExpand();
-					this.focus();
-				} else if( this.parent && (this.tree.options.rootVisible || this.parent.parent) ) {
-					this.parent.focus();
-				}
-				break;
-			case 39: // <right>
-				if( !this.bExpanded && (this.childList || this.data.isLazy) ) {
-					this.toggleExpand();
-					this.focus();
-				} else if( this.childList ) {
-					this.childList[0].focus();
-				}
-				break;
-			case 38: // <up>
-				var sib = this.prevSibling();
-				while( sib && sib.bExpanded && sib.childList )
-					sib = sib.childList[sib.childList.length-1];
-				if( !sib && this.parent && (this.tree.options.rootVisible || this.parent.parent) )
-					sib = this.parent;
-				if( sib ) sib.focus();
-				break;
-			case 40: // <down>
-				var sib;
-				if( this.bExpanded && this.childList ) {
-					sib = this.childList[0];
-				} else {
-					var parents = this._parentList(false, true);
-					for(var i=parents.length-1; i>=0; i--) {
-						sib = parents[i].nextSibling();
-						if( sib ) break;
-					}
-				}
-				if( sib ) sib.focus();
-				break;
-			default:
-				handled = false;
-		}
-		// Return false, if handled, to prevent default processing
-		return !handled; 
-	},
-
-	onKeypress: function(event) {
-		// onKeypress is only hooked to allow user callbacks.
-		// We don't process it, because IE and Safari don't fire keypress for cursor keys.
-//		this.tree.logDebug("dtnode.onKeypress(" + event.type + "): dtnode:" + this + ", charCode:" + event.charCode + ", keyCode: " + event.keyCode + ", which: " + event.which);
-	},
-	
-	onFocus: function(event) {
-		// Handles blur and focus events.
-//		this.tree.logDebug("dtnode.onFocus(%o): %o", event, this);
-		var opts = this.tree.options;
-		if ( event.type=="blur" || event.type=="focusout" ) {
-			if ( opts.onBlur ) // Pass element as 'this' (jQuery convention)
-				opts.onBlur.call(this.span, this);
-			if( this.tree.tnFocused )
-				$(this.tree.tnFocused.span).removeClass(opts.classNames.focused);
-			this.tree.tnFocused = null;
-	        if( opts.persist ) 
-				$.cookie(opts.cookieId+"-focus", "", opts.cookie);
-		} else if ( event.type=="focus" || event.type=="focusin") {
-			// Fix: sometimes the blur event is not generated
-			if( this.tree.tnFocused && this.tree.tnFocused !== this ) {
-				this.tree.logDebug("dtnode.onFocus: out of sync: curFocus: %o", this.tree.tnFocused);
-				$(this.tree.tnFocused.span).removeClass(opts.classNames.focused);
-			}
-			this.tree.tnFocused = this;
-			if ( opts.onFocus ) // Pass element as 'this' (jQuery convention)
-				opts.onFocus.call(this.span, this);
-			$(this.tree.tnFocused.span).addClass(opts.classNames.focused);
-	        if( opts.persist )
-				$.cookie(opts.cookieId+"-focus", this.data.key, opts.cookie);
-		}
-		// TODO: return anything?
-//		return false;
-	},
-
-	visit: function(fn, data, includeSelf) {
-		// Call fn(dtnode, data) for all child nodes. Stop iteration, if fn() returns false.
-		var n = 0;
-		if( includeSelf == true ) {
-			if( fn(this, data) == false )
-				return 1; 
-			n++; 
-		}
-		if ( this.childList )
-			for (var i=0; i<this.childList.length; i++)
-				n += this.childList[i].visit(fn, data, true);
-		return n;
-	},
-
-	remove: function() {
-        // Remove this node
-//		this.tree.logDebug ("%o.remove()", this);
-        if ( this === this.tree.root )
-            return false;
-        return this.parent.removeChild(this);
-	},
-
-	removeChild: function(tn) {
-		// Remove tn from list of direct children.
-		var ac = this.childList;
-		if( ac.length == 1 ) {
-			if( tn !== ac[0] )
-				throw "removeChild: invalid child";
-			return this.removeChildren();
-		}
-        if( tn === this.tree.activeNode )
-        	tn.deactivate();
-        if( this.tree.options.persist ) {
-	        if( tn.bSelected )
-	            this.tree.persistence.clearSelect(tn.data.key);
-	        if ( tn.bExpanded )
-	            this.tree.persistence.clearExpand(tn.data.key);
-        }
-		tn.removeChildren(true);
-		this.div.removeChild(tn.div);
-		for(var i=0; i<ac.length; i++) {
-			if( ac[i] === tn ) {
-				this.childList.splice(i, 1);
-				delete tn;
-				break;
-			}
-		}
-	},
-
-	removeChildren: function(isRecursiveCall, retainPersistence) {
-        // Remove all child nodes (more efficiently than recursive remove())
-//		this.tree.logDebug ("%o.removeChildren(%o)", this, isRecursiveCall);
-		var tree = this.tree;
-        var ac = this.childList;
-        if( ac ) {
-        	for(var i=0; i<ac.length; i++) {
-				var tn=ac[i];
-//        		this.tree.logDebug ("del %o", tn);
-                if ( tn === tree.activeNode && !retainPersistence )
-                	tn.deactivate();
-                if( this.tree.options.persist && !retainPersistence ) {
-	                if( tn.bSelected )
-	                    this.tree.persistence.clearSelect(tn.data.key);
-	                if ( tn.bExpanded )
-	                    this.tree.persistence.clearExpand(tn.data.key);
-                }
-                tn.removeChildren(true, retainPersistence);
-				this.div.removeChild(tn.div);
-                delete tn;
-        	}
-        	this.childList = null;
-        }
-		if( ! isRecursiveCall ) {
-//			this._expand(false);
-//			this.isRead = false;
-			this.isLoading = false;
-			this.render(false, false);
-		}
-	},
-
-	reload: function(force) {
-		// Discard lazy content (and reload, if node was expanded). 
-		if( this.parent == null )
-			return this.tree.reload();
-		
-		if( ! this.data.isLazy )
-			throw "node.reload() requires lazy nodes.";
-		if( this.bExpanded ) {
-			this.expand(false);
-			this.removeChildren();
-			this.expand(true);
-		} else {
-			this.removeChildren();
-			if( force )
-				this._loadContent();
-		}
-	},
-
-	_addChildNode: function(dtnode, beforeNode) {
-		/** 
-		 * Internal function to add one single DynatreeNode as a child.
-		 * 
-		 */
-		var tree = this.tree;
-		var opts = tree.options;
-		var pers = tree.persistence;
-		
-//		tree.logDebug("%o._addChildNode(%o)", this, dtnode);
-		
-		// --- Update and fix dtnode attributes if necessary 
-		dtnode.parent = this;
-//		if( beforeNode && (beforeNode.parent !== this || beforeNode === dtnode ) )
-//			throw "<beforeNode> must be another child of <this>";
-
-		// --- Add dtnode as a child
-		if ( this.childList==null ) {
-			this.childList = [];
-		} else if( ! beforeNode ) {
-			// Fix 'lastsib'
-			$(this.childList[this.childList.length-1].span).removeClass(opts.classNames.lastsib);
-		}
-		if( beforeNode ) {
-			var iBefore = $.inArray(beforeNode, this.childList);
-			if( iBefore < 0 )
-				throw "<beforeNode> must be a child of <this>";
-			this.childList.splice(iBefore, 0, dtnode);
-//			alert(this.childList);
-		} else {
-			// Append node
-			this.childList.push(dtnode);
-		}
-
-		// --- Handle persistence 
-		// Initial status is read from cookies, if persistence is active and 
-		// cookies are already present.
-		// Otherwise the status is read from the data attributes and then persisted.
-		var isInitializing = tree.isInitializing();
-		if( opts.persist && pers.cookiesFound && isInitializing ) {
-			// Init status from cookies
-//			tree.logDebug("init from cookie, pa=%o, dk=%o", pers.activeKey, dtnode.data.key);
-			if( pers.activeKey == dtnode.data.key )
-				tree.activeNode = dtnode;
-			if( pers.focusedKey == dtnode.data.key )
-				tree.focusNode = dtnode;
-			dtnode.bExpanded = ($.inArray(dtnode.data.key, pers.expandedKeyList) >= 0);
-			dtnode.bSelected = ($.inArray(dtnode.data.key, pers.selectedKeyList) >= 0);
-//			tree.logDebug("    key=%o, bSelected=%o", dtnode.data.key, dtnode.bSelected);
-		} else {
-			// Init status from data (Note: we write the cookies after the init phase)
-//			tree.logDebug("init from data");
-			if( dtnode.data.activate ) {
-				tree.activeNode = dtnode;
-				if( opts.persist )
-					pers.activeKey = dtnode.data.key;
-			}
-			if( dtnode.data.focus ) {
-				tree.focusNode = dtnode;
-				if( opts.persist )
-					pers.focusedKey = dtnode.data.key;
-			}
-			dtnode.bExpanded = ( dtnode.data.expand == true ); // Collapsed by default
-			if( dtnode.bExpanded && opts.persist )
-				pers.addExpand(dtnode.data.key);
-			dtnode.bSelected = ( dtnode.data.select == true ); // Deselected by default
-/*			
-			Doesn't work, cause pers.selectedKeyList may be null
-			if( dtnode.bSelected && opts.selectMode==1 
-				&& pers.selectedKeyList && pers.selectedKeyList.length>0 ) {
-				tree.logWarning("Ignored multi-selection in single-mode for %o", dtnode);
-				dtnode.bSelected = false; // Fixing bad input data (multi selection for mode:1)
-			}
-*/
-			if( dtnode.bSelected && opts.persist )
-				pers.addSelect(dtnode.data.key);
-		}
-
-		// Always expand, if it's below minExpandLevel
-//		tree.logDebug ("%o._addChildNode(%o), l=%o", this, dtnode, dtnode.getLevel());
-		if ( opts.minExpandLevel >= dtnode.getLevel() ) {
-//			tree.logDebug ("Force expand for %o", dtnode);
-			this.bExpanded = true;
-		}
-
-		// In multi-hier mode, update the parents selection state
-		// issue #82: only if not initializing, because the children may not exist yet
-//		if( !dtnode.data.isStatusNode && opts.selectMode==3 && !isInitializing )
-//			dtnode._fixSelectionState();
-
-		// In multi-hier mode, update the parents selection state
-		if( dtnode.bSelected && opts.selectMode==3 ) {
-			var p = this;
-			while( p ) {
-				if( !p.hasSubSel )
-					p._setSubSel(true);
-				p = p.parent;
-			}
-		}
-		// render this node and the new child
-		if ( tree.bEnableUpdate )
-			this.render(true, true);
-
-		return dtnode;
-	},
-
-	addChild: function(obj, beforeNode) {
-		/**
-		 * Add a node object as child.
-		 * 
-		 * This should be the only place, where a DynaTreeNode is constructed!
-		 * (Except for the root node creation in the tree constructor)
-		 * 
-		 * @param obj A JS object (may be recursive) or an array of those.
-		 * @param {DynaTreeNode} beforeNode (optional) sibling node.
-		 *     
-		 * Data format: array of node objects, with optional 'children' attributes.
-		 * [
-		 *	{ title: "t1", isFolder: true, ... }
-		 *	{ title: "t2", isFolder: true, ...,
-		 *		children: [
-		 *			{title: "t2.1", ..},
-		 *			{..}
-		 *			]
-		 *	}
-		 * ]
-		 * A simple object is also accepted instead of an array.
-		 * 
-		 */
-//		this.tree.logDebug("%o.addChild(%o, %o)", this, obj, beforeNode);
-		if( !obj || obj.length==0 ) // Passed null or undefined or empty array
-			return;
-		if( obj instanceof DynaTreeNode )
-			return this._addChildNode(obj, beforeNode);
-		if( !obj.length ) // Passed a single data object
-			obj = [ obj ];
-
-		var prevFlag = this.tree.enableUpdate(false);
-
-		var tnFirst = null;
-		for (var i=0; i<obj.length; i++) {
-			var data = obj[i];
-			var dtnode = this._addChildNode(new DynaTreeNode(this, this.tree, data), beforeNode);
-			if( !tnFirst ) tnFirst = dtnode;
-			// Add child nodes recursively
-			if( data.children )
-				dtnode.addChild(data.children, null);
-		}
-		this.tree.enableUpdate(prevFlag);
-		return tnFirst;
-	},
-
-	append: function(obj) {
-		this.tree.logWarning("node.append() is deprecated (use node.addChild() instead).");
-		return this.addChild(obj, null);
-	},
-
-	appendAjax: function(ajaxOptions) {
-		this.removeChildren(false, true);
-		this.setLazyNodeStatus(DTNodeStatus_Loading);
-		// Ajax option inheritance: $.ajaxSetup < $.ui.dynatree.defaults.ajaxDefaults < tree.options.ajaxDefaults < ajaxOptions
-		var self = this;
-		var orgSuccess = ajaxOptions.success;
-		var orgError = ajaxOptions.error;
-		var options = $.extend({}, this.tree.options.ajaxDefaults, ajaxOptions, {
-/*
-       		complete: function(req, textStatus){
-	 		    alert("ajax complete");
-   			},
-   			timeout: 5000, // 5 sec
-*/   			
-       		success: function(data, textStatus){
-     		    // <this> is the request options
-//				self.tree.logDebug("appendAjax().success");
-				var prevPhase = self.tree.phase;
-				self.tree.phase = "init";
-//				self.append(data);
-				self.addChild(data, null);
-				self.tree.phase = "postInit";
-				self.setLazyNodeStatus(DTNodeStatus_Ok);
-				if( orgSuccess )
-					orgSuccess.call(options, self);
-				self.tree.phase = prevPhase;
-       			},
-       		error: function(XMLHttpRequest, textStatus, errorThrown){
-       		    // <this> is the request options  
-//				self.tree.logDebug("appendAjax().error");
-				self.setLazyNodeStatus(DTNodeStatus_Error);
-				if( orgError )
-					orgError.call(options, self, XMLHttpRequest, textStatus, errorThrown);
-       			}
-		});
-       	$.ajax(options);
-	},
-	// --- end of class
-	lastentry: undefined
-}
-
-/*************************************************************************
- * class DynaTreeStatus
- */
-
-var DynaTreeStatus = Class.create();
-
-
-DynaTreeStatus._getTreePersistData = function(cookieId, cookieOpts) {
-	// Static member: Return persistence information from cookies
-	var ts = new DynaTreeStatus(cookieId, cookieOpts);
-	ts.read();
-	return ts.toDict();
-}
-// Make available in global scope
-getDynaTreePersistData = DynaTreeStatus._getTreePersistData;
-
-
-DynaTreeStatus.prototype = {
-	// Constructor
-	initialize: function(cookieId, cookieOpts) {
-		this._log("DynaTreeStatus: initialize");
-		if( cookieId === undefined )
-			cookieId = $.ui.dynatree.defaults.cookieId;
-		cookieOpts = $.extend({}, $.ui.dynatree.defaults.cookie, cookieOpts);
-		
-		this.cookieId = cookieId; 
-		this.cookieOpts = cookieOpts;
-		this.cookiesFound = undefined;
-		this.activeKey = null;
-		this.focusedKey = null;
-		this.expandedKeyList = null;
-		this.selectedKeyList = null;
-	},
-	// member functions
-	_log: function(msg) {
-		//	this.logDebug("_changeNodeList(%o): nodeList:%o, idx:%o", mode, nodeList, idx);
-		Array.prototype.unshift.apply(arguments, ["debug"]);
-		_log.apply(this, arguments);
-	},
-	read: function() {
-		this._log("DynaTreeStatus: read");
-		// Read or init cookies. 
-		this.cookiesFound = false;
-			
-		var cookie = $.cookie(this.cookieId + "-active");
-		this.activeKey = ( cookie == null ) ? "" : cookie;
-		if( cookie != null ) this.cookiesFound = true;
-
-		cookie = $.cookie(this.cookieId + "-focus");
-		this.focusedKey = ( cookie == null ) ? "" : cookie;
-		if( cookie != null ) this.cookiesFound = true;
-
-		cookie = $.cookie(this.cookieId + "-expand");
-		this.expandedKeyList = ( cookie == null ) ? [] : cookie.split(","); 
-		if( cookie != null ) this.cookiesFound = true;
-
-		cookie = $.cookie(this.cookieId + "-select");
-		this.selectedKeyList = ( cookie == null ) ? [] : cookie.split(","); 
-		if( cookie != null ) this.cookiesFound = true;
-	},
-	write: function() {
-		this._log("DynaTreeStatus: write");
-		$.cookie(this.cookieId + "-active", ( this.activeKey == null ) ? "" : this.activeKey, this.cookieOpts);
-		$.cookie(this.cookieId + "-focus", ( this.focusedKey == null ) ? "" : this.focusedKey, this.cookieOpts);
-		$.cookie(this.cookieId + "-expand", ( this.expandedKeyList == null ) ? "" : this.expandedKeyList.join(","), this.cookieOpts);
-		$.cookie(this.cookieId + "-select", ( this.selectedKeyList == null ) ? "" : this.selectedKeyList.join(","), this.cookieOpts);
-	},
-	addExpand: function(key) {
-		this._log("addExpand(%o)", key);
-		if( $.inArray(key, this.expandedKeyList) < 0 ) {
-			this.expandedKeyList.push(key);
-			$.cookie(this.cookieId + "-expand", this.expandedKeyList.join(","), this.cookieOpts);
-		}
-	},
-	clearExpand: function(key) {
-		this._log("clearExpand(%o)", key);
-		var idx = $.inArray(key, this.expandedKeyList); 
-		if( idx >= 0 ) {
-			this.expandedKeyList.splice(idx, 1);
-			$.cookie(this.cookieId + "-expand", this.expandedKeyList.join(","), this.cookieOpts);
-		}
-	},
-	addSelect: function(key) {
-		this._log("addSelect(%o)", key);
-		if( $.inArray(key, this.selectedKeyList) < 0 ) {
-			this.selectedKeyList.push(key);
-			$.cookie(this.cookieId + "-select", this.selectedKeyList.join(","), this.cookieOpts);
-		}
-	},
-	clearSelect: function(key) {
-		this._log("clearSelect(%o)", key);
-		var idx = $.inArray(key, this.selectedKeyList); 
-		if( idx >= 0 ) {
-			this.selectedKeyList.splice(idx, 1);
-			$.cookie(this.cookieId + "-select", this.selectedKeyList.join(","), this.cookieOpts);
-		}
-	},
-	isReloading: function() {
-		return this.cookiesFound == true;
-	},
-	toDict: function() {
-		return {
-			cookiesFound: this.cookiesFound,
-			activeKey: this.activeKey,
-			focusedKey: this.activeKey,
-			expandedKeyList: this.expandedKeyList,
-			selectedKeyList: this.selectedKeyList
-		};
-	},
-	// --- end of class
-	lastentry: undefined
-};
-
-
-/*************************************************************************
- * class DynaTree
- */
-
-var DynaTree = Class.create();
-
-// --- Static members ----------------------------------------------------------
-
-DynaTree.version = "$Version: 0.5.2$"; 
-/*
-DynaTree._initTree = function() {
-};
-
-DynaTree._bind = function() {
-};
-*/
-//--- Class members ------------------------------------------------------------
-
-DynaTree.prototype = {
-	// Constructor
-//	initialize: function(divContainer, options) {
-	initialize: function($widget) {
-		// instance members
-		this.phase = "init";
-		this.$widget = $widget;
-		this.options = $widget.options;
-		this.$tree = $widget.element;
-		// find container element
-		this.divTree = this.$tree.get(0);
-	},
-
-	// member functions
-
-	_load: function() {
-		var $widget = this.$widget;
-		var opts = this.options;
-		this.bEnableUpdate = true;
-		this._nodeCount = 1;
-		this.activeNode = null;
-		this.focusNode = null;
-
-		// If a 'options.classNames' dictionary was passed, still use defaults 
-    	// for undefined classes:
-    	if( opts.classNames !== $.ui.dynatree.defaults.classNames ) {
-    		opts.classNames = $.extend({}, $.ui.dynatree.defaults.classNames, opts.classNames);
-    	}
-    	// Guess skin path, if not specified
-    	if(!opts.imagePath) {
-    		$("script").each( function () {
-    			// Eclipse syntax parser breaks on this expression, so put it at the bottom:
-    			if( this.src.search(_rexDtLibName) >= 0 ) {
-                    if( this.src.indexOf("/")>=0 ) // issue #47
-    				    opts.imagePath = this.src.slice(0, this.src.lastIndexOf("/")) + "/skin/";
-                    else
-    				    opts.imagePath = "skin/";
-//    				logMsg("Guessing imagePath from '%s': '%s'", this.src, opts.imagePath);
-    				return false; // first match
-    			}
-    		});
-    	}
-    	
-		this.persistence = new DynaTreeStatus(opts.cookieId, opts.cookie);
-		if( opts.persist ) {
-			if( !$.cookie )
-				_log("warn", "Please include jquery.cookie.js to use persistence.");
-			this.persistence.read();
-		}
-		this.logDebug("DynaTree.persistence: %o", this.persistence.toDict());
-
-		// Cached tag strings
-		this.cache = {
-			tagEmpty: "<span class='" + opts.classNames.empty + "'></span>",
-			tagVline: "<span class='" + opts.classNames.vline + "'></span>",
-			tagExpander: "<span class='" + opts.classNames.expander + "'></span>",
-			tagConnector: "<span class='" + opts.classNames.connector + "'></span>",
-			tagNodeIcon: "<span class='" + opts.classNames.nodeIcon + "'></span>",
-			tagCheckbox: "<span class='" + opts.classNames.checkbox + "'></span>",
-			lastentry: undefined
-		};
-
-    	// Clear container, in case it contained some 'waiting' or 'error' text 
-    	// for clients that don't support JS.
-		// We don't do this however, if we try to load from an embedded UL element.
-    	if( opts.children || (opts.initAjax && opts.initAjax.url) || opts.initId )
-    		$(this.divTree).empty();
-    	else if( this.divRoot )
-    		$(this.divRoot).remove();
-
-		// create the root element
-		this.tnRoot = new DynaTreeNode(null, this, {title: opts.title, key: "root"});
-		this.tnRoot.data.isFolder = true;
-		this.tnRoot.render(false, false);
-		this.divRoot = this.tnRoot.div;
-		this.divRoot.className = opts.classNames.container;
-		// add root to container
-		// TODO: this should be delayed until all children have been created for performance reasons
-		this.divTree.appendChild(this.divRoot);
-
-    	var root = this.tnRoot;
-    	var isReloading = ( opts.persist && this.persistence.isReloading() );
-    	var isLazy = false;
-    	var prevFlag = this.enableUpdate(false);  
-
-    	this.logDebug("Dynatree._load(): read tree structure...");
-
-    	// Init tree structure
-    	if( opts.children ) {
-    		// Read structure from node array
-    		root.addChild(opts.children);
-
-    	} else if( opts.initAjax && opts.initAjax.url ) {
-    		// Init tree from AJAX request
-    		isLazy = true;
-    		root.data.isLazy = true;
-    		this._reloadAjax();
-
-    	} else if( opts.initId ) {
-    		// Init tree from another UL element
-    		this._createFromTag(root, $("#"+opts.initId));
-
-    	} else {
-    		// Init tree from the first UL element inside the container <div>
-    		var $ul = this.$tree.find(">ul").hide();
-    		this._createFromTag(root, $ul);
-    		$ul.remove();
-    	}
-    	
-    	this._checkConsistency();
-    	// Render html markup
-    	this.logDebug("Dynatree._load(): render nodes...");
-    	this.enableUpdate(prevFlag);
-    	
-    	// bind event handlers
-    	this.logDebug("Dynatree._load(): bind events...");
-    	this.$widget.bind();
-
-        // --- Post-load processing
-    	this.logDebug("Dynatree._load(): postInit...");
-    	this.phase = "postInit";
-    	
-    	// In persist mode, make sure that cookies are written, even if they are empty
-        if( opts.persist ) { 
-			this.persistence.write();
-        }
-        
-    	// Set focus, if possible (this will also fire an event and write a cookie)
-    	if( this.focusNode && this.focusNode.isVisible() ) {
-    		this.logDebug("Focus on init: %o", this.focusNode);
-    		this.focusNode.focus();
-    	}
-
-    	if( !isLazy && opts.onPostInit ) {
-    		opts.onPostInit.call(this, isReloading, false);
-    	}
-
-    	this.phase = "idle";
-	},
-	
-	_reloadAjax: function() {
-		// Reload 
-		var opts = this.options;
-		if( ! opts.initAjax || ! opts.initAjax.url )
-			throw "tree.reload() requires 'initAjax' mode.";
-		var pers = this.persistence;
-		var ajaxOpts = $.extend({}, opts.initAjax);
-		// Append cookie info to the request
-//		this.logDebug("reloadAjax: key=%o, an.key:%o", pers.activeKey, this.activeNode?this.activeNode.data.key:"?");
-		if( ajaxOpts.addActiveKey )
-			ajaxOpts.data.activeKey = pers.activeKey; 
-		if( ajaxOpts.addFocusedKey )
-			ajaxOpts.data.focusedKey = pers.focusedKey; 
-		if( ajaxOpts.addExpandedKeyList )
-			ajaxOpts.data.expandedKeyList = pers.expandedKeyList.join(","); 
-		if( ajaxOpts.addSelectedKeyList )
-			ajaxOpts.data.selectedKeyList = pers.selectedKeyList.join(","); 
-
-		// Set up onPostInit callback to be called when Ajax returns
-		if( opts.onPostInit ) {
-			if( ajaxOpts.success )
-				this.tree.logWarning("initAjax: success callback is ignored when onPostInit was specified.");
-			if( ajaxOpts.error )
-				this.tree.logWarning("initAjax: error callback is ignored when onPostInit was specified.");
-			var isReloading = pers.isReloading();
-			ajaxOpts["success"] = function(dtnode) { opts.onPostInit.call(dtnode.tree, isReloading, false); }; 
-			ajaxOpts["error"] = function(dtnode) { opts.onPostInit.call(dtnode.tree, isReloading, true); }; 
-		}
-    	this.logDebug("Dynatree._init(): send Ajax request...");
-    	this.tnRoot.appendAjax(ajaxOpts);
-	},
-
-	toString: function() {
-		return "DynaTree '" + this.options.title + "'";
-	},
-
-	toDict: function() {
-		return this.tnRoot.toDict(true);
-	},
-	
-	getPersistData: function() {
-		return this.persistence.toDict();
-	},
-	
-	logDebug: function(msg) {
-		if( this.options.debugLevel >= 2 ) {
-			Array.prototype.unshift.apply(arguments, ["debug"]);
-			_log.apply(this, arguments);
-		}
-	},
-
-	logInfo: function(msg) {
-		if( this.options.debugLevel >= 1 ) {
-			Array.prototype.unshift.apply(arguments, ["info"]);
-			_log.apply(this, arguments);
-		}
-	},
-
-	logWarning: function(msg) {
-		Array.prototype.unshift.apply(arguments, ["warn"]);
-		_log.apply(this, arguments);
-	},
-
-	isInitializing: function() {
-		return ( this.phase=="init" || this.phase=="postInit" );
-	},
-	isReloading: function() {
-		return ( this.phase=="init" || this.phase=="postInit" ) && this.options.persist && this.persistence.cookiesFound;
-	},
-	isUserEvent: function() {
-		return ( this.phase=="userEvent" );
-	},
-
-	redraw: function() {
-		this.logDebug("dynatree.redraw()...");
-		this.tnRoot.render(true, true);
-		this.logDebug("dynatree.redraw() done.");
-	},
-
-	reloadAjax: function() {
-		this.logWarning("tree.reloadAjax() is deprecated since v0.5.2 (use reload() instead).");
-	},
-	
-	reload: function() {
-		this._load();
-	},
-	
-	getRoot: function() {
-		return this.tnRoot;
-	},
-
-	getNodeByKey: function(key) {
-		// $("#...") has problems, if the key contains '.', so we use getElementById()
-//		return $("#" + this.options.idPrefix + key).attr("dtnode");
-		var el = document.getElementById(this.options.idPrefix + key);
-		return ( el && el.dtnode ) ? el.dtnode : null;
-	},
-
-	getActiveNode: function() {
-		return this.activeNode;
-	},
-	
-	reactivate: function(setFocus) {
-		// Re-fire onQueryActivate and onActivate events.
-		var node = this.activeNode;
-//		this.logDebug("reactivate %o", node);
-		if( node ) {
-			this.activeNode = null; // Force re-activating
-			node.activate();
-			if( setFocus )
-				node.focus();
-		}
-	},
-
-	getSelectedNodes: function(stopOnParents) {
-		var nodeList = [];
-		this.tnRoot.visit(function(dtnode){
-			if( dtnode.bSelected ) {
-				nodeList.push(dtnode);
-				if( stopOnParents == true )
-					return false; // stop processing this branch
-			}
-		});
-		return nodeList;
-	},
-
-	activateKey: function(key) {
-		var dtnode = (key === null) ? null : this.getNodeByKey(key);
-		if( !dtnode ) {
-			if( this.activeNode )
-				this.activeNode.deactivate();
-			this.activeNode = null;
-			return null;
-		}
-		dtnode.focus();
-		dtnode.activate();
-		return dtnode;
-	},
-
-	selectKey: function(key, select) {
-		var dtnode = this.getNodeByKey(key);
-		if( !dtnode )
-			return null;
-		dtnode.select(select);
-		return dtnode;
-	},
-
-	enableUpdate: function(bEnable) {
-		if ( this.bEnableUpdate==bEnable )
-			return bEnable;
-		this.bEnableUpdate = bEnable;
-		if ( bEnable )
-			this.redraw();
-		return !bEnable; // return previous value
-	},
-
-	visit: function(fn, data, includeRoot) {
-		return this.tnRoot.visit(fn, data, includeRoot);
-	},
-
-	_createFromTag: function(parentTreeNode, $ulParent) {
-		// Convert a <UL>...</UL> list into children of the parent tree node.
-		var self = this;
-/*
-TODO: better?
-		this.$lis = $("li:has(a[href])", this.element);
-		this.$tabs = this.$lis.map(function() { return $("a", this)[0]; });
- */
-		$ulParent.find(">li").each(function() {
-			var $li = $(this);
-			var $liSpan = $li.find(">span:first");
-			var title;
-			if( $liSpan.length ) {
-				// If a <li><span> tag is specified, use it literally.
-				title = $liSpan.html();
-			} else {
-				// If only a <li> tag is specified, use the trimmed string up to the next child <ul> tag.
-				title = $li.html();
-				var iPos = title.search(/<ul/i);
-				if( iPos>=0 )
-					title = $.trim(title.substring(0, iPos));
-				else
-					title = $.trim(title);
-//				self.logDebug("%o", title);
-			}
-			// Parse node options from ID, title and class attributes
-			var data = {
-				title: title,
-				isFolder: $li.hasClass("folder"),
-				isLazy: $li.hasClass("lazy"),
-				expand: $li.hasClass("expanded"),
-				select: $li.hasClass("selected"),
-				activate: $li.hasClass("active"),
-				focus: $li.hasClass("focused")
-			};
-			if( $li.attr("title") )
-				data.tooltip = $li.attr("title");
-			if( $li.attr("id") )
-				data.key = $li.attr("id");
-			// If a data attribute is present, evaluate as a JavaScript object
-			if( $li.attr("data") ) {
-				var dataAttr = $.trim($li.attr("data"));
-				if( dataAttr ) {
-					if( dataAttr.charAt(0) != "{" )
-						dataAttr = "{" + dataAttr + "}"
-					try {
-						$.extend(data, eval("(" + dataAttr + ")"));
-					} catch(e) {
-						throw ("Error parsing node data: " + e + "\ndata:\n'" + dataAttr + "'");
-					}
-				}
-			}
-			childNode = parentTreeNode.addChild(data);
-			// Recursive reading of child nodes, if LI tag contains an UL tag
-			var $ul = $li.find(">ul:first");
-			if( $ul.length ) {
-				self._createFromTag(childNode, $ul); // must use 'self', because 'this' is the each() context
-			}
-		});
-	},
-
-	_checkConsistency: function() {
-//		this.logDebug("tree._checkConsistency() NOT IMPLEMENTED - %o", this);
-	},
-	
-	// --- end of class
-	lastentry: undefined
-};
-
-/*************************************************************************
- * widget $(..).dynatree
- */
-
-$.widget("ui.dynatree", {
-	init: function() {
-        // ui.core 1.6 renamed init() to _init(): this stub assures backward compatibility
-        _log("warn", "ui.dynatree.init() was called; you should upgrade to ui.core.js v1.6 or higher.");
-        return this._init();
-    },
-
-	_init: function() {
-    	logMsg("Dynatree._init(): version='%s', debugLevel=%o.", DynaTree.version, this.options.debugLevel);
-
-    	var opts = this.options;
-    	// The widget framework supplies this.element and this.options.
-    	this.options.event += ".dynatree"; // namespace event
-
-    	var divTree = this.element.get(0);
-/*    	// Clear container, in case it contained some 'waiting' or 'error' text 
-    	// for clients that don't support JS
-    	if( opts.children || (opts.initAjax && opts.initAjax.url) || opts.initId )
-    		$(divTree).empty();
-*/
-    	// Create the DynaTree object
-    	this.tree = new DynaTree(this);
-    	this.tree._load();
-    	this.tree.logDebug("Dynatree._init(): done.");
-	},
-
-	bind: function() {
-		var $this = this.element;
-		var o = this.options;
-
-		// Prevent duplicate binding
-		this.unbind();
-		
-		// Tool function to get dtnode from the event target:
-		function __getNodeFromElement(el) {
-			var iMax = 5;
-			while( el && iMax-- ) {
-				if( el.dtnode ) return el.dtnode;
-				el = el.parentNode;
-			};
-			return null;
-		}
-
-		var eventNames = "click.dynatree dblclick.dynatree";
-		if( o.keyboard ) // Note: leading ' '!
-			eventNames += " keypress.dynatree keydown.dynatree";
-		$this.bind(eventNames, function(event){
-			var dtnode = __getNodeFromElement(event.target);
-			if( !dtnode )
-				return true;  // Allow bubbling of other events
-			var prevPhase = dtnode.tree.phase;
-			dtnode.tree.phase = "userEvent";
-			try {
-				dtnode.tree.logDebug("bind(%o): dtnode: %o", event, dtnode);
-
-				switch(event.type) {
-				case "click":
-					return ( o.onClick && o.onClick(dtnode, event)===false ) ? false : dtnode.onClick(event);
-				case "dblclick":
-					return ( o.onDblClick && o.onDblClick(dtnode, event)===false ) ? false : dtnode.onDblClick(event);
-				case "keydown":
-					return ( o.onKeydown && o.onKeydown(dtnode, event)===false ) ? false : dtnode.onKeydown(event);
-				case "keypress":
-					return ( o.onKeypress && o.onKeypress(dtnode, event)===false ) ? false : dtnode.onKeypress(event);
-				};
-			} catch(e) {
-				var _ = null; // issue 117
-//				dtnode.tree.logError("bind(%o): dtnode: %o", event, dtnode);
-			} finally {
-				dtnode.tree.phase = prevPhase;
-			}
-		});
-		
-		// focus/blur don't bubble, i.e. are not delegated to parent <div> tags,
-		// so we use the addEventListener capturing phase.
-		// See http://www.howtocreate.co.uk/tutorials/javascript/domevents
-		function __focusHandler(event) {
-			// Handles blur and focus.
-			// Fix event for IE:
-			event = arguments[0] = $.event.fix( event || window.event );
-			var dtnode = __getNodeFromElement(event.target);
-			return dtnode ? dtnode.onFocus(event) : false;
-		}
-		var div = this.tree.divTree;
-		if( div.addEventListener ) {
-			div.addEventListener("focus", __focusHandler, true);
-			div.addEventListener("blur", __focusHandler, true);
-		} else {
-			div.onfocusin = div.onfocusout = __focusHandler;
-		}
-		// EVENTS
-		// disable click if event is configured to something else
-//		if (!(/^click/).test(o.event))
-//			this.$tabs.bind("click.tabs", function() { return false; });
-		
-	},
-	
-	unbind: function() {
-		this.element.unbind(".dynatree");
-	},
-	
-/* TODO: we could handle option changes during runtime here (maybe to re-render, ...)
-	setData: function(key, value) {
-		this.tree.logDebug("dynatree.setData('" + key + "', '" + value + "')");
-	},
-*/	
-	enable: function() {
-		this.bind();
-		// Call default disable(): remove -disabled from css: 
-		$.widget.prototype.enable.apply(this, arguments);
-	},
-	
-	disable: function() {
-		this.unbind();
-		// Call default disable(): add -disabled to css: 
-		$.widget.prototype.disable.apply(this, arguments);
-	},
-	
-	// --- getter methods (i.e. NOT returning a reference to $)
-	getTree: function() {
-		return this.tree;
-	},
-
-	getRoot: function() {
-		return this.tree.getRoot();
-	},
-
-	getActiveNode: function() {
-		return this.tree.getActiveNode();
-	},
-
-	getSelectedNodes: function() {
-		return this.tree.getSelectedNodes();
-	},
-
-	// ------------------------------------------------------------------------
-	lastentry: undefined
-});
-
-
-// The following methods return a value (thus breaking the jQuery call chain):
-
-$.ui.dynatree.getter = "getTree getRoot getActiveNode getSelectedNodes";
-
-
-// Plugin default options:
-
-$.ui.dynatree.defaults = {
-	title: "Dynatree root", // Name of the root node.
-	rootVisible: false, // Set to true, to make the root node visible.
- 	minExpandLevel: 1, // 1: root node is not collapsible
-	imagePath: null, // Path to a folder containing icons. Defaults to 'skin/' subdirectory.
-	children: null, // Init tree structure from this object array.
-	initId: null, // Init tree structure from a <ul> element with this ID.
-	initAjax: null, // Ajax options used to initialize the tree strucuture.
-	autoFocus: true, // Set focus to first child, when expanding or lazy-loading.
-	keyboard: true, // Support keyboard navigation.
-    persist: false, // Persist expand-status to a cookie
-	autoCollapse: false, // Automatically collapse all siblings, when a node is expanded.
-	clickFolderMode: 3, // 1:activate, 2:expand, 3:activate and expand
-	activeVisible: true, // Make sure, active nodes are visible (expanded).
-	checkbox: false, // Show checkboxes.
-	selectMode: 2, // 1:single, 2:multi, 3:multi-hier
-	fx: null, // Animations, e.g. null or { height: "toggle", duration: 200 }
-
-	// Low level event handlers: onEvent(dtnode, event): return false, to stop default processing
-	onClick: null, // null: generate focus, expand, activate, select events.
-	onDblClick: null, // (No default actions.)
-	onKeydown: null, // null: generate keyboard navigation (focus, expand, activate).
-	onKeypress: null, // (No default actions.)
-	onFocus: null, // null: set focus to node.
-	onBlur: null, // null: remove focus from node.
-
-	// Pre-event handlers onQueryEvent(flag, dtnode): return false, to stop processing
-	onQueryActivate: null, // Callback(flag, dtnode) before a node is (de)activated.
-	onQuerySelect: null, // Callback(flag, dtnode) before a node is (de)selected.
-	onQueryExpand: null, // Callback(flag, dtnode) before a node is expanded/collpsed.
-	
-	// High level event handlers
-	onPostInit: null, // Callback(isReloading, isError) when tree was (re)loaded.
-	onActivate: null, // Callback(dtnode) when a node is activated.
-	onDeactivate: null, // Callback(dtnode) when a node is deactivated.
-	onSelect: null, // Callback(flag, dtnode) when a node is (de)selected.
-	onExpand: null, // Callback(dtnode) when a node is expanded/collapsed.
-	onLazyRead: null, // Callback(dtnode) when a lazy node is expanded for the first time.
-	
-	ajaxDefaults: { // Used by initAjax option
-		cache: false, // false: Append random '_' argument to the request url to prevent caching.
-		dataType: "json" // Expect json format and pass json object to callbacks.
-	},
-	strings: {
-		loading: "Loading&#8230;",
-		loadError: "Load error!"
-	},
-	idPrefix: "ui-dynatree-id-", // Used to generate node id's like <span id="ui-dynatree-id-<key>">.
-//    cookieId: "ui-dynatree-cookie", // Choose a more unique name, to allow multiple trees.
-    cookieId: "dynatree", // Choose a more unique name, to allow multiple trees.
-	cookie: {
-		expires: null //7, // Days or Date; null: session cookie
-//		path: "/", // Defaults to current page
-//		domain: "jquery.com",
-//		secure: true
-	},
-    // Class names used, when rendering the HTML markup.
-	// Note: if only single entries are passed for options.classNames, all other 
-	// values are still set to default. 
-	classNames: {
-		container: "ui-dynatree-container",
-		folder: "ui-dynatree-folder",
-		document: "ui-dynatree-document",
-		
-		empty: "ui-dynatree-empty",
-		vline: "ui-dynatree-vline",
-		expander: "ui-dynatree-expander",
-		connector: "ui-dynatree-connector",
-		checkbox: "ui-dynatree-checkbox",
-		nodeIcon: "ui-dynatree-icon",
-		title: "ui-dynatree-title",
-		
-		nodeError: "ui-dynatree-statusnode-error",
-		nodeWait: "ui-dynatree-statusnode-wait",
-		hidden: "ui-dynatree-hidden",
-		combinedExpanderPrefix: "ui-dynatree-exp-",
-		combinedIconPrefix: "ui-dynatree-ico-",
-//		disabled: "ui-dynatree-disabled",
-		hasChildren: "ui-dynatree-has-children",
-		active: "ui-dynatree-active",
-		selected: "ui-dynatree-selected",
-		expanded: "ui-dynatree-expanded",
-		lazy: "ui-dynatree-lazy",
-		focused: "ui-dynatree-focused",
-		partsel: "ui-dynatree-partsel",
-		lastsib: "ui-dynatree-lastsib"
-	},
-	debugLevel: 1,
-
-	// ------------------------------------------------------------------------
-	lastentry: undefined
-};
-
-/**
- * Reserved data attributes for a tree node.
- */
-$.ui.dynatree.nodedatadefaults = {
-	title: null, // (required) Displayed name of the node (html is allowed here)
-	key: null, // May be used with activate(), select(), find(), ...
-	isFolder: false, // Use a folder icon. Also the node is expandable but not selectable.
-	isLazy: false, // Call onLazyRead(), when the node is expanded for the first time to allow for delayed creation of children.
-	tooltip: null, // Show this popup text.
-	icon: null, // Use a custom image (filename relative to tree.options.imagePath). 'null' for default icon, 'false' for no icon.
-	addClass: null, // Class name added to the node's span tag.  
-	activate: false, // Initial active status.
-	focus: false, // Initial focused status.
-	expand: false, // Initial expanded status.
-	select: false, // Initial selected status.
-	hideCheckbox: false, // Suppress checkbox display for this node.
-	unselectable: false, // Prevent selection.
-//  disabled: false,	
-	// The following attributes are only valid if passed to some functions:
-	children: null, // Array of child nodes.
-	// NOTE: we can also add custom attributes here.
-	// This may then also be used in the onActivate(), onSelect() or onLazyTree() callbacks.
-	// ------------------------------------------------------------------------
-	lastentry: undefined
-};
-
-// ---------------------------------------------------------------------------
-})(jQuery);
-
-// Eclipse syntax parser breaks on this expression, so we put it at the bottom.
-var _rexDtLibName = /.*dynatree[^/]*\.js$/i;
+/*************************************************************************
+	jquery.dynatree.js
+	Dynamic tree view control, with support for lazy loading of branches.
+
+	Copyright (c) 2008-2010  Martin Wendt (http://wwWendt.de)
+	Licensed under the MIT License (MIT-License.txt)
+
+	A current version and some documentation is available at
+		http://dynatree.googlecode.com/
+
+	Let me know, if you find bugs or improvements (martin at domain wwWendt.de).
+
+	$Version: 0.5.3$
+	$Revision: 313, 2010-03-15 15:55:09$
+
+ 	@depends: jquery.js
+ 	@depends: ui.core.js
+    @depends: jquery.cookie.js
+*************************************************************************/
+
+
+/*************************************************************************
+ *	Debug functions
+ */
+
+var _canLog = true;
+
+function _log(mode, msg) {
+	/**
+	 * Usage: logMsg("%o was toggled", this);
+	 */
+	if( !_canLog ) 
+		return;
+	// Remove first argument
+	var args = Array.prototype.slice.apply(arguments, [1]); 
+	// Prepend timestamp
+	var dt = new Date();
+	var tag = dt.getHours()+":"+dt.getMinutes()+":"+dt.getSeconds()+"."+dt.getMilliseconds();
+	args[0] = tag + " - " + args[0];
+
+	try {
+		switch( mode ) {
+		case "info":
+			window.console.info.apply(window.console, args);
+			break;
+		case "warn":
+			window.console.warn.apply(window.console, args);
+			break;
+		default:
+			window.console.log.apply(window.console, args);
+		}
+	} catch(e) {
+		if( !window.console )
+			_canLog = false; // Permanently disable, when logging is not supported by the browser 
+	}
+}
+
+function logMsg(msg) {
+	Array.prototype.unshift.apply(arguments, ["debug"]);
+	_log.apply(this, arguments);
+}
+
+
+// Forward declaration
+var getDynaTreePersistData = undefined;
+
+
+
+/*************************************************************************
+ *	Constants
+ */
+var DTNodeStatus_Error   = -1;
+var DTNodeStatus_Loading = 1;
+var DTNodeStatus_Ok      = 0;
+
+
+// Start of local namespace
+;(function($) {
+
+/*************************************************************************
+ *	Common tool functions.
+ */
+
+var Class = {
+	create: function() {
+		return function() {
+			this.initialize.apply(this, arguments);
+		}
+	}
+}
+
+/*************************************************************************
+ *	Class DynaTreeNode
+ */
+var DynaTreeNode = Class.create();
+
+DynaTreeNode.prototype = {
+	initialize: function(parent, tree, data) {
+		/**
+		 * @constructor 
+		 */
+		this.parent = parent; 
+		this.tree = tree;
+		if ( typeof data == "string" ) 
+			data = { title: data };
+		if( data.key == undefined )
+			data.key = "_" + tree._nodeCount++;
+		this.data = $.extend({}, $.ui.dynatree.nodedatadefaults, data);
+		this.div = null; // not yet created
+		this.span = null; // not yet created
+		this.childList = null; // no subnodes yet
+//		this.isRead = false; // Lazy content not yet read
+		this.isLoading = false; // Lazy content is being loaded
+		this.hasSubSel = false;
+	},
+
+	toString: function() {
+		return "dtnode<" + this.data.key + ">: '" + this.data.title + "'";
+	},
+
+	toDict: function(recursive, callback) {
+		var dict = $.extend({}, this.data);
+		dict.activate = ( this.tree.activeNode === this );
+		dict.focus = ( this.tree.focusNode === this );
+		dict.expand = this.bExpanded;
+		dict.select = this.bSelected;
+		if( callback )
+			callback(dict);
+		if( recursive && this.childList ) {
+			dict.children = [];
+			for(var i=0; i<this.childList.length; i++ )
+				dict.children.push(this.childList[i].toDict(true, callback));
+		} else {
+			delete dict.children;
+		}
+		return dict;
+	},
+
+	_getInnerHtml: function() {
+		var opts = this.tree.options;
+		var cache = this.tree.cache;
+		// parent connectors
+		var rootParent = opts.rootVisible ? null : this.tree.tnRoot; 
+		var bHideFirstExpander = (opts.rootVisible && opts.minExpandLevel>0) || opts.minExpandLevel>1;
+		var bHideFirstConnector = opts.rootVisible || opts.minExpandLevel>0;
+
+		var res = "";
+		var p = this.parent;
+		while( p ) {
+			// Suppress first connector column, if visible top level is always expanded
+			if ( bHideFirstConnector && p==rootParent  )
+				break;
+			res = ( p.isLastSibling() ? cache.tagEmpty : cache.tagVline) + res;
+			p = p.parent;
+		}
+
+		// connector (expanded, expandable or simple)
+		if( bHideFirstExpander && this.parent==rootParent ) { 
+			// skip connector
+		} else if ( this.childList || this.data.isLazy ) {
+   			res += cache.tagExpander;
+		} else {
+   			res += cache.tagConnector;
+		}
+		
+		// Checkbox mode
+		if( opts.checkbox && this.data.hideCheckbox!=true && !this.data.isStatusNode ) {
+   			res += cache.tagCheckbox;
+		}
+		
+		// folder or doctype icon
+   		if ( this.data.icon ) {
+    		res += "<img src='" + opts.imagePath + this.data.icon + "' alt='' />";
+   		} else if ( this.data.icon == false ) {
+        	// icon == false means 'no icon'
+		} else {
+        	// icon == null means 'default icon'
+   			res += cache.tagNodeIcon;
+		}
+
+		// node name
+		var tooltip = ( this.data && typeof this.data.tooltip == "string" ) ? " title='" + this.data.tooltip + "'" : "";
+		res +=  "<a href='#' class='" + opts.classNames.title + "'" + tooltip + ">" + this.data.title + "</a>";
+		return res;
+	},
+
+	_fixOrder: function() {
+		/**
+		 * Make sure, that <div> order matches childList order.
+		 */
+		var cl = this.childList; 
+		if( !cl )
+			return;
+		var childDiv = this.div.firstChild.nextSibling;
+		for(var i=0; i<cl.length-1; i++) {
+			var childNode1 = cl[i]; 
+			var childNode2 = childDiv.firstChild.dtnode;
+			if( childNode1 !== childNode2 ) {
+//
+				this.tree.logDebug("_fixOrder: mismatch at index " + i + ": " + childNode1 + " != " + childNode2);
+				this.div.insertBefore(childNode1.div, childNode2.div);
+			} else {
+				childDiv = childDiv.nextSibling;
+			}
+		}
+	},
+	
+	render: function(bDeep, bHidden) {
+		/**
+		 * Create HTML markup for this node.
+		 * 
+		 * <div> // This div contains the node's span and list of child div's.
+		 *   <span id='key'>S S S A</span> // Span contains graphic spans and title <a> tag 
+		 *   <div>child1</div>
+		 *   <div>child2</div>
+		 * </div>
+		 */
+//		this.tree.logDebug("%o.render()", this);
+		var opts = this.tree.options;
+		var cn = opts.classNames;
+		var isLastSib = this.isLastSibling();
+		// --- 
+		if( ! this.div ) {
+			this.span = document.createElement("span");
+			this.span.dtnode = this;
+			if( this.data.key )
+				this.span.id = this.tree.options.idPrefix + this.data.key;
+			this.div  = document.createElement("div");
+			this.div.appendChild(this.span);
+			
+			if ( this.parent ) {
+				this.parent.div.appendChild(this.div);
+			}
+
+			if( this.parent==null && !this.tree.options.rootVisible )
+				this.span.style.display = "none";
+		}
+		// set node connector images, links and text
+		this.span.innerHTML = this._getInnerHtml();
+
+		// hide this node, if parent is collapsed
+		this.div.style.display = ( this.parent==null || this.parent.bExpanded ? "" : "none");
+
+		// Set classes for current status
+		var cnList = [];
+		cnList.push( ( this.data.isFolder ) ? cn.folder : cn.document );
+		if( this.bExpanded )
+			cnList.push(cn.expanded);
+		if( this.childList != null )
+			cnList.push(cn.hasChildren);
+		if( this.data.isLazy && this.childList==null )
+			cnList.push(cn.lazy);
+		if( isLastSib )
+			cnList.push(cn.lastsib);
+		if( this.bSelected )
+			cnList.push(cn.selected);
+		if( this.hasSubSel )
+			cnList.push(cn.partsel);
+		if( this.tree.activeNode === this )
+			cnList.push(cn.active);
+		if( this.data.addClass )
+			cnList.push(this.data.addClass);
+		// IE6 doesn't correctly evaluate multiple class names,
+		// so we create combined class names that can be used in the CSS
+		cnList.push(cn.combinedExpanderPrefix
+				+ (this.bExpanded ? "e" : "c")
+				+ (this.data.isLazy && this.childList==null ? "d" : "")
+				+ (isLastSib ? "l" : "")
+				);
+		cnList.push(cn.combinedIconPrefix
+				+ (this.bExpanded ? "e" : "c")
+				+ (this.data.isFolder ? "f" : "")
+				);
+		this.span.className = cnList.join(" ");
+
+		if( bDeep && this.childList && (bHidden || this.bExpanded) ) {
+			for(var i=0; i<this.childList.length; i++) {
+				this.childList[i].render(bDeep, bHidden)
+			}
+			this._fixOrder();
+		}
+	},
+
+	hasChildren: function() {
+		return this.childList != null;
+	},
+
+	isLastSibling: function() {
+		var p = this.parent;
+		if ( !p ) return true;
+		return p.childList[p.childList.length-1] === this;
+	},
+
+	prevSibling: function() {
+		if( !this.parent ) return null;
+		var ac = this.parent.childList;
+		for(var i=1; i<ac.length; i++) // start with 1, so prev(first) = null
+			if( ac[i] === this )
+				return ac[i-1];
+		return null;
+	},
+
+	nextSibling: function() {
+		if( !this.parent ) return null;
+		var ac = this.parent.childList;
+		for(var i=0; i<ac.length-1; i++) // up to length-2, so next(last) = null
+			if( ac[i] === this )
+				return ac[i+1];
+		return null;
+	},
+
+	_setStatusNode: function(data) {
+		// Create, modify or remove the status child node (pass 'null', to remove it).
+		var firstChild = ( this.childList ? this.childList[0] : null );
+		if( !data ) {
+			if ( firstChild ) {
+				this.div.removeChild(firstChild.div);
+				if( this.childList.length == 1 )
+					this.childList = null;
+				else
+					this.childList.shift();
+			}
+		} else if ( firstChild ) {
+			data.isStatusNode = true;
+			firstChild.data = data;
+			firstChild.render(false, false);
+		} else {
+			data.isStatusNode = true;
+			firstChild = this.addChild(data);
+		}
+	},
+
+	setLazyNodeStatus: function(lts, opts) {
+		var tooltip = (opts && opts.tooltip) ? opts.tooltip : null;
+		var info = (opts && opts.info) ? " (" + opts.info + ")" : "";
+		switch( lts ) {
+			case DTNodeStatus_Ok:
+				this._setStatusNode(null);
+//				this.isRead = true;
+				this.isLoading = false;
+				this.render(false, false);
+				if( this.tree.options.autoFocus ) {
+					if( this === this.tree.tnRoot && !this.tree.options.rootVisible && this.childList ) {
+						// special case: using ajaxInit
+						this.childList[0].focus();
+					} else {
+						this.focus();
+					}
+				}
+				break;
+			case DTNodeStatus_Loading:
+				this.isLoading = true;
+				this._setStatusNode({
+					title: this.tree.options.strings.loading + info,
+					tooltip: tooltip,
+					addClass: this.tree.options.classNames.nodeWait
+				});
+				break;
+			case DTNodeStatus_Error:
+				this.isLoading = false;
+				this._setStatusNode({
+					title: this.tree.options.strings.loadError + info,
+					tooltip: tooltip,
+					addClass: this.tree.options.classNames.nodeError
+				});
+				break;
+			default:
+				throw "Bad LazyNodeStatus: '" + lts + "'.";
+		}
+	},
+
+	_parentList: function(includeRoot, includeSelf) {
+		var l = [];
+		var dtn = includeSelf ? this : this.parent;
+		while( dtn ) {
+			if( includeRoot || dtn.parent )
+				l.unshift(dtn);
+			dtn = dtn.parent;
+		};
+		return l;
+	},
+
+	getLevel: function() {
+		var level = 0;
+		var dtn = this.parent;
+		while( dtn ) {
+			level++;
+			dtn = dtn.parent;
+		};
+		return level;
+	},
+
+	_getTypeForOuterNodeEvent: function(event) {
+		/** Return the inner node span (title, checkbox or expander) if 
+		 *  event.target points to the outer span.
+		 *  This function should fix issue #93: 
+		 *  FF2 ignores empty spans, when generating events (returning the parent instead).
+		 */ 
+		var cns = this.tree.options.classNames;
+	    var target = event.target;
+	    // Only process clicks on an outer node span (probably due to a FF2 event handling bug)
+	    if( target.className.indexOf(cns.folder)<0 
+	    	&& target.className.indexOf(cns.document)<0 ) {
+	        return null
+	    }
+	    // Event coordinates, relative to outer node span:
+	    var eventX = event.pageX - target.offsetLeft;
+	    var eventY = event.pageY - target.offsetTop;
+	    
+	    for(var i=0; i<target.childNodes.length; i++) {
+	        var cn = target.childNodes[i];
+	        var x = cn.offsetLeft - target.offsetLeft;
+	        var y = cn.offsetTop - target.offsetTop;
+	        var nx = cn.clientWidth, ny = cn.clientHeight;
+//	        alert (cn.className + ": " + x + ", " + y + ", s:" + nx + ", " + ny);
+	        if( eventX>=x && eventX<=(x+nx) && eventY>=y && eventY<=(y+ny) ) {
+//	            alert("HIT "+ cn.className);
+	            if( cn.className==cns.title ) 
+	            	return "title";
+	            else if( cn.className==cns.expander ) 
+	            	return "expander";
+	            else if( cn.className==cns.checkbox ) 
+	            	return "checkbox";
+	            else if( cn.className==cns.nodeIcon ) 
+	            	return "icon";
+	        }
+	    }
+	    return "prefix";
+	},
+
+	getEventTargetType: function(event) {
+		// Return the part of a node, that a click event occured on.
+		// Note: there is no check, if the was fired on TIHS node. 
+		var tcn = event && event.target ? event.target.className : "";
+		var cns = this.tree.options.classNames;
+
+		if( tcn == cns.title )
+			return "title";
+		else if( tcn==cns.expander )
+			return "expander";
+		else if( tcn==cns.checkbox )
+			return "checkbox";
+		else if( tcn==cns.nodeIcon )
+			return "icon";
+		else if( tcn==cns.empty || tcn==cns.vline || tcn==cns.connector )
+			return "prefix";
+		else if( tcn.indexOf(cns.folder)>=0 || tcn.indexOf(cns.document)>=0 )
+			// FIX issue #93
+			return this._getTypeForOuterNodeEvent(event);
+		return null;
+	},
+
+	isVisible: function() {
+		// Return true, if all parents are expanded.
+		var parents = this._parentList(true, false);
+		for(var i=0; i<parents.length; i++)
+			if( ! parents[i].bExpanded ) return false;
+		return true;
+	},
+
+	makeVisible: function() {
+		// Make sure, all parents are expanded
+		var parents = this._parentList(true, false);
+		for(var i=0; i<parents.length; i++)
+			parents[i]._expand(true);
+	},
+
+	focus: function() {
+		// TODO: check, if we already have focus
+//		this.tree.logDebug("dtnode.focus(): %o", this);
+		this.makeVisible();
+		try {
+			$(this.span).find(">a").focus();
+		} catch(e) { }
+	},
+
+	_activate: function(flag, fireEvents) {
+		// (De)Activate - but not focus - this node.
+		this.tree.logDebug("dtnode._activate(%o, fireEvents=%o) - %o", flag, fireEvents, this);
+		var opts = this.tree.options;
+		if( this.data.isStatusNode )
+			return;
+		if ( fireEvents && opts.onQueryActivate && opts.onQueryActivate.call(this.span, flag, this) == false )
+			return; // Callback returned false
+		
+		if( flag ) {
+			// Activate
+			if( this.tree.activeNode ) {
+				if( this.tree.activeNode === this )
+					return;
+				this.tree.activeNode.deactivate();
+			}
+			if( opts.activeVisible )
+				this.makeVisible();
+			this.tree.activeNode = this;
+	        if( opts.persist )
+				$.cookie(opts.cookieId+"-active", this.data.key, opts.cookie);
+	        this.tree.persistence.activeKey = this.data.key;
+			$(this.span).addClass(opts.classNames.active);
+			if ( fireEvents && opts.onActivate ) // Pass element as 'this' (jQuery convention)
+				opts.onActivate.call(this.span, this);
+		} else {
+			// Deactivate
+			if( this.tree.activeNode === this ) {
+				var opts = this.tree.options;
+				if ( opts.onQueryActivate && opts.onQueryActivate.call(this.span, false, this) == false )
+					return; // Callback returned false
+				$(this.span).removeClass(opts.classNames.active);
+		        if( opts.persist ) {
+		        	// Note: we don't pass null, but ''. So the cookie is not deleted.
+		        	// If we pass null, we also have to pass a COPY of opts, because $cookie will override opts.expires (issue 84)
+					$.cookie(opts.cookieId+"-active", "", opts.cookie);
+		        }
+		        this.tree.persistence.activeKey = null;
+				this.tree.activeNode = null;
+				if ( fireEvents && opts.onDeactivate )
+					opts.onDeactivate.call(this.span, this);
+			}
+		}
+	},
+
+	activate: function() {
+		// Select - but not focus - this node.
+//		this.tree.logDebug("dtnode.activate(): %o", this);
+		this._activate(true, true);
+	},
+
+	deactivate: function() {
+//		this.tree.logDebug("dtnode.deactivate(): %o", this);
+		this._activate(false, true);
+	},
+
+	isActive: function() {
+		return (this.tree.activeNode === this);
+	},
+	
+	_userActivate: function() {
+		// Handle user click / [space] / [enter], according to clickFolderMode.
+		var activate = true;
+		var expand = false;
+		if ( this.data.isFolder ) {
+			switch( this.tree.options.clickFolderMode ) {
+			case 2:
+				activate = false;
+				expand = true;
+				break;
+			case 3:
+				activate = expand = true;
+				break;
+			}
+		}
+		if( this.parent == null && this.tree.options.minExpandLevel>0 ) {
+			expand = false;
+		}
+		if( expand ) {
+			this.toggleExpand();
+			this.focus();
+		} 
+		if( activate ) {
+			this.activate();
+		}
+	},
+
+	_setSubSel: function(hasSubSel) {
+		if( hasSubSel ) {
+			this.hasSubSel = true;
+			$(this.span).addClass(this.tree.options.classNames.partsel);
+		} else {
+			this.hasSubSel = false;
+			$(this.span).removeClass(this.tree.options.classNames.partsel);
+		}
+	},
+
+	_fixSelectionState: function() {
+		// fix selection status, for multi-hier mode 
+//		this.tree.logDebug("_fixSelectionState(%o) - %o", this.bSelected, this);
+		if( this.bSelected ) {
+			// Select all children
+			this.visit(function(dtnode){
+				dtnode.parent._setSubSel(true);
+				dtnode._select(true, false, false);
+			});
+			// Select parents, if all children are selected
+			var p = this.parent;
+			while( p ) {
+				p._setSubSel(true);
+				var allChildsSelected = true;
+				for(var i=0; i<p.childList.length;  i++) {
+					var n = p.childList[i]; 
+					if( !n.bSelected && !n.data.isStatusNode ) {
+						allChildsSelected = false;
+						break;
+					}
+				}
+				if( allChildsSelected )
+					p._select(true, false, false);
+				p = p.parent;
+			}
+		} else {
+			// Deselect all children
+			this._setSubSel(false);
+			this.visit(function(dtnode){
+				dtnode._setSubSel(false);
+				dtnode._select(false, false, false);
+			});
+			// Deselect parents, and recalc hasSubSel
+			var p = this.parent;
+			while( p ) {
+				p._select(false, false, false);
+				var isPartSel = false;
+				for(var i=0; i<p.childList.length;  i++) {
+					if( p.childList[i].bSelected || p.childList[i].hasSubSel ) {
+						isPartSel = true;
+						break;
+					}
+				}
+				p._setSubSel(isPartSel);
+				p = p.parent;
+			}
+		}
+	},
+	
+	_select: function(sel, fireEvents, deep) {
+		// Select - but not focus - this node.
+//		this.tree.logDebug("dtnode._select(%o) - %o", sel, this);
+		var opts = this.tree.options;
+		if( this.data.isStatusNode )
+			return;
+		// 
+		if( this.bSelected == sel ) {
+//			this.tree.logDebug("dtnode._select(%o) IGNORED - %o", sel, this);
+			return;
+		}
+		// Allow event listener to abort selection
+		if ( fireEvents && opts.onQuerySelect && opts.onQuerySelect.call(this.span, sel, this) == false )
+			return; // Callback returned false
+		
+		// Force single-selection
+		if( opts.selectMode==1 && sel ) { 
+			this.tree.visit(function(dtnode){
+				if( dtnode.bSelected ) {
+					// Deselect; assuming that in selectMode:1 there's max. one other selected node
+					dtnode._select(false, false, false);
+					return false;
+				}
+			});
+		}
+
+		this.bSelected = sel;
+//        this.tree._changeNodeList("select", this, sel);
+  
+		if( sel ) {
+			if( opts.persist )
+				this.tree.persistence.addSelect(this.data.key);
+
+			$(this.span).addClass(opts.classNames.selected);
+
+			if( deep && opts.selectMode==3 )
+				this._fixSelectionState();
+
+			if ( fireEvents && opts.onSelect )
+				opts.onSelect.call(this.span, true, this);
+
+		} else {
+			if( opts.persist )
+				this.tree.persistence.clearSelect(this.data.key);
+			
+			$(this.span).removeClass(opts.classNames.selected);
+
+	    	if( deep && opts.selectMode==3 )
+				this._fixSelectionState();
+
+	    	if ( fireEvents && opts.onSelect )
+				opts.onSelect.call(this.span, false, this);
+		}
+	},
+
+	select: function(sel) {
+		// Select - but not focus - this node.
+//		this.tree.logDebug("dtnode.select(%o) - %o", sel, this);
+		if( this.data.unselectable )
+			return this.bSelected;
+		return this._select(sel!=false, true, true);
+	},
+
+	toggleSelect: function() {
+//		this.tree.logDebug("dtnode.toggleSelect() - %o", this);
+		return this.select(!this.bSelected);
+	},
+
+	isSelected: function() {
+		return this.bSelected;
+	},
+	
+	_loadContent: function() {
+		try {
+			var opts = this.tree.options;
+			this.tree.logDebug("_loadContent: start - %o", this);
+			this.setLazyNodeStatus(DTNodeStatus_Loading);
+			if( true == opts.onLazyRead.call(this.span, this) ) {
+				// If function returns 'true', we assume that the loading is done:
+				this.setLazyNodeStatus(DTNodeStatus_Ok);
+				// Otherwise (i.e. if the loading was started as an asynchronous process)
+				// the onLazyRead(dtnode) handler is expected to call dtnode.setLazyNodeStatus(DTNodeStatus_Ok/_Error) when done.
+				this.tree.logDebug("_loadContent: succeeded - %o", this);
+			}
+		} catch(e) {
+//			alert(e);
+			this.setLazyNodeStatus(DTNodeStatus_Error);
+			this.tree.logWarning("_loadContent: failed - %o", e);
+		}
+	},
+	
+	_expand: function(bExpand) {
+//		this.tree.logDebug("dtnode._expand(%o) - %o", bExpand, this);
+		if( this.bExpanded == bExpand ) {
+//			this.tree.logDebug("dtnode._expand(%o) IGNORED - %o", bExpand, this);
+			return;
+		}
+		var opts = this.tree.options;
+		if( !bExpand && this.getLevel()<opts.minExpandLevel ) {
+			this.tree.logDebug("dtnode._expand(%o) forced expand - %o", bExpand, this);
+			return;
+		}
+		if ( opts.onQueryExpand && opts.onQueryExpand.call(this.span, bExpand, this) == false )
+			return; // Callback returned false
+		this.bExpanded = bExpand;
+
+		// Persist expand state
+		if( opts.persist ) {
+	        if( bExpand )
+				this.tree.persistence.addExpand(this.data.key);
+			else 
+				this.tree.persistence.clearExpand(this.data.key);
+		}
+
+		this.render(false);
+
+        // Auto-collapse mode: collapse all siblings
+		if( this.bExpanded && this.parent && opts.autoCollapse ) {
+			var parents = this._parentList(false, true);
+			for(var i=0; i<parents.length; i++)
+				parents[i].collapseSiblings();
+		}
+
+		// If the currently active node is now hidden, deactivate it
+		if( opts.activeVisible && this.tree.activeNode && ! this.tree.activeNode.isVisible() ) {
+			this.tree.activeNode.deactivate();
+		}
+		// Expanding a lazy node: set 'loading...' and call callback
+		if( bExpand && this.data.isLazy && this.childList==null && !this.isLoading ) {
+			this._loadContent();
+			return;
+		}
+//		this.tree.logDebug("_expand: start div toggle - %o", this);
+
+		var fxDuration = opts.fx ? (opts.fx.duration || 200) : 0;
+		if( this.childList ) {
+			for(var i=0; i<this.childList.length; i++ ) {
+				var $child = $(this.childList[i].div);
+				if( fxDuration ) {
+					// This is a toggle, so only do it, if not already rendered (in)visible (issue 98)
+					if( bExpand != $child.is(':visible') )
+						$child.animate(opts.fx, fxDuration);
+				} else {
+					if( bExpand )
+						$child.show();
+					else
+						$child.hide(); // TODO: this seems to be slow, when called the first time for an element
+				}
+			}
+		}
+		
+/* issue 109: using selector filter is really SLOW.
+		// issue 98: only toggle, if render hasn't set visibility already:
+		var filter = ">DIV" + (bExpand ? ":hidden" : ":visible");
+		
+		if( opts.fx ) {
+			var duration = opts.fx.duration || 200;
+//			$(">DIV", this.div).animate(opts.fx, duration);
+			$(filter, this.div).animate(opts.fx, duration);
+		} else {
+			$(filter, this.div).toggle();
+//			var $d = $(">DIV", this.div);
+//			this.tree.logDebug("_expand: got div, start toggle - %o", this);
+//			$d.toggle();
+		}
+//*/
+//		this.tree.logDebug("_expand: end div toggle - %o", this);
+
+		if ( opts.onExpand )
+			opts.onExpand.call(this.span, bExpand, this);
+	},
+
+	expand: function(flag) {
+		if( !this.childList && !this.data.isLazy && flag )
+			return; // Prevent expanding empty nodes
+		if( this.parent == null && this.tree.options.minExpandLevel>0 && !flag )
+			return; // Prevent collapsing the root
+		this._expand(flag);
+	},
+
+	toggleExpand: function() {
+		this.expand(!this.bExpanded);
+	},
+
+	collapseSiblings: function() {
+		if( this.parent == null )
+			return;
+		var ac = this.parent.childList;
+		for (var i=0; i<ac.length; i++) {
+			if ( ac[i] !== this && ac[i].bExpanded )
+				ac[i]._expand(false);
+		}
+	},
+
+	onClick: function(event) {
+//		this.tree.logDebug("dtnode.onClick(" + event.type + "): dtnode:" + this + ", button:" + event.button + ", which: " + event.which);
+		var targetType = this.getEventTargetType(event);
+		if( targetType == "expander" ) {
+			// Clicking the expander icon always expands/collapses
+			this.toggleExpand();
+			this.focus(); // issue 95
+		} else if( targetType == "checkbox" ) {
+			// Clicking the checkbox always (de)selects
+			this.toggleSelect();
+			this.focus(); // issue 95
+		} else {
+			this._userActivate();
+			// Chrome and Safari don't focus the a-tag on click
+			this.span.getElementsByTagName("a")[0].focus();
+		}
+		// Make sure that clicks stop, otherwise <a href='#'> jumps to the top
+		return false;
+	},
+
+	onDblClick: function(event) {
+//		this.tree.logDebug("dtnode.onDblClick(" + event.type + "): dtnode:" + this + ", button:" + event.button + ", which: " + event.which);
+	},
+
+	onKeydown: function(event) {
+//		this.tree.logDebug("dtnode.onKeydown(" + event.type + "): dtnode:" + this + ", charCode:" + event.charCode + ", keyCode: " + event.keyCode + ", which: " + event.which);
+		var handled = true;
+//		alert("keyDown" + event.which);
+
+		switch( event.which ) {
+			// charCodes:
+//			case 43: // '+'
+			case 107: // '+'
+			case 187: // '+' @ Chrome, Safari
+				if( !this.bExpanded ) this.toggleExpand();
+				break;
+//			case 45: // '-'
+			case 109: // '-'
+			case 189: // '+' @ Chrome, Safari
+				if( this.bExpanded ) this.toggleExpand();
+				break;
+			//~ case 42: // '*'
+				//~ break;
+			//~ case 47: // '/'
+				//~ break;
+			// case 13: // <enter>
+				// <enter> on a focused <a> tag seems to generate a click-event. 
+				// this._userActivate();
+				// break;
+			case 32: // <space>
+				this._userActivate();
+				break;
+			case 8: // <backspace>
+				if( this.parent )
+					this.parent.focus();
+				break;
+			case 37: // <left>
+				if( this.bExpanded ) {
+					this.toggleExpand();
+					this.focus();
+				} else if( this.parent && (this.tree.options.rootVisible || this.parent.parent) ) {
+					this.parent.focus();
+				}
+				break;
+			case 39: // <right>
+				if( !this.bExpanded && (this.childList || this.data.isLazy) ) {
+					this.toggleExpand();
+					this.focus();
+				} else if( this.childList ) {
+					this.childList[0].focus();
+				}
+				break;
+			case 38: // <up>
+				var sib = this.prevSibling();
+				while( sib && sib.bExpanded && sib.childList )
+					sib = sib.childList[sib.childList.length-1];
+				if( !sib && this.parent && (this.tree.options.rootVisible || this.parent.parent) )
+					sib = this.parent;
+				if( sib ) sib.focus();
+				break;
+			case 40: // <down>
+				var sib;
+				if( this.bExpanded && this.childList ) {
+					sib = this.childList[0];
+				} else {
+					var parents = this._parentList(false, true);
+					for(var i=parents.length-1; i>=0; i--) {
+						sib = parents[i].nextSibling();
+						if( sib ) break;
+					}
+				}
+				if( sib ) sib.focus();
+				break;
+			default:
+				handled = false;
+		}
+		// Return false, if handled, to prevent default processing
+		return !handled; 
+	},
+
+	onKeypress: function(event) {
+		// onKeypress is only hooked to allow user callbacks.
+		// We don't process it, because IE and Safari don't fire keypress for cursor keys.
+//		this.tree.logDebug("dtnode.onKeypress(" + event.type + "): dtnode:" + this + ", charCode:" + event.charCode + ", keyCode: " + event.keyCode + ", which: " + event.which);
+	},
+	
+	onFocus: function(event) {
+		// Handles blur and focus events.
+//		this.tree.logDebug("dtnode.onFocus(%o): %o", event, this);
+		var opts = this.tree.options;
+		if ( event.type=="blur" || event.type=="focusout" ) {
+			if ( opts.onBlur ) // Pass element as 'this' (jQuery convention)
+				opts.onBlur.call(this.span, this);
+			if( this.tree.tnFocused )
+				$(this.tree.tnFocused.span).removeClass(opts.classNames.focused);
+			this.tree.tnFocused = null;
+	        if( opts.persist ) 
+				$.cookie(opts.cookieId+"-focus", "", opts.cookie);
+		} else if ( event.type=="focus" || event.type=="focusin") {
+			// Fix: sometimes the blur event is not generated
+			if( this.tree.tnFocused && this.tree.tnFocused !== this ) {
+				this.tree.logDebug("dtnode.onFocus: out of sync: curFocus: %o", this.tree.tnFocused);
+				$(this.tree.tnFocused.span).removeClass(opts.classNames.focused);
+			}
+			this.tree.tnFocused = this;
+			if ( opts.onFocus ) // Pass element as 'this' (jQuery convention)
+				opts.onFocus.call(this.span, this);
+			$(this.tree.tnFocused.span).addClass(opts.classNames.focused);
+	        if( opts.persist )
+				$.cookie(opts.cookieId+"-focus", this.data.key, opts.cookie);
+		}
+		// TODO: return anything?
+//		return false;
+	},
+
+	visit: function(fn, data, includeSelf) {
+		// Call fn(dtnode, data) for all child nodes. Stop iteration, if fn() returns false.
+		var n = 0;
+		if( includeSelf == true ) {
+			if( fn(this, data) == false )
+				return 1; 
+			n++; 
+		}
+		if ( this.childList )
+			for (var i=0; i<this.childList.length; i++)
+				n += this.childList[i].visit(fn, data, true);
+		return n;
+	},
+
+	remove: function() {
+        // Remove this node
+//		this.tree.logDebug ("%o.remove()", this);
+        if ( this === this.tree.root )
+            return false;
+        return this.parent.removeChild(this);
+	},
+
+	removeChild: function(tn) {
+		// Remove tn from list of direct children.
+		var ac = this.childList;
+		if( ac.length == 1 ) {
+			if( tn !== ac[0] )
+				throw "removeChild: invalid child";
+			return this.removeChildren();
+		}
+        if( tn === this.tree.activeNode )
+        	tn.deactivate();
+        if( this.tree.options.persist ) {
+	        if( tn.bSelected )
+	            this.tree.persistence.clearSelect(tn.data.key);
+	        if ( tn.bExpanded )
+	            this.tree.persistence.clearExpand(tn.data.key);
+        }
+		tn.removeChildren(true);
+		this.div.removeChild(tn.div);
+		for(var i=0; i<ac.length; i++) {
+			if( ac[i] === tn ) {
+				this.childList.splice(i, 1);
+				delete tn;
+				break;
+			}
+		}
+	},
+
+	removeChildren: function(isRecursiveCall, retainPersistence) {
+        // Remove all child nodes (more efficiently than recursive remove())
+//		this.tree.logDebug ("%o.removeChildren(%o)", this, isRecursiveCall);
+		var tree = this.tree;
+        var ac = this.childList;
+        if( ac ) {
+        	for(var i=0; i<ac.length; i++) {
+				var tn=ac[i];
+//        		this.tree.logDebug ("del %o", tn);
+                if ( tn === tree.activeNode && !retainPersistence )
+                	tn.deactivate();
+                if( this.tree.options.persist && !retainPersistence ) {
+	                if( tn.bSelected )
+	                    this.tree.persistence.clearSelect(tn.data.key);
+	                if ( tn.bExpanded )
+	                    this.tree.persistence.clearExpand(tn.data.key);
+                }
+                tn.removeChildren(true, retainPersistence);
+				this.div.removeChild(tn.div);
+                delete tn;
+        	}
+        	this.childList = null;
+        }
+		if( ! isRecursiveCall ) {
+//			this._expand(false);
+//			this.isRead = false;
+			this.isLoading = false;
+			this.render(false, false);
+		}
+	},
+
+	reload: function(force) {
+		// Discard lazy content (and reload, if node was expanded). 
+		if( this.parent == null )
+			return this.tree.reload();
+		
+		if( ! this.data.isLazy )
+			throw "node.reload() requires lazy nodes.";
+		if( this.bExpanded ) {
+			this.expand(false);
+			this.removeChildren();
+			this.expand(true);
+		} else {
+			this.removeChildren();
+			if( force )
+				this._loadContent();
+		}
+	},
+
+	_addChildNode: function(dtnode, beforeNode) {
+		/** 
+		 * Internal function to add one single DynatreeNode as a child.
+		 * 
+		 */
+		var tree = this.tree;
+		var opts = tree.options;
+		var pers = tree.persistence;
+		
+//		tree.logDebug("%o._addChildNode(%o)", this, dtnode);
+		
+		// --- Update and fix dtnode attributes if necessary 
+		dtnode.parent = this;
+//		if( beforeNode && (beforeNode.parent !== this || beforeNode === dtnode ) )
+//			throw "<beforeNode> must be another child of <this>";
+
+		// --- Add dtnode as a child
+		if ( this.childList==null ) {
+			this.childList = [];
+		} else if( ! beforeNode ) {
+			// Fix 'lastsib'
+			$(this.childList[this.childList.length-1].span).removeClass(opts.classNames.lastsib);
+		}
+		if( beforeNode ) {
+			var iBefore = $.inArray(beforeNode, this.childList);
+			if( iBefore < 0 )
+				throw "<beforeNode> must be a child of <this>";
+			this.childList.splice(iBefore, 0, dtnode);
+//			alert(this.childList);
+		} else {
+			// Append node
+			this.childList.push(dtnode);
+		}
+
+		// --- Handle persistence 
+		// Initial status is read from cookies, if persistence is active and 
+		// cookies are already present.
+		// Otherwise the status is read from the data attributes and then persisted.
+		var isInitializing = tree.isInitializing();
+		if( opts.persist && pers.cookiesFound && isInitializing ) {
+			// Init status from cookies
+//			tree.logDebug("init from cookie, pa=%o, dk=%o", pers.activeKey, dtnode.data.key);
+			if( pers.activeKey == dtnode.data.key )
+				tree.activeNode = dtnode;
+			if( pers.focusedKey == dtnode.data.key )
+				tree.focusNode = dtnode;
+			dtnode.bExpanded = ($.inArray(dtnode.data.key, pers.expandedKeyList) >= 0);
+			dtnode.bSelected = ($.inArray(dtnode.data.key, pers.selectedKeyList) >= 0);
+//			tree.logDebug("    key=%o, bSelected=%o", dtnode.data.key, dtnode.bSelected);
+		} else {
+			// Init status from data (Note: we write the cookies after the init phase)
+//			tree.logDebug("init from data");
+			if( dtnode.data.activate ) {
+				tree.activeNode = dtnode;
+				if( opts.persist )
+					pers.activeKey = dtnode.data.key;
+			}
+			if( dtnode.data.focus ) {
+				tree.focusNode = dtnode;
+				if( opts.persist )
+					pers.focusedKey = dtnode.data.key;
+			}
+			dtnode.bExpanded = ( dtnode.data.expand == true ); // Collapsed by default
+			if( dtnode.bExpanded && opts.persist )
+				pers.addExpand(dtnode.data.key);
+			dtnode.bSelected = ( dtnode.data.select == true ); // Deselected by default
+/*			
+			Doesn't work, cause pers.selectedKeyList may be null
+			if( dtnode.bSelected && opts.selectMode==1 
+				&& pers.selectedKeyList && pers.selectedKeyList.length>0 ) {
+				tree.logWarning("Ignored multi-selection in single-mode for %o", dtnode);
+				dtnode.bSelected = false; // Fixing bad input data (multi selection for mode:1)
+			}
+*/
+			if( dtnode.bSelected && opts.persist )
+				pers.addSelect(dtnode.data.key);
+		}
+
+		// Always expand, if it's below minExpandLevel
+//		tree.logDebug ("%o._addChildNode(%o), l=%o", this, dtnode, dtnode.getLevel());
+		if ( opts.minExpandLevel >= dtnode.getLevel() ) {
+//			tree.logDebug ("Force expand for %o", dtnode);
+			this.bExpanded = true;
+		}
+
+		// In multi-hier mode, update the parents selection state
+		// issue #82: only if not initializing, because the children may not exist yet
+//		if( !dtnode.data.isStatusNode && opts.selectMode==3 && !isInitializing )
+//			dtnode._fixSelectionState();
+
+		// In multi-hier mode, update the parents selection state
+		if( dtnode.bSelected && opts.selectMode==3 ) {
+			var p = this;
+			while( p ) {
+				if( !p.hasSubSel )
+					p._setSubSel(true);
+				p = p.parent;
+			}
+		}
+		// render this node and the new child
+		if ( tree.bEnableUpdate )
+			this.render(true, true);
+
+		return dtnode;
+	},
+
+	addChild: function(obj, beforeNode) {
+		/**
+		 * Add a node object as child.
+		 * 
+		 * This should be the only place, where a DynaTreeNode is constructed!
+		 * (Except for the root node creation in the tree constructor)
+		 * 
+		 * @param obj A JS object (may be recursive) or an array of those.
+		 * @param {DynaTreeNode} beforeNode (optional) sibling node.
+		 *     
+		 * Data format: array of node objects, with optional 'children' attributes.
+		 * [
+		 *	{ title: "t1", isFolder: true, ... }
+		 *	{ title: "t2", isFolder: true, ...,
+		 *		children: [
+		 *			{title: "t2.1", ..},
+		 *			{..}
+		 *			]
+		 *	}
+		 * ]
+		 * A simple object is also accepted instead of an array.
+		 * 
+		 */
+//		this.tree.logDebug("%o.addChild(%o, %o)", this, obj, beforeNode);
+		if( !obj || obj.length==0 ) // Passed null or undefined or empty array
+			return;
+		if( obj instanceof DynaTreeNode )
+			return this._addChildNode(obj, beforeNode);
+		if( !obj.length ) // Passed a single data object
+			obj = [ obj ];
+
+		var prevFlag = this.tree.enableUpdate(false);
+
+		var tnFirst = null;
+		for (var i=0; i<obj.length; i++) {
+			var data = obj[i];
+			var dtnode = this._addChildNode(new DynaTreeNode(this, this.tree, data), beforeNode);
+			if( !tnFirst ) tnFirst = dtnode;
+			// Add child nodes recursively
+			if( data.children )
+				dtnode.addChild(data.children, null);
+		}
+		this.tree.enableUpdate(prevFlag);
+		return tnFirst;
+	},
+
+	append: function(obj) {
+		this.tree.logWarning("node.append() is deprecated (use node.addChild() instead).");
+		return this.addChild(obj, null);
+	},
+
+	appendAjax: function(ajaxOptions) {
+		this.removeChildren(false, true);
+		this.setLazyNodeStatus(DTNodeStatus_Loading);
+		// Ajax option inheritance: $.ajaxSetup < $.ui.dynatree.defaults.ajaxDefaults < tree.options.ajaxDefaults < ajaxOptions
+		var self = this;
+		var orgSuccess = ajaxOptions.success;
+		var orgError = ajaxOptions.error;
+		var options = $.extend({}, this.tree.options.ajaxDefaults, ajaxOptions, {
+/*
+       		complete: function(req, textStatus){
+	 		    alert("ajax complete");
+   			},
+   			timeout: 5000, // 5 sec
+*/   			
+       		success: function(data, textStatus){
+     		    // <this> is the request options
+//				self.tree.logDebug("appendAjax().success");
+				var prevPhase = self.tree.phase;
+				self.tree.phase = "init";
+//				self.append(data);
+				self.addChild(data, null);
+				self.tree.phase = "postInit";
+				self.setLazyNodeStatus(DTNodeStatus_Ok);
+				if( orgSuccess )
+					orgSuccess.call(options, self);
+				self.tree.phase = prevPhase;
+       			},
+       		error: function(XMLHttpRequest, textStatus, errorThrown){
+       		    // <this> is the request options  
+// 				self.tree.logWarning("appendAjax failed: %o:\n%o\n%o", textStatus, XMLHttpRequest, errorThrown);
+   				self.tree.logWarning("appendAjax failed:", textStatus, ":\n", XMLHttpRequest, "\n", errorThrown);
+				self.setLazyNodeStatus(DTNodeStatus_Error, {info: textStatus, tooltip: ""+errorThrown});
+				if( orgError )
+					orgError.call(options, self, XMLHttpRequest, textStatus, errorThrown);
+       			}
+		});
+       	$.ajax(options);
+	},
+	// --- end of class
+	lastentry: undefined
+}
+
+/*************************************************************************
+ * class DynaTreeStatus
+ */
+
+var DynaTreeStatus = Class.create();
+
+
+DynaTreeStatus._getTreePersistData = function(cookieId, cookieOpts) {
+	// Static member: Return persistence information from cookies
+	var ts = new DynaTreeStatus(cookieId, cookieOpts);
+	ts.read();
+	return ts.toDict();
+}
+// Make available in global scope
+getDynaTreePersistData = DynaTreeStatus._getTreePersistData;
+
+
+DynaTreeStatus.prototype = {
+	// Constructor
+	initialize: function(cookieId, cookieOpts) {
+		this._log("DynaTreeStatus: initialize");
+		if( cookieId === undefined )
+			cookieId = $.ui.dynatree.defaults.cookieId;
+		cookieOpts = $.extend({}, $.ui.dynatree.defaults.cookie, cookieOpts);
+		
+		this.cookieId = cookieId; 
+		this.cookieOpts = cookieOpts;
+		this.cookiesFound = undefined;
+		this.activeKey = null;
+		this.focusedKey = null;
+		this.expandedKeyList = null;
+		this.selectedKeyList = null;
+	},
+	// member functions
+	_log: function(msg) {
+		//	this.logDebug("_changeNodeList(%o): nodeList:%o, idx:%o", mode, nodeList, idx);
+		Array.prototype.unshift.apply(arguments, ["debug"]);
+		_log.apply(this, arguments);
+	},
+	read: function() {
+		this._log("DynaTreeStatus: read");
+		// Read or init cookies. 
+		this.cookiesFound = false;
+			
+		var cookie = $.cookie(this.cookieId + "-active");
+		this.activeKey = ( cookie == null ) ? "" : cookie;
+		if( cookie != null ) this.cookiesFound = true;
+
+		cookie = $.cookie(this.cookieId + "-focus");
+		this.focusedKey = ( cookie == null ) ? "" : cookie;
+		if( cookie != null ) this.cookiesFound = true;
+
+		cookie = $.cookie(this.cookieId + "-expand");
+		this.expandedKeyList = ( cookie == null ) ? [] : cookie.split(","); 
+		if( cookie != null ) this.cookiesFound = true;
+
+		cookie = $.cookie(this.cookieId + "-select");
+		this.selectedKeyList = ( cookie == null ) ? [] : cookie.split(","); 
+		if( cookie != null ) this.cookiesFound = true;
+	},
+	write: function() {
+		this._log("DynaTreeStatus: write");
+		$.cookie(this.cookieId + "-active", ( this.activeKey == null ) ? "" : this.activeKey, this.cookieOpts);
+		$.cookie(this.cookieId + "-focus", ( this.focusedKey == null ) ? "" : this.focusedKey, this.cookieOpts);
+		$.cookie(this.cookieId + "-expand", ( this.expandedKeyList == null ) ? "" : this.expandedKeyList.join(","), this.cookieOpts);
+		$.cookie(this.cookieId + "-select", ( this.selectedKeyList == null ) ? "" : this.selectedKeyList.join(","), this.cookieOpts);
+	},
+	addExpand: function(key) {
+		this._log("addExpand(%o)", key);
+		if( $.inArray(key, this.expandedKeyList) < 0 ) {
+			this.expandedKeyList.push(key);
+			$.cookie(this.cookieId + "-expand", this.expandedKeyList.join(","), this.cookieOpts);
+		}
+	},
+	clearExpand: function(key) {
+		this._log("clearExpand(%o)", key);
+		var idx = $.inArray(key, this.expandedKeyList); 
+		if( idx >= 0 ) {
+			this.expandedKeyList.splice(idx, 1);
+			$.cookie(this.cookieId + "-expand", this.expandedKeyList.join(","), this.cookieOpts);
+		}
+	},
+	addSelect: function(key) {
+		this._log("addSelect(%o)", key);
+		if( $.inArray(key, this.selectedKeyList) < 0 ) {
+			this.selectedKeyList.push(key);
+			$.cookie(this.cookieId + "-select", this.selectedKeyList.join(","), this.cookieOpts);
+		}
+	},
+	clearSelect: function(key) {
+		this._log("clearSelect(%o)", key);
+		var idx = $.inArray(key, this.selectedKeyList); 
+		if( idx >= 0 ) {
+			this.selectedKeyList.splice(idx, 1);
+			$.cookie(this.cookieId + "-select", this.selectedKeyList.join(","), this.cookieOpts);
+		}
+	},
+	isReloading: function() {
+		return this.cookiesFound == true;
+	},
+	toDict: function() {
+		return {
+			cookiesFound: this.cookiesFound,
+			activeKey: this.activeKey,
+			focusedKey: this.activeKey,
+			expandedKeyList: this.expandedKeyList,
+			selectedKeyList: this.selectedKeyList
+		};
+	},
+	// --- end of class
+	lastentry: undefined
+};
+
+
+/*************************************************************************
+ * class DynaTree
+ */
+
+var DynaTree = Class.create();
+
+// --- Static members ----------------------------------------------------------
+
+DynaTree.version = "$Version: 0.5.3$"; 
+/*
+DynaTree._initTree = function() {
+};
+
+DynaTree._bind = function() {
+};
+*/
+//--- Class members ------------------------------------------------------------
+
+DynaTree.prototype = {
+	// Constructor
+//	initialize: function(divContainer, options) {
+	initialize: function($widget) {
+		// instance members
+		this.phase = "init";
+		this.$widget = $widget;
+		this.options = $widget.options;
+		this.$tree = $widget.element;
+		// find container element
+		this.divTree = this.$tree.get(0);
+	},
+
+	// member functions
+
+	_load: function() {
+		var $widget = this.$widget;
+		var opts = this.options;
+		this.bEnableUpdate = true;
+		this._nodeCount = 1;
+		this.activeNode = null;
+		this.focusNode = null;
+
+		// If a 'options.classNames' dictionary was passed, still use defaults 
+    	// for undefined classes:
+    	if( opts.classNames !== $.ui.dynatree.defaults.classNames ) {
+    		opts.classNames = $.extend({}, $.ui.dynatree.defaults.classNames, opts.classNames);
+    	}
+    	// Guess skin path, if not specified
+    	if(!opts.imagePath) {
+    		$("script").each( function () {
+    			// Eclipse syntax parser breaks on this expression, so put it at the bottom:
+    			if( this.src.search(_rexDtLibName) >= 0 ) {
+                    if( this.src.indexOf("/")>=0 ) // issue #47
+    				    opts.imagePath = this.src.slice(0, this.src.lastIndexOf("/")) + "/skin/";
+                    else
+    				    opts.imagePath = "skin/";
+//    				logMsg("Guessing imagePath from '%s': '%s'", this.src, opts.imagePath);
+    				return false; // first match
+    			}
+    		});
+    	}
+    	
+		this.persistence = new DynaTreeStatus(opts.cookieId, opts.cookie);
+		if( opts.persist ) {
+			if( !$.cookie )
+				_log("warn", "Please include jquery.cookie.js to use persistence.");
+			this.persistence.read();
+		}
+		this.logDebug("DynaTree.persistence: %o", this.persistence.toDict());
+
+		// Cached tag strings
+		this.cache = {
+			tagEmpty: "<span class='" + opts.classNames.empty + "'></span>",
+			tagVline: "<span class='" + opts.classNames.vline + "'></span>",
+			tagExpander: "<span class='" + opts.classNames.expander + "'></span>",
+			tagConnector: "<span class='" + opts.classNames.connector + "'></span>",
+			tagNodeIcon: "<span class='" + opts.classNames.nodeIcon + "'></span>",
+			tagCheckbox: "<span class='" + opts.classNames.checkbox + "'></span>",
+			lastentry: undefined
+		};
+
+    	// Clear container, in case it contained some 'waiting' or 'error' text 
+    	// for clients that don't support JS.
+		// We don't do this however, if we try to load from an embedded UL element.
+    	if( opts.children || (opts.initAjax && opts.initAjax.url) || opts.initId )
+    		$(this.divTree).empty();
+    	else if( this.divRoot )
+    		$(this.divRoot).remove();
+
+		// create the root element
+		this.tnRoot = new DynaTreeNode(null, this, {title: opts.title, key: "root"});
+		this.tnRoot.data.isFolder = true;
+		this.tnRoot.render(false, false);
+		this.divRoot = this.tnRoot.div;
+		this.divRoot.className = opts.classNames.container;
+		// add root to container
+		// TODO: this should be delayed until all children have been created for performance reasons
+		this.divTree.appendChild(this.divRoot);
+
+    	var root = this.tnRoot;
+    	var isReloading = ( opts.persist && this.persistence.isReloading() );
+    	var isLazy = false;
+    	var prevFlag = this.enableUpdate(false);  
+
+    	this.logDebug("Dynatree._load(): read tree structure...");
+
+    	// Init tree structure
+    	if( opts.children ) {
+    		// Read structure from node array
+    		root.addChild(opts.children);
+
+    	} else if( opts.initAjax && opts.initAjax.url ) {
+    		// Init tree from AJAX request
+    		isLazy = true;
+    		root.data.isLazy = true;
+    		this._reloadAjax();
+
+    	} else if( opts.initId ) {
+    		// Init tree from another UL element
+    		this._createFromTag(root, $("#"+opts.initId));
+
+    	} else {
+    		// Init tree from the first UL element inside the container <div>
+    		var $ul = this.$tree.find(">ul").hide();
+    		this._createFromTag(root, $ul);
+    		$ul.remove();
+    	}
+    	
+    	this._checkConsistency();
+    	// Render html markup
+    	this.logDebug("Dynatree._load(): render nodes...");
+    	this.enableUpdate(prevFlag);
+    	
+    	// bind event handlers
+    	this.logDebug("Dynatree._load(): bind events...");
+    	this.$widget.bind();
+
+        // --- Post-load processing
+    	this.logDebug("Dynatree._load(): postInit...");
+    	this.phase = "postInit";
+    	
+    	// In persist mode, make sure that cookies are written, even if they are empty
+        if( opts.persist ) { 
+			this.persistence.write();
+        }
+        
+    	// Set focus, if possible (this will also fire an event and write a cookie)
+    	if( this.focusNode && this.focusNode.isVisible() ) {
+    		this.logDebug("Focus on init: %o", this.focusNode);
+    		this.focusNode.focus();
+    	}
+
+    	if( !isLazy && opts.onPostInit ) {
+    		opts.onPostInit.call(this, isReloading, false);
+    	}
+
+    	this.phase = "idle";
+	},
+	
+	_reloadAjax: function() {
+		// Reload 
+		var opts = this.options;
+		if( ! opts.initAjax || ! opts.initAjax.url )
+			throw "tree.reload() requires 'initAjax' mode.";
+		var pers = this.persistence;
+		var ajaxOpts = $.extend({}, opts.initAjax);
+		// Append cookie info to the request
+//		this.logDebug("reloadAjax: key=%o, an.key:%o", pers.activeKey, this.activeNode?this.activeNode.data.key:"?");
+		if( ajaxOpts.addActiveKey )
+			ajaxOpts.data.activeKey = pers.activeKey; 
+		if( ajaxOpts.addFocusedKey )
+			ajaxOpts.data.focusedKey = pers.focusedKey; 
+		if( ajaxOpts.addExpandedKeyList )
+			ajaxOpts.data.expandedKeyList = pers.expandedKeyList.join(","); 
+		if( ajaxOpts.addSelectedKeyList )
+			ajaxOpts.data.selectedKeyList = pers.selectedKeyList.join(","); 
+
+		// Set up onPostInit callback to be called when Ajax returns
+		if( opts.onPostInit ) {
+			if( ajaxOpts.success )
+				this.tree.logWarning("initAjax: success callback is ignored when onPostInit was specified.");
+			if( ajaxOpts.error )
+				this.tree.logWarning("initAjax: error callback is ignored when onPostInit was specified.");
+			var isReloading = pers.isReloading();
+			ajaxOpts["success"] = function(dtnode) { opts.onPostInit.call(dtnode.tree, isReloading, false); }; 
+			ajaxOpts["error"] = function(dtnode) { opts.onPostInit.call(dtnode.tree, isReloading, true); }; 
+		}
+    	this.logDebug("Dynatree._init(): send Ajax request...");
+    	this.tnRoot.appendAjax(ajaxOpts);
+	},
+
+	toString: function() {
+		return "DynaTree '" + this.options.title + "'";
+	},
+
+	toDict: function() {
+		return this.tnRoot.toDict(true);
+	},
+	
+	getPersistData: function() {
+		return this.persistence.toDict();
+	},
+	
+	logDebug: function(msg) {
+		if( this.options.debugLevel >= 2 ) {
+			Array.prototype.unshift.apply(arguments, ["debug"]);
+			_log.apply(this, arguments);
+		}
+	},
+
+	logInfo: function(msg) {
+		if( this.options.debugLevel >= 1 ) {
+			Array.prototype.unshift.apply(arguments, ["info"]);
+			_log.apply(this, arguments);
+		}
+	},
+
+	logWarning: function(msg) {
+		Array.prototype.unshift.apply(arguments, ["warn"]);
+		_log.apply(this, arguments);
+	},
+
+	isInitializing: function() {
+		return ( this.phase=="init" || this.phase=="postInit" );
+	},
+	isReloading: function() {
+		return ( this.phase=="init" || this.phase=="postInit" ) && this.options.persist && this.persistence.cookiesFound;
+	},
+	isUserEvent: function() {
+		return ( this.phase=="userEvent" );
+	},
+
+	redraw: function() {
+		this.logDebug("dynatree.redraw()...");
+		this.tnRoot.render(true, true);
+		this.logDebug("dynatree.redraw() done.");
+	},
+
+	reloadAjax: function() {
+		this.logWarning("tree.reloadAjax() is deprecated since v0.5.2 (use reload() instead).");
+	},
+	
+	reload: function() {
+		this._load();
+	},
+	
+	getRoot: function() {
+		return this.tnRoot;
+	},
+
+	getNodeByKey: function(key) {
+		// $("#...") has problems, if the key contains '.', so we use getElementById()
+//		return $("#" + this.options.idPrefix + key).attr("dtnode");
+		var el = document.getElementById(this.options.idPrefix + key);
+		return ( el && el.dtnode ) ? el.dtnode : null;
+	},
+
+	getActiveNode: function() {
+		return this.activeNode;
+	},
+	
+	reactivate: function(setFocus) {
+		// Re-fire onQueryActivate and onActivate events.
+		var node = this.activeNode;
+//		this.logDebug("reactivate %o", node);
+		if( node ) {
+			this.activeNode = null; // Force re-activating
+			node.activate();
+			if( setFocus )
+				node.focus();
+		}
+	},
+
+	getSelectedNodes: function(stopOnParents) {
+		var nodeList = [];
+		this.tnRoot.visit(function(dtnode){
+			if( dtnode.bSelected ) {
+				nodeList.push(dtnode);
+				if( stopOnParents == true )
+					return false; // stop processing this branch
+			}
+		});
+		return nodeList;
+	},
+
+	activateKey: function(key) {
+		var dtnode = (key === null) ? null : this.getNodeByKey(key);
+		if( !dtnode ) {
+			if( this.activeNode )
+				this.activeNode.deactivate();
+			this.activeNode = null;
+			return null;
+		}
+		dtnode.focus();
+		dtnode.activate();
+		return dtnode;
+	},
+
+	selectKey: function(key, select) {
+		var dtnode = this.getNodeByKey(key);
+		if( !dtnode )
+			return null;
+		dtnode.select(select);
+		return dtnode;
+	},
+
+	enableUpdate: function(bEnable) {
+		if ( this.bEnableUpdate==bEnable )
+			return bEnable;
+		this.bEnableUpdate = bEnable;
+		if ( bEnable )
+			this.redraw();
+		return !bEnable; // return previous value
+	},
+
+	visit: function(fn, data, includeRoot) {
+		return this.tnRoot.visit(fn, data, includeRoot);
+	},
+
+	_createFromTag: function(parentTreeNode, $ulParent) {
+		// Convert a <UL>...</UL> list into children of the parent tree node.
+		var self = this;
+/*
+TODO: better?
+		this.$lis = $("li:has(a[href])", this.element);
+		this.$tabs = this.$lis.map(function() { return $("a", this)[0]; });
+ */
+		$ulParent.find(">li").each(function() {
+			var $li = $(this);
+			var $liSpan = $li.find(">span:first");
+			var title;
+			if( $liSpan.length ) {
+				// If a <li><span> tag is specified, use it literally.
+				title = $liSpan.html();
+			} else {
+				// If only a <li> tag is specified, use the trimmed string up to the next child <ul> tag.
+				title = $li.html();
+				var iPos = title.search(/<ul/i);
+				if( iPos>=0 )
+					title = $.trim(title.substring(0, iPos));
+				else
+					title = $.trim(title);
+//				self.logDebug("%o", title);
+			}
+			// Parse node options from ID, title and class attributes
+			var data = {
+				title: title,
+				isFolder: $li.hasClass("folder"),
+				isLazy: $li.hasClass("lazy"),
+				expand: $li.hasClass("expanded"),
+				select: $li.hasClass("selected"),
+				activate: $li.hasClass("active"),
+				focus: $li.hasClass("focused")
+			};
+			if( $li.attr("title") )
+				data.tooltip = $li.attr("title");
+			if( $li.attr("id") )
+				data.key = $li.attr("id");
+			// If a data attribute is present, evaluate as a JavaScript object
+			if( $li.attr("data") ) {
+				var dataAttr = $.trim($li.attr("data"));
+				if( dataAttr ) {
+					if( dataAttr.charAt(0) != "{" )
+						dataAttr = "{" + dataAttr + "}"
+					try {
+						$.extend(data, eval("(" + dataAttr + ")"));
+					} catch(e) {
+						throw ("Error parsing node data: " + e + "\ndata:\n'" + dataAttr + "'");
+					}
+				}
+			}
+			childNode = parentTreeNode.addChild(data);
+			// Recursive reading of child nodes, if LI tag contains an UL tag
+			var $ul = $li.find(">ul:first");
+			if( $ul.length ) {
+				self._createFromTag(childNode, $ul); // must use 'self', because 'this' is the each() context
+			}
+		});
+	},
+
+	_checkConsistency: function() {
+//		this.logDebug("tree._checkConsistency() NOT IMPLEMENTED - %o", this);
+	},
+	
+	// --- end of class
+	lastentry: undefined
+};
+
+/*************************************************************************
+ * widget $(..).dynatree
+ */
+
+$.widget("ui.dynatree", {
+	init: function() {
+        // ui.core 1.6 renamed init() to _init(): this stub assures backward compatibility
+        _log("warn", "ui.dynatree.init() was called; you should upgrade to ui.core.js v1.6 or higher.");
+        return this._init();
+    },
+
+ 	_init: function() {
+		if( parseFloat($.ui.version) < 1.8 ) {
+	        // jquery.ui.core 1.8 renamed _init() to _create(): this stub assures backward compatibility
+	        _log("warn", "ui.dynatree._init() was called; you should upgrade to jquery.ui.core.js v1.8 or higher.");
+			return this._create();
+		}
+		// jquery.ui.core 1.8 still uses _init() to perform "default functionality" 
+    	_log("debug", "ui.dynatree._init() was called; no current default functionality.");
+    },
+
+	_create: function() {
+    	if( parseFloat($.ui.version) >= 1.8 ) {
+    		this.options = $.extend(true, $[this.namespace][this.widgetName].defaults, this.options);
+    	}
+    	logMsg("Dynatree._create(): version='%s', debugLevel=%o.", DynaTree.version, this.options.debugLevel);
+    	var opts = this.options;
+    	// The widget framework supplies this.element and this.options.
+    	this.options.event += ".dynatree"; // namespace event
+
+    	var divTree = this.element.get(0);
+/*    	// Clear container, in case it contained some 'waiting' or 'error' text 
+    	// for clients that don't support JS
+    	if( opts.children || (opts.initAjax && opts.initAjax.url) || opts.initId )
+    		$(divTree).empty();
+*/
+    	// Create the DynaTree object
+    	this.tree = new DynaTree(this);
+    	this.tree._load();
+    	this.tree.logDebug("Dynatree._create(): done.");
+	},
+
+	bind: function() {
+		var $this = this.element;
+		var o = this.options;
+
+		// Prevent duplicate binding
+		this.unbind();
+		
+		// Tool function to get dtnode from the event target:
+		function __getNodeFromElement(el) {
+			var iMax = 5;
+			while( el && iMax-- ) {
+				if( el.dtnode ) return el.dtnode;
+				el = el.parentNode;
+			};
+			return null;
+		}
+
+		var eventNames = "click.dynatree dblclick.dynatree";
+		if( o.keyboard ) // Note: leading ' '!
+			eventNames += " keypress.dynatree keydown.dynatree";
+		$this.bind(eventNames, function(event){
+			var dtnode = __getNodeFromElement(event.target);
+			if( !dtnode )
+				return true;  // Allow bubbling of other events
+			var prevPhase = dtnode.tree.phase;
+			dtnode.tree.phase = "userEvent";
+			try {
+				dtnode.tree.logDebug("bind(%o): dtnode: %o", event, dtnode);
+
+				switch(event.type) {
+				case "click":
+					return ( o.onClick && o.onClick(dtnode, event)===false ) ? false : dtnode.onClick(event);
+				case "dblclick":
+					return ( o.onDblClick && o.onDblClick(dtnode, event)===false ) ? false : dtnode.onDblClick(event);
+				case "keydown":
+					return ( o.onKeydown && o.onKeydown(dtnode, event)===false ) ? false : dtnode.onKeydown(event);
+				case "keypress":
+					return ( o.onKeypress && o.onKeypress(dtnode, event)===false ) ? false : dtnode.onKeypress(event);
+				};
+			} catch(e) {
+				var _ = null; // issue 117
+//				dtnode.tree.logError("bind(%o): dtnode: %o", event, dtnode);
+			} finally {
+				dtnode.tree.phase = prevPhase;
+			}
+		});
+		
+		// focus/blur don't bubble, i.e. are not delegated to parent <div> tags,
+		// so we use the addEventListener capturing phase.
+		// See http://www.howtocreate.co.uk/tutorials/javascript/domevents
+		function __focusHandler(event) {
+			// Handles blur and focus.
+			// Fix event for IE:
+			event = arguments[0] = $.event.fix( event || window.event );
+			var dtnode = __getNodeFromElement(event.target);
+			return dtnode ? dtnode.onFocus(event) : false;
+		}
+		var div = this.tree.divTree;
+		if( div.addEventListener ) {
+			div.addEventListener("focus", __focusHandler, true);
+			div.addEventListener("blur", __focusHandler, true);
+		} else {
+			div.onfocusin = div.onfocusout = __focusHandler;
+		}
+		// EVENTS
+		// disable click if event is configured to something else
+//		if (!(/^click/).test(o.event))
+//			this.$tabs.bind("click.tabs", function() { return false; });
+		
+	},
+	
+	unbind: function() {
+		this.element.unbind(".dynatree");
+	},
+	
+/* TODO: we could handle option changes during runtime here (maybe to re-render, ...)
+	setData: function(key, value) {
+		this.tree.logDebug("dynatree.setData('" + key + "', '" + value + "')");
+	},
+*/	
+	enable: function() {
+		this.bind();
+		// Call default disable(): remove -disabled from css: 
+		$.widget.prototype.enable.apply(this, arguments);
+	},
+	
+	disable: function() {
+		this.unbind();
+		// Call default disable(): add -disabled to css: 
+		$.widget.prototype.disable.apply(this, arguments);
+	},
+	
+	// --- getter methods (i.e. NOT returning a reference to $)
+	getTree: function() {
+		return this.tree;
+	},
+
+	getRoot: function() {
+		return this.tree.getRoot();
+	},
+
+	getActiveNode: function() {
+		return this.tree.getActiveNode();
+	},
+
+	getSelectedNodes: function() {
+		return this.tree.getSelectedNodes();
+	},
+
+	// ------------------------------------------------------------------------
+	lastentry: undefined
+});
+
+
+// The following methods return a value (thus breaking the jQuery call chain):
+
+$.ui.dynatree.getter = "getTree getRoot getActiveNode getSelectedNodes";
+
+
+// Plugin default options:
+
+$.ui.dynatree.defaults = {
+	title: "Dynatree root", // Name of the root node.
+	rootVisible: false, // Set to true, to make the root node visible.
+ 	minExpandLevel: 1, // 1: root node is not collapsible
+	imagePath: null, // Path to a folder containing icons. Defaults to 'skin/' subdirectory.
+	children: null, // Init tree structure from this object array.
+	initId: null, // Init tree structure from a <ul> element with this ID.
+	initAjax: null, // Ajax options used to initialize the tree strucuture.
+	autoFocus: true, // Set focus to first child, when expanding or lazy-loading.
+	keyboard: true, // Support keyboard navigation.
+    persist: false, // Persist expand-status to a cookie
+	autoCollapse: false, // Automatically collapse all siblings, when a node is expanded.
+	clickFolderMode: 3, // 1:activate, 2:expand, 3:activate and expand
+	activeVisible: true, // Make sure, active nodes are visible (expanded).
+	checkbox: false, // Show checkboxes.
+	selectMode: 2, // 1:single, 2:multi, 3:multi-hier
+	fx: null, // Animations, e.g. null or { height: "toggle", duration: 200 }
+
+	// Low level event handlers: onEvent(dtnode, event): return false, to stop default processing
+	onClick: null, // null: generate focus, expand, activate, select events.
+	onDblClick: null, // (No default actions.)
+	onKeydown: null, // null: generate keyboard navigation (focus, expand, activate).
+	onKeypress: null, // (No default actions.)
+	onFocus: null, // null: set focus to node.
+	onBlur: null, // null: remove focus from node.
+
+	// Pre-event handlers onQueryEvent(flag, dtnode): return false, to stop processing
+	onQueryActivate: null, // Callback(flag, dtnode) before a node is (de)activated.
+	onQuerySelect: null, // Callback(flag, dtnode) before a node is (de)selected.
+	onQueryExpand: null, // Callback(flag, dtnode) before a node is expanded/collpsed.
+	
+	// High level event handlers
+	onPostInit: null, // Callback(isReloading, isError) when tree was (re)loaded.
+	onActivate: null, // Callback(dtnode) when a node is activated.
+	onDeactivate: null, // Callback(dtnode) when a node is deactivated.
+	onSelect: null, // Callback(flag, dtnode) when a node is (de)selected.
+	onExpand: null, // Callback(dtnode) when a node is expanded/collapsed.
+	onLazyRead: null, // Callback(dtnode) when a lazy node is expanded for the first time.
+	
+	ajaxDefaults: { // Used by initAjax option
+		cache: false, // false: Append random '_' argument to the request url to prevent caching.
+		dataType: "json" // Expect json format and pass json object to callbacks.
+	},
+	strings: {
+		loading: "Loading&#8230;",
+		loadError: "Load error!"
+	},
+	idPrefix: "ui-dynatree-id-", // Used to generate node id's like <span id="ui-dynatree-id-<key>">.
+//    cookieId: "ui-dynatree-cookie", // Choose a more unique name, to allow multiple trees.
+    cookieId: "dynatree", // Choose a more unique name, to allow multiple trees.
+	cookie: {
+		expires: null //7, // Days or Date; null: session cookie
+//		path: "/", // Defaults to current page
+//		domain: "jquery.com",
+//		secure: true
+	},
+    // Class names used, when rendering the HTML markup.
+	// Note: if only single entries are passed for options.classNames, all other 
+	// values are still set to default. 
+	classNames: {
+		container: "ui-dynatree-container",
+		folder: "ui-dynatree-folder",
+		document: "ui-dynatree-document",
+		
+		empty: "ui-dynatree-empty",
+		vline: "ui-dynatree-vline",
+		expander: "ui-dynatree-expander",
+		connector: "ui-dynatree-connector",
+		checkbox: "ui-dynatree-checkbox",
+		nodeIcon: "ui-dynatree-icon",
+		title: "ui-dynatree-title",
+		
+		nodeError: "ui-dynatree-statusnode-error",
+		nodeWait: "ui-dynatree-statusnode-wait",
+		hidden: "ui-dynatree-hidden",
+		combinedExpanderPrefix: "ui-dynatree-exp-",
+		combinedIconPrefix: "ui-dynatree-ico-",
+//		disabled: "ui-dynatree-disabled",
+		hasChildren: "ui-dynatree-has-children",
+		active: "ui-dynatree-active",
+		selected: "ui-dynatree-selected",
+		expanded: "ui-dynatree-expanded",
+		lazy: "ui-dynatree-lazy",
+		focused: "ui-dynatree-focused",
+		partsel: "ui-dynatree-partsel",
+		lastsib: "ui-dynatree-lastsib"
+	},
+	debugLevel: 1,
+
+	// ------------------------------------------------------------------------
+	lastentry: undefined
+};
+
+/**
+ * Reserved data attributes for a tree node.
+ */
+$.ui.dynatree.nodedatadefaults = {
+	title: null, // (required) Displayed name of the node (html is allowed here)
+	key: null, // May be used with activate(), select(), find(), ...
+	isFolder: false, // Use a folder icon. Also the node is expandable but not selectable.
+	isLazy: false, // Call onLazyRead(), when the node is expanded for the first time to allow for delayed creation of children.
+	tooltip: null, // Show this popup text.
+	icon: null, // Use a custom image (filename relative to tree.options.imagePath). 'null' for default icon, 'false' for no icon.
+	addClass: null, // Class name added to the node's span tag.  
+	activate: false, // Initial active status.
+	focus: false, // Initial focused status.
+	expand: false, // Initial expanded status.
+	select: false, // Initial selected status.
+	hideCheckbox: false, // Suppress checkbox display for this node.
+	unselectable: false, // Prevent selection.
+//  disabled: false,	
+	// The following attributes are only valid if passed to some functions:
+	children: null, // Array of child nodes.
+	// NOTE: we can also add custom attributes here.
+	// This may then also be used in the onActivate(), onSelect() or onLazyTree() callbacks.
+	// ------------------------------------------------------------------------
+	lastentry: undefined
+};
+
+// ---------------------------------------------------------------------------
+})(jQuery);
+
+// Eclipse syntax parser breaks on this expression, so we put it at the bottom.
+var _rexDtLibName = /.*dynatree[^/]*\.js$/i;