diff --git a/.gitignore b/.gitignore
index 1063fcb..fb455ee 100644
--- a/.gitignore
+++ b/.gitignore
@@ -16,3 +16,4 @@ test/tmp
 test/version_tmp
 tmp
 /tags
+.idea
diff --git a/3th-party/jquery-ui.License.txt b/3rd-party/jquery-ui.License.txt
similarity index 100%
rename from 3th-party/jquery-ui.License.txt
rename to 3rd-party/jquery-ui.License.txt
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 68caed6..b571a31 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,10 @@
+## v2.4.1
+
+ * use fancytree v. 2.4.1
+ * stylesheets converted to SCSS and does not use ERB anymore
+ * minimized and concatenated file versions removed in favor of asset pipeline
+ * skins are working
+ 
 ## v2.3.0
 
  * use fancytree v. 2.3.0
diff --git a/README.md b/README.md
index ea6311f..4d90e18 100644
--- a/README.md
+++ b/README.md
@@ -1,13 +1,15 @@
 # Fancytree::Rails
 
-fancytree-rails is a simple gem to add [FancyTree](https://github.com/mar10/fancytree) vendor files to the
+`fancytree-rails` is a simple gem to add [FancyTree](https://github.com/mar10/fancytree) JavaScript library files to the
 Rails asset pipeline.
 
 ## Installation
 
 Add this line to your application's Gemfile:
 
-    gem 'fancytree-rails'
+```ruby
+gem 'fancytree-rails'
+```
 
 And then execute:
 
@@ -19,39 +21,33 @@ Or install it yourself as:
 
 ## Usage
 
-In your Gemfile, add:
-
+Note that [jquery-ui-rails](https://github.com/joliss/jquery-ui-rails) also needs to be available.
 
-```ruby
-gem 'fancytree-rails'
-```
+Require all javascript (core and all extensions) by adding the following to `app/assets/javascripts/application.js`:
 
-Note that also [jquery-ui-rails](https://github.com/joliss/jquery-ui-rails) needs to be available.
-
-Require javascript to ```app/assets/javascripts/application.js```:
-
-```
+```js
 //= require fancytree
 ```
 
-In case you want to use *gridnav* add also ```//=require fancytree/jquery.fancytree.gridnav.js```
+Or you can add core and required extensions only, for example:
+```js
+//= require fancytree/jquery.fancytree-core
+//= require fancytree/src/jquery.fancytree.glyph
+//= require fancytree/src/jquery.fancytree.gridnav
+```
 
-Extend stylesheet assets ```app/assets/stylesheets/application.css```
-by:
+Extend stylesheet assets (defaults to the `lion` skin) by adding the following to `app/assets/stylesheets/application.css`:
 
-```
+```css
 *= require ui.fancytree
 ```
 
-or if you want to use another style include it directly:
-```
-*= require fancytree/skin-awesome/ui.fancytree
+If you want to use another skin, include it's stylesheet instead:
+```css
+*= require fancytree/skin-vista/ui.fancytree
 ```
-Note that for awesome style (extension) to work you to:
 
-1. Add ```font-awesome-rails``` gem (and include its style in application.css)
-2. Enable ```awesome``` extension in Fancytree.
-3. Include extension code (```//= require fancytree/jquery.fancytree.awesome```) to ```app/assets/javascripts/application.js```.
+Note that for `awesome` or `bootatrap` skin to work you need to use `font-awesome-rails` or [one](https://github.com/twbs/bootstrap-sass) [of](https://github.com/seyhunak/twitter-bootstrap-rails) the `bootstrap` gems accordingly.
 
 ## Credits
 
diff --git a/app/assets/images/fancytree/icons.gif b/app/assets/images/fancytree/icons.gif
deleted file mode 100644
index 6e237a0..0000000
Binary files a/app/assets/images/fancytree/icons.gif and /dev/null differ
diff --git a/app/assets/images/fancytree/loading.gif b/app/assets/images/fancytree/loading.gif
deleted file mode 100644
index ef88497..0000000
Binary files a/app/assets/images/fancytree/loading.gif and /dev/null differ
diff --git a/app/assets/javascripts/fancytree.js b/app/assets/javascripts/fancytree.js
index 423a52b..953a021 100644
--- a/app/assets/javascripts/fancytree.js
+++ b/app/assets/javascripts/fancytree.js
@@ -1,2 +1,2 @@
 //= require jquery
-//= require fancytree/jquery.fancytree-all.js
+//= require fancytree/jquery.fancytree-all
diff --git a/app/assets/javascripts/fancytree/jquery.fancytree-all.js b/app/assets/javascripts/fancytree/jquery.fancytree-all.js
index 85a1ac4..48b9d68 100644
--- a/app/assets/javascripts/fancytree/jquery.fancytree-all.js
+++ b/app/assets/javascripts/fancytree/jquery.fancytree-all.js
@@ -1,6882 +1,14 @@
-/*!
- * jquery.fancytree.js
- * Dynamic tree view control, with support for lazy loading of branches.
- * https://github.com/mar10/fancytree/
- *
- * Copyright (c) 2006-2014, Martin Wendt (http://wwWendt.de)
- * Released under the MIT license
- * https://github.com/mar10/fancytree/wiki/LicenseInfo
- *
- * @version 2.3.0
- * @date 2014-08-17T10:39
- */
-
-/** Core Fancytree module.
- */
-
-
-// Start of local namespace
-;(function($, window, document, undefined) {
-"use strict";
-
-// prevent duplicate loading
-if ( $.ui.fancytree && $.ui.fancytree.version ) {
-	$.ui.fancytree.warn("Fancytree: ignored duplicate include");
-	return;
-}
-
-
-/* *****************************************************************************
- * Private functions and variables
- */
-
-function _raiseNotImplemented(msg){
-	msg = msg || "";
-	$.error("Not implemented: " + msg);
-}
-
-function _assert(cond, msg){
-	// TODO: see qunit.js extractStacktrace()
-	if(!cond){
-		msg = msg ? ": " + msg : "";
-		$.error("Assertion failed" + msg);
-	}
-}
-
-function consoleApply(method, args){
-	var i, s,
-		fn = window.console ? window.console[method] : null;
-
-	if(fn){
-		if(fn.apply){
-			fn.apply(window.console, args);
-		}else{
-			// IE?
-			s = "";
-			for( i=0; i<args.length; i++){
-				s += args[i];
-			}
-			fn(s);
-		}
-	}
-}
-
-/*Return true if x is a FancytreeNode.*/
-function _isNode(x){
-	return !!(x.tree && x.statusNodeType !== undefined);
-}
-
-/** Return true if dotted version string is equal or higher than requested version.
- *
- * See http://jsfiddle.net/mar10/FjSAN/
- */
-function isVersionAtLeast(dottedVersion, major, minor, patch){
-	var i, v, t,
-		verParts = $.map($.trim(dottedVersion).split("."), function(e){ return parseInt(e, 10); }),
-		testParts = $.map(Array.prototype.slice.call(arguments, 1), function(e){ return parseInt(e, 10); });
-
-	for( i = 0; i < testParts.length; i++ ){
-		v = verParts[i] || 0;
-		t = testParts[i] || 0;
-		if( v !== t ){
-			return ( v > t );
-		}
-	}
-	return true;
-}
-
-/** Return a wrapper that calls sub.methodName() and exposes
- *  this        : tree
- *  this._local : tree.ext.EXTNAME
- *  this._super : base.methodName()
- */
-function _makeVirtualFunction(methodName, tree, base, extension, extName){
-	// $.ui.fancytree.debug("_makeVirtualFunction", methodName, tree, base, extension, extName);
-	// if(rexTestSuper && !rexTestSuper.test(func)){
-	//     // extension.methodName() doesn't call _super(), so no wrapper required
-	//     return func;
-	// }
-	// Use an immediate function as closure
-	var proxy = (function(){
-		var prevFunc = tree[methodName],      // org. tree method or prev. proxy
-			baseFunc = extension[methodName], //
-			_local = tree.ext[extName],
-			_super = function(){
-				return prevFunc.apply(tree, arguments);
-			};
-
-		// Return the wrapper function
-		return function(){
-			var prevLocal = tree._local,
-				prevSuper = tree._super;
-			try{
-				tree._local = _local;
-				tree._super = _super;
-				return  baseFunc.apply(tree, arguments);
-			}finally{
-				tree._local = prevLocal;
-				tree._super = prevSuper;
-			}
-		};
-	})(); // end of Immediate Function
-	return proxy;
-}
-
-/**
- * Subclass `base` by creating proxy functions
- */
-function _subclassObject(tree, base, extension, extName){
-	// $.ui.fancytree.debug("_subclassObject", tree, base, extension, extName);
-	for(var attrName in extension){
-		if(typeof extension[attrName] === "function"){
-			if(typeof tree[attrName] === "function"){
-				// override existing method
-				tree[attrName] = _makeVirtualFunction(attrName, tree, base, extension, extName);
-			}else if(attrName.charAt(0) === "_"){
-				// Create private methods in tree.ext.EXTENSION namespace
-				tree.ext[extName][attrName] = _makeVirtualFunction(attrName, tree, base, extension, extName);
-			}else{
-				$.error("Could not override tree." + attrName + ". Use prefix '_' to create tree." + extName + "._" + attrName);
-			}
-		}else{
-			// Create member variables in tree.ext.EXTENSION namespace
-			if(attrName !== "options"){
-				tree.ext[extName][attrName] = extension[attrName];
-			}
-		}
-	}
-}
-
-
-function _getResolvedPromise(context, argArray){
-	if(context === undefined){
-		return $.Deferred(function(){this.resolve();}).promise();
-	}else{
-		return $.Deferred(function(){this.resolveWith(context, argArray);}).promise();
-	}
-}
-
-
-function _getRejectedPromise(context, argArray){
-	if(context === undefined){
-		return $.Deferred(function(){this.reject();}).promise();
-	}else{
-		return $.Deferred(function(){this.rejectWith(context, argArray);}).promise();
-	}
-}
-
-
-function _makeResolveFunc(deferred, context){
-	return function(){
-		deferred.resolveWith(context);
-	};
-}
-
-
-function _getElementDataAsDict($el){
-	// Evaluate 'data-NAME' attributes with special treatment for 'data-json'.
-	var d = $.extend({}, $el.data()),
-		json = d.json;
-	delete d.fancytree; // added to container by widget factory
-	if( json ) {
-		delete d.json;
-		// <li data-json='...'> is already returned as object (http://api.jquery.com/data/#data-html5)
-		d = $.extend(d, json);
-	}
-	return d;
-}
-
-
-// TODO: use currying
-function _makeNodeTitleMatcher(s){
-	s = s.toLowerCase();
-	return function(node){
-		return node.title.toLowerCase().indexOf(s) >= 0;
-	};
-}
-
-var i,
-	FT = null, // initialized below
-	ENTITY_MAP = {"&": "&amp;", "<": "&lt;", ">": "&gt;", "\"": "&quot;", "'": "&#39;", "/": "&#x2F;"},
-	//boolean attributes that can be set with equivalent class names in the LI tags
-	CLASS_ATTRS = "active expanded focus folder hideCheckbox lazy selected unselectable".split(" "),
-	CLASS_ATTR_MAP = {},
-	//	Top-level Fancytree node attributes, that can be set by dict
-	NODE_ATTRS = "expanded extraClasses folder hideCheckbox key lazy refKey selected title tooltip unselectable".split(" "),
-	NODE_ATTR_MAP = {},
-	// Attribute names that should NOT be added to node.data
-	NONE_NODE_DATA_MAP = {"active": true, "children": true, "data": true, "focus": true};
-
-for(i=0; i<CLASS_ATTRS.length; i++){ CLASS_ATTR_MAP[CLASS_ATTRS[i]] = true; }
-for(i=0; i<NODE_ATTRS.length; i++){ NODE_ATTR_MAP[NODE_ATTRS[i]] = true; }
-
-
-/* *****************************************************************************
- * FancytreeNode
- */
-
-
-/**
- * Creates a new FancytreeNode
- *
- * @class FancytreeNode
- * @classdesc A FancytreeNode represents the hierarchical data model and operations.
- *
- * @param {FancytreeNode} parent
- * @param {NodeData} obj
- *
- * @property {Fancytree} tree The tree instance
- * @property {FancytreeNode} parent The parent node
- * @property {string} key Node id (must be unique inside the tree)
- * @property {string} title Display name (may contain HTML)
- * @property {object} data Contains all extra data that was passed on node creation
- * @property {FancytreeNode[] | null | undefined} children Array of child nodes.<br>
- *     For lazy nodes, null or undefined means 'not yet loaded'. Use an empty array
- *     to define a node that has no children.
- * @property {boolean} expanded Use isExpanded(), setExpanded() to access this property.
- * @property {string} extraClasses Addtional CSS classes, added to the node's `&lt;span>`
- * @property {boolean} folder Folder nodes have different default icons and click behavior.<br>
- *     Note: Also non-folders may have children.
- * @property {string} statusNodeType null or type of temporarily generated system node like 'loading', or 'error'.
- * @property {boolean} lazy True if this node is loaded on demand, i.e. on first expansion.
- * @property {boolean} selected Use isSelected(), setSelected() to access this property.
- * @property {string} tooltip Alternative description used as hover banner
- */
-function FancytreeNode(parent, obj){
-	var i, l, name, cl;
-
-	this.parent = parent;
-	this.tree = parent.tree;
-	this.ul = null;
-	this.li = null;  // <li id='key' ftnode=this> tag
-	this.statusNodeType = null; // if this is a temp. node to display the status of its parent
-	this._isLoading = false;    // if this node itself is loading
-	this._error = null;         // {message: '...'} if a load error occured
-	this.data = {};
-
-	// TODO: merge this code with node.toDict()
-	// copy attributes from obj object
-	for(i=0, l=NODE_ATTRS.length; i<l; i++){
-		name = NODE_ATTRS[i];
-		this[name] = obj[name];
-	}
-	// node.data += obj.data
-	if(obj.data){
-		$.extend(this.data, obj.data);
-	}
-	// copy all other attributes to this.data.NAME
-	for(name in obj){
-		if(!NODE_ATTR_MAP[name] && !$.isFunction(obj[name]) && !NONE_NODE_DATA_MAP[name]){
-			// node.data.NAME = obj.NAME
-			this.data[name] = obj[name];
-		}
-	}
-
-	// Fix missing key
-	if( this.key == null ){ // test for null OR undefined
-		if( this.tree.options.defaultKey ) {
-			this.key = this.tree.options.defaultKey(this);
-			_assert(this.key, "defaultKey() must return a unique key");
-		} else {
-			this.key = "_" + (FT._nextNodeKey++);
-		}
-	} else {
-		this.key = "" + this.key; // Convert to string (#217)
-	}
-
-	// Fix tree.activeNode
-	// TODO: not elegant: we use obj.active as marker to set tree.activeNode
-	// when loading from a dictionary.
-	if(obj.active){
-		_assert(this.tree.activeNode === null, "only one active node allowed");
-		this.tree.activeNode = this;
-	}
-	if( obj.selected ){ // #186
-		this.tree.lastSelectedNode = this;
-	}
-	// TODO: handle obj.focus = true
-	// Create child nodes
-	this.children = null;
-	cl = obj.children;
-	if(cl && cl.length){
-		this._setChildren(cl);
-	}
-	// Add to key/ref map (except for root node)
-//	if( parent ) {
-	this.tree._callHook("treeRegisterNode", this.tree, true, this);
-//	}
-}
-
-
-FancytreeNode.prototype = /** @lends FancytreeNode# */{
-	/* Return the direct child FancytreeNode with a given key, index. */
-	_findDirectChild: function(ptr){
-		var i, l,
-			cl = this.children;
-
-		if(cl){
-			if(typeof ptr === "string"){
-				for(i=0, l=cl.length; i<l; i++){
-					if(cl[i].key === ptr){
-						return cl[i];
-					}
-				}
-			}else if(typeof ptr === "number"){
-				return this.children[ptr];
-			}else if(ptr.parent === this){
-				return ptr;
-			}
-		}
-		return null;
-	},
-	// TODO: activate()
-	// TODO: activateSilently()
-	/* Internal helper called in recursive addChildren sequence.*/
-	_setChildren: function(children){
-		_assert(children && (!this.children || this.children.length === 0), "only init supported");
-		this.children = [];
-		for(var i=0, l=children.length; i<l; i++){
-			this.children.push(new FancytreeNode(this, children[i]));
-		}
-	},
-	/**
-	 * Append (or insert) a list of child nodes.
-	 *
-	 * @param {NodeData[]} children array of child node definitions (also single child accepted)
-	 * @param {FancytreeNode | string | Integer} [insertBefore] child node (or key or index of such).
-	 *     If omitted, the new children are appended.
-	 * @returns {FancytreeNode} first child added
-	 *
-	 * @see FancytreeNode#applyPatch
-	 */
-	addChildren: function(children, insertBefore){
-		var i, l, pos,
-			firstNode = null,
-			nodeList = [];
-
-		if($.isPlainObject(children) ){
-			children = [children];
-		}
-		if(!this.children){
-			this.children = [];
-		}
-		for(i=0, l=children.length; i<l; i++){
-			nodeList.push(new FancytreeNode(this, children[i]));
-		}
-		firstNode = nodeList[0];
-		if(insertBefore == null){
-			this.children = this.children.concat(nodeList);
-		}else{
-			insertBefore = this._findDirectChild(insertBefore);
-			pos = $.inArray(insertBefore, this.children);
-			_assert(pos >= 0, "insertBefore must be an existing child");
-			// insert nodeList after children[pos]
-			this.children.splice.apply(this.children, [pos, 0].concat(nodeList));
-		}
-		if( !this.parent || this.parent.ul || this.tr ){
-			// render if the parent was rendered (or this is a root node)
-			this.render();
-		}
-		if( this.tree.options.selectMode === 3 ){
-			this.fixSelection3FromEndNodes();
-		}
-		return firstNode;
-	},
-	/**
-	 * Append or prepend a node, or append a child node.
-	 *
-	 * This a convenience function that calls addChildren()
-	 *
-	 * @param {NodeData} node node definition
-	 * @param {string} [mode=child] 'before', 'after', or 'child' ('over' is a synonym for 'child')
-	 * @returns {FancytreeNode} new node
-	 */
-	addNode: function(node, mode){
-		if(mode === undefined || mode === "over"){
-			mode = "child";
-		}
-		switch(mode){
-		case "after":
-			return this.getParent().addChildren(node, this.getNextSibling());
-		case "before":
-			return this.getParent().addChildren(node, this);
-		case "child":
-		case "over":
-			return this.addChildren(node);
-		}
-		_assert(false, "Invalid mode: " + mode);
-	},
-	/**
-	 * Append new node after this.
-	 *
-	 * This a convenience function that calls addNode(node, 'after')
-	 *
-	 * @param {NodeData} node node definition
-	 * @returns {FancytreeNode} new node
-	 */
-	appendSibling: function(node){
-		return this.addNode(node, "after");
-	},
-	/**
-	 * Modify existing child nodes.
-	 *
-	 * @param {NodePatch} patch
-	 * @returns {$.Promise}
-	 * @see FancytreeNode#addChildren
-	 */
-	applyPatch: function(patch) {
-		// patch [key, null] means 'remove'
-		if(patch === null){
-			this.remove();
-			return _getResolvedPromise(this);
-		}
-		// TODO: make sure that root node is not collapsed or modified
-		// copy (most) attributes to node.ATTR or node.data.ATTR
-		var name, promise, v,
-			IGNORE_MAP = { children: true, expanded: true, parent: true }; // TODO: should be global
-
-		for(name in patch){
-			v = patch[name];
-			if( !IGNORE_MAP[name] && !$.isFunction(v)){
-				if(NODE_ATTR_MAP[name]){
-					this[name] = v;
-				}else{
-					this.data[name] = v;
-				}
-			}
-		}
-		// Remove and/or create children
-		if(patch.hasOwnProperty("children")){
-			this.removeChildren();
-			if(patch.children){ // only if not null and not empty list
-				// TODO: addChildren instead?
-				this._setChildren(patch.children);
-			}
-			// TODO: how can we APPEND or INSERT child nodes?
-		}
-		if(this.isVisible()){
-			this.renderTitle();
-			this.renderStatus();
-		}
-		// Expand collapse (final step, since this may be async)
-		if(patch.hasOwnProperty("expanded")){
-			promise = this.setExpanded(patch.expanded);
-		}else{
-			promise = _getResolvedPromise(this);
-		}
-		return promise;
-	},
-	/** Collapse all sibling nodes.
-	 * @returns {$.Promise}
-	 */
-	collapseSiblings: function() {
-		return this.tree._callHook("nodeCollapseSiblings", this);
-	},
-	/** Copy this node as sibling or child of `node`.
-	 *
-	 * @param {FancytreeNode} node source node
-	 * @param {string} mode 'before' | 'after' | 'child'
-	 * @param {Function} [map] callback function(NodeData) that could modify the new node
-	 * @returns {FancytreeNode} new
-	 */
-	copyTo: function(node, mode, map) {
-		return node.addNode(this.toDict(true, map), mode);
-	},
-	/** Count direct and indirect children.
-	 *
-	 * @param {boolean} [deep=true] pass 'false' to only count direct children
-	 * @returns {int} number of child nodes
-	 */
-	countChildren: function(deep) {
-		var cl = this.children, i, l, n;
-		if( !cl ){
-			return 0;
-		}
-		n = cl.length;
-		if(deep !== false){
-			for(i=0, l=n; i<l; i++){
-				n += cl[i].countChildren();
-			}
-		}
-		return n;
-	},
-	// TODO: deactivate()
-	/** Write to browser console if debugLevel >= 2 (prepending node info)
-	 *
-	 * @param {*} msg string or object or array of such
-	 */
-	debug: function(msg){
-		if( this.tree.options.debugLevel >= 2 ) {
-			Array.prototype.unshift.call(arguments, this.toString());
-			consoleApply("debug", arguments);
-		}
-	},
-	/** Deprecated.
-	 * @deprecated since 2014-02-16. Use resetLazy() instead.
-	 */
-	discard: function(){
-		this.warn("FancytreeNode.discard() is deprecated since 2014-02-16. Use .resetLazy() instead.");
-		return this.resetLazy();
-	},
-	// TODO: expand(flag)
-	/**Find all nodes that contain `match` in the title.
-	 *
-	 * @param {string | function(node)} match string to search for, of a function that
-	 * returns `true` if a node is matched.
-	 * @returns {FancytreeNode[]} array of nodes (may be empty)
-	 * @see FancytreeNode#findAll
-	 */
-	findAll: function(match) {
-		match = $.isFunction(match) ? match : _makeNodeTitleMatcher(match);
-		var res = [];
-		this.visit(function(n){
-			if(match(n)){
-				res.push(n);
-			}
-		});
-		return res;
-	},
-	/**Find first node that contains `match` in the title (not including self).
-	 *
-	 * @param {string | function(node)} match string to search for, of a function that
-	 * returns `true` if a node is matched.
-	 * @returns {FancytreeNode} matching node or null
-	 * @example
-	 * <b>fat</b> text
-	 */
-	findFirst: function(match) {
-		match = $.isFunction(match) ? match : _makeNodeTitleMatcher(match);
-		var res = null;
-		this.visit(function(n){
-			if(match(n)){
-				res = n;
-				return false;
-			}
-		});
-		return res;
-	},
-	/* Apply selection state (internal use only) */
-	_changeSelectStatusAttrs: function (state) {
-		var changed = false;
-
-		switch(state){
-		case false:
-			changed = ( this.selected || this.partsel );
-			this.selected = false;
-			this.partsel = false;
-			break;
-		case true:
-			changed = ( !this.selected || !this.partsel );
-			this.selected = true;
-			this.partsel = true;
-			break;
-		case undefined:
-			changed = ( this.selected || !this.partsel );
-			this.selected = false;
-			this.partsel = true;
-			break;
-		default:
-			_assert(false, "invalid state: " + state);
-		}
-		// this.debug("fixSelection3AfterLoad() _changeSelectStatusAttrs()", state, changed);
-		if( changed ){
-			this.renderStatus();
-		}
-		return changed;
-	},
-	/**
-	 * Fix selection status, after this node was (de)selected in multi-hier mode.
-	 * This includes (de)selecting all children.
-	 */
-	fixSelection3AfterClick: function() {
-		var flag = this.isSelected();
-
-//		this.debug("fixSelection3AfterClick()");
-
-		this.visit(function(node){
-			node._changeSelectStatusAttrs(flag);
-		});
-		this.fixSelection3FromEndNodes();
-	},
-	/**
-	 * Fix selection status for multi-hier mode.
-	 * Only end-nodes are considered to update the descendants branch and parents.
-	 * Should be called after this node has loaded new children or after
-	 * children have been modified using the API.
-	 */
-	fixSelection3FromEndNodes: function() {
-//		this.debug("fixSelection3FromEndNodes()");
-		_assert(this.tree.options.selectMode === 3, "expected selectMode 3");
-
-		// Visit all end nodes and adjust their parent's `selected` and `partsel`
-		// attributes. Return selection state true, false, or undefined.
-		function _walk(node){
-			var i, l, child, s, state, allSelected,someSelected,
-				children = node.children;
-
-			if( children && children.length ){
-				// check all children recursively
-				allSelected = true;
-				someSelected = false;
-
-				for( i=0, l=children.length; i<l; i++ ){
-					child = children[i];
-					// the selection state of a node is not relevant; we need the end-nodes
-					s = _walk(child);
-					if( s !== false ) {
-						someSelected = true;
-					}
-					if( s !== true ) {
-						allSelected = false;
-					}
-				}
-				state = allSelected ? true : (someSelected ? undefined : false);
-			}else{
-				// This is an end-node: simply report the status
-//				state = ( node.unselectable ) ? undefined : !!node.selected;
-				state = !!node.selected;
-			}
-			node._changeSelectStatusAttrs(state);
-			return state;
-		}
-		_walk(this);
-
-		// Update parent's state
-		this.visitParents(function(node){
-			var i, l, child, state,
-				children = node.children,
-				allSelected = true,
-				someSelected = false;
-
-			for( i=0, l=children.length; i<l; i++ ){
-				child = children[i];
-				// When fixing the parents, we trust the sibling status (i.e.
-				// we don't recurse)
-				if( child.selected || child.partsel ) {
-					someSelected = true;
-				}
-				if( !child.unselectable && !child.selected ) {
-					allSelected = false;
-				}
-			}
-			state = allSelected ? true : (someSelected ? undefined : false);
-			node._changeSelectStatusAttrs(state);
-		});
-	},
-	// TODO: focus()
-	/**
-	 * Update node data. If dict contains 'children', then also replace
-	 * the hole sub tree.
-	 * @param {NodeData} dict
-	 *
-	 * @see FancytreeNode#addChildren
-	 * @see FancytreeNode#applyPatch
-	 */
-	fromDict: function(dict) {
-		// copy all other attributes to this.data.xxx
-		for(var name in dict){
-			if(NODE_ATTR_MAP[name]){
-				// node.NAME = dict.NAME
-				this[name] = dict[name];
-			}else if(name === "data"){
-				// node.data += dict.data
-				$.extend(this.data, dict.data);
-			}else if(!$.isFunction(dict[name]) && !NONE_NODE_DATA_MAP[name]){
-				// node.data.NAME = dict.NAME
-				this.data[name] = dict[name];
-			}
-		}
-		if(dict.children){
-			// recursively set children and render
-			this.removeChildren();
-			this.addChildren(dict.children);
-		}
-		this.renderTitle();
-/*
-		var children = dict.children;
-		if(children === undefined){
-			this.data = $.extend(this.data, dict);
-			this.render();
-			return;
-		}
-		dict = $.extend({}, dict);
-		dict.children = undefined;
-		this.data = $.extend(this.data, dict);
-		this.removeChildren();
-		this.addChild(children);
-*/
-	},
-	/** Return the list of child nodes (undefined for unexpanded lazy nodes).
-	 * @returns {FancytreeNode[] | undefined}
-	 */
-	getChildren: function() {
-		if(this.hasChildren() === undefined){ // TODO: only required for lazy nodes?
-			return undefined; // Lazy node: unloaded, currently loading, or load error
-		}
-		return this.children;
-	},
-	/** Return the first child node or null.
-	 * @returns {FancytreeNode | null}
-	 */
-	getFirstChild: function() {
-		return this.children ? this.children[0] : null;
-	},
-	/** Return the 0-based child index.
-	 * @returns {int}
-	 */
-	getIndex: function() {
-//		return this.parent.children.indexOf(this);
-		return $.inArray(this, this.parent.children); // indexOf doesn't work in IE7
-	},
-	/** Return the hierarchical child index (1-based, e.g. '3.2.4').
-	 * @returns {string}
-	 */
-	getIndexHier: function(separator) {
-		separator = separator || ".";
-		var res = [];
-		$.each(this.getParentList(false, true), function(i, o){
-			res.push(o.getIndex() + 1);
-		});
-		return res.join(separator);
-	},
-	/** Return the parent keys separated by options.keyPathSeparator, e.g. "id_1/id_17/id_32".
-	 * @param {boolean} [excludeSelf=false]
-	 * @returns {string}
-	 */
-	getKeyPath: function(excludeSelf) {
-		var path = [],
-			sep = this.tree.options.keyPathSeparator;
-		this.visitParents(function(n){
-			if(n.parent){
-				path.unshift(n.key);
-			}
-		}, !excludeSelf);
-		return sep + path.join(sep);
-	},
-	/** Return the last child of this node or null.
-	 * @returns {FancytreeNode | null}
-	 */
-	getLastChild: function() {
-		return this.children ? this.children[this.children.length - 1] : null;
-	},
-	/** Return node depth. 0: System root node, 1: visible top-level node, 2: first sub-level, ... .
-	 * @returns {int}
-	 */
-	getLevel: function() {
-		var level = 0,
-			dtn = this.parent;
-		while( dtn ) {
-			level++;
-			dtn = dtn.parent;
-		}
-		return level;
-	},
-	/** Return the successor node (under the same parent) or null.
-	 * @returns {FancytreeNode | null}
-	 */
-	getNextSibling: function() {
-		// TODO: use indexOf, if available: (not in IE6)
-		if( this.parent ){
-			var i, l,
-				ac = this.parent.children;
-
-			for(i=0, l=ac.length-1; i<l; i++){ // up to length-2, so next(last) = null
-				if( ac[i] === this ){
-					return ac[i+1];
-				}
-			}
-		}
-		return null;
-	},
-	/** Return the parent node (null for the system root node).
-	 * @returns {FancytreeNode | null}
-	 */
-	getParent: function() {
-		// TODO: return null for top-level nodes?
-		return this.parent;
-	},
-	/** Return an array of all parent nodes (top-down).
-	 * @param {boolean} [includeRoot=false] Include the invisible system root node.
-	 * @param {boolean} [includeSelf=false] Include the node itself.
-	 * @returns {FancytreeNode[]}
-	 */
-	getParentList: function(includeRoot, includeSelf) {
-		var l = [],
-			dtn = includeSelf ? this : this.parent;
-		while( dtn ) {
-			if( includeRoot || dtn.parent ){
-				l.unshift(dtn);
-			}
-			dtn = dtn.parent;
-		}
-		return l;
-	},
-	/** Return the predecessor node (under the same parent) or null.
-	 * @returns {FancytreeNode | null}
-	 */
-	getPrevSibling: function() {
-		if( this.parent ){
-			var i, l,
-				ac = this.parent.children;
-
-			for(i=1, l=ac.length; i<l; i++){ // start with 1, so prev(first) = null
-				if( ac[i] === this ){
-					return ac[i-1];
-				}
-			}
-		}
-		return null;
-	},
-	/** Return true if node has children. Return undefined if not sure, i.e. the node is lazy and not yet loaded).
-	 * @returns {boolean | undefined}
-	 */
-	hasChildren: function() {
-		if(this.lazy){
-			if(this.children == null ){
-				// null or undefined: Not yet loaded
-				return undefined;
-			}else if(this.children.length === 0){
-				// Loaded, but response was empty
-				return false;
-			}else if(this.children.length === 1 && this.children[0].isStatusNode() ){
-				// Currently loading or load error
-				return undefined;
-			}
-			return true;
-		}
-		return !!this.children;
-	},
-	/** Return true if node has keyboard focus.
-	 * @returns {boolean}
-	 */
-	hasFocus: function() {
-		return (this.tree.hasFocus() && this.tree.focusNode === this);
-	},
-	/** Write to browser console if debugLevel >= 1 (prepending node info)
-	 *
-	 * @param {*} msg string or object or array of such
-	 */
-	info: function(msg){
-		if( this.tree.options.debugLevel >= 1 ) {
-			Array.prototype.unshift.call(arguments, this.toString());
-			consoleApply("info", arguments);
-		}
-	},
-	/** Return true if node is active (see also FancytreeNode#isSelected).
-	 * @returns {boolean}
-	 */
-	isActive: function() {
-		return (this.tree.activeNode === this);
-	},
-	/** Return true if node is a direct child of otherNode.
-	 * @param {FancytreeNode} otherNode
-	 * @returns {boolean}
-	 */
-	isChildOf: function(otherNode) {
-		return (this.parent && this.parent === otherNode);
-	},
-	/** Return true, if node is a direct or indirect sub node of otherNode.
-	 * @param {FancytreeNode} otherNode
-	 * @returns {boolean}
-	 */
-	isDescendantOf: function(otherNode) {
-		if(!otherNode || otherNode.tree !== this.tree){
-			return false;
-		}
-		var p = this.parent;
-		while( p ) {
-			if( p === otherNode ){
-				return true;
-			}
-			p = p.parent;
-		}
-		return false;
-	},
-	/** Return true if node is expanded.
-	 * @returns {boolean}
-	 */
-	isExpanded: function() {
-		return !!this.expanded;
-	},
-	/** Return true if node is the first node of its parent's children.
-	 * @returns {boolean}
-	 */
-	isFirstSibling: function() {
-		var p = this.parent;
-		return !p || p.children[0] === this;
-	},
-	/** Return true if node is a folder, i.e. has the node.folder attribute set.
-	 * @returns {boolean}
-	 */
-	isFolder: function() {
-		return !!this.folder;
-	},
-	/** Return true if node is the last node of its parent's children.
-	 * @returns {boolean}
-	 */
-	isLastSibling: function() {
-		var p = this.parent;
-		return !p || p.children[p.children.length-1] === this;
-	},
-	/** Return true if node is lazy (even if data was already loaded)
-	 * @returns {boolean}
-	 */
-	isLazy: function() {
-		return !!this.lazy;
-	},
-	/** Return true if node is lazy and loaded. For non-lazy nodes always return true.
-	 * @returns {boolean}
-	 */
-	isLoaded: function() {
-		return !this.lazy || this.hasChildren() !== undefined; // Also checks if the only child is a status node
-	},
-	/** Return true if children are currently beeing loaded, i.e. a Ajax request is pending.
-	 * @returns {boolean}
-	 */
-	isLoading: function() {
-		return !!this._isLoading;
-	},
-	/** Return true if this is the (invisible) system root node.
-	 * @returns {boolean}
-	 */
-	isRoot: function() {
-		return (this.tree.rootNode === this);
-	},
-	/** Return true if node is selected, i.e. has a checkmark set (see also FancytreeNode#isActive).
-	 * @returns {boolean}
-	 */
-	isSelected: function() {
-		return !!this.selected;
-	},
-	/** Return true if this node is a temporarily generated system node like
-	 * 'loading', or 'error' (node.statusNodeType contains the type).
-	 * @returns {boolean}
-	 */
-	isStatusNode: function() {
-		return !!this.statusNodeType;
-	},
-	/** Return true if node is lazy and not yet loaded. For non-lazy nodes always return false.
-	 * @returns {boolean}
-	 */
-	isUndefined: function() {
-		return this.hasChildren() === undefined; // also checks if the only child is a status node
-	},
-	/** Return true if all parent nodes are expanded. Note: this does not check
-	 * whether the node is scrolled into the visible part of the screen.
-	 * @returns {boolean}
-	 */
-	isVisible: function() {
-		var i, l,
-			parents = this.getParentList(false, false);
-
-		for(i=0, l=parents.length; i<l; i++){
-			if( ! parents[i].expanded ){ return false; }
-		}
-		return true;
-	},
-	/** Deprecated.
-	 * @deprecated since 2014-02-16: use load() instead.
-	 */
-	lazyLoad: function(discard) {
-		this.warn("FancytreeNode.lazyLoad() is deprecated since 2014-02-16. Use .load() instead.");
-		return this.load(discard);
-	},
-	/**
-	 * Load all children of a lazy node.
-	 * @param {boolean} [forceReload=false] Pass true to discard any existing nodes before.
-	 * @returns {$.Promise}
-	 */
-	load: function(forceReload) {
-		var res, source,
-			that = this;
-
-		_assert( this.isLazy(), "load() requires a lazy node" );
-		_assert( forceReload || this.isUndefined(), "Pass forceReload=true to re-load a lazy node" );
-
-		if( this.isLoaded() ){
-			this.resetLazy(); // also collapses
-		}
-		// This method is also called by setExpanded() and loadKeyPath(), so we
-		// have to avoid recursion.
-		source = this.tree._triggerNodeEvent("lazyLoad", this);
-		if( source === false ) { // #69
-			return _getResolvedPromise(this);
-		}
-		_assert(typeof source !== "boolean", "lazyLoad event must return source in data.result");
-		res = this.tree._callHook("nodeLoadChildren", this, source);
-		if( this.expanded ) {
-			res.always(function(){
-				that.render();
-			});
-		}
-		return res;
-	},
-	/** Expand all parents and optionally scroll into visible area as neccessary.
-	 * Promise is resolved, when lazy loading and animations are done.
-	 * @param {object} [opts] passed to `setExpanded()`.
-	 *     Defaults to {noAnimation: false, noEvents: false, scrollIntoView: true}
-	 * @returns {$.Promise}
-	 */
-	makeVisible: function(opts) {
-		var i,
-			that = this,
-			deferreds = [],
-			dfd = new $.Deferred(),
-			parents = this.getParentList(false, false),
-			len = parents.length,
-			effects = !(opts && opts.noAnimation === true),
-			scroll = !(opts && opts.scrollIntoView === false);
-
-		// Expand bottom-up, so only the top node is animated
-		for(i = len - 1; i >= 0; i--){
-			// that.debug("pushexpand" + parents[i]);
-			deferreds.push(parents[i].setExpanded(true, opts));
-		}
-		$.when.apply($, deferreds).done(function(){
-			// All expands have finished
-			// that.debug("expand DONE", scroll);
-			if( scroll ){
-				that.scrollIntoView(effects).done(function(){
-					// that.debug("scroll DONE");
-					dfd.resolve();
-				});
-			} else {
-				dfd.resolve();
-			}
-		});
-		return dfd.promise();
-	},
-	/** Move this node to targetNode.
-	 *  @param {FancytreeNode} targetNode
-	 *  @param {string} mode <pre>
-	 *      'child': append this node as last child of targetNode.
-	 *               This is the default. To be compatble with the D'n'd
-	 *               hitMode, we also accept 'over'.
-	 *      'before': add this node as sibling before targetNode.
-	 *      'after': add this node as sibling after targetNode.</pre>
-	 *  @param {function} [map] optional callback(FancytreeNode) to allow modifcations
-	 */
-	moveTo: function(targetNode, mode, map) {
-		if(mode === undefined || mode === "over"){
-			mode = "child";
-		}
-		var pos,
-			prevParent = this.parent,
-			targetParent = (mode === "child") ? targetNode : targetNode.parent;
-
-		if(this === targetNode){
-			return;
-		}else if( !this.parent  ){
-			throw "Cannot move system root";
-		}else if( targetParent.isDescendantOf(this) ){
-			throw "Cannot move a node to its own descendant";
-		}
-		// Unlink this node from current parent
-		if( this.parent.children.length === 1 ) {
-			if( this.parent === targetParent ){
-				return; // #258
-			}
-			this.parent.children = this.parent.lazy ? [] : null;
-			this.parent.expanded = false;
-		} else {
-			pos = $.inArray(this, this.parent.children);
-			_assert(pos >= 0);
-			this.parent.children.splice(pos, 1);
-		}
-		// Remove from source DOM parent
-//		if(this.parent.ul){
-//			this.parent.ul.removeChild(this.li);
-//		}
-
-		// Insert this node to target parent's child list
-		this.parent = targetParent;
-		if( targetParent.hasChildren() ) {
-			switch(mode) {
-			case "child":
-				// Append to existing target children
-				targetParent.children.push(this);
-				break;
-			case "before":
-				// Insert this node before target node
-				pos = $.inArray(targetNode, targetParent.children);
-				_assert(pos >= 0);
-				targetParent.children.splice(pos, 0, this);
-				break;
-			case "after":
-				// Insert this node after target node
-				pos = $.inArray(targetNode, targetParent.children);
-				_assert(pos >= 0);
-				targetParent.children.splice(pos+1, 0, this);
-				break;
-			default:
-				throw "Invalid mode " + mode;
-			}
-		} else {
-			targetParent.children = [ this ];
-		}
-		// Parent has no <ul> tag yet:
-//		if( !targetParent.ul ) {
-//			// This is the parent's first child: create UL tag
-//			// (Hidden, because it will be
-//			targetParent.ul = document.createElement("ul");
-//			targetParent.ul.style.display = "none";
-//			targetParent.li.appendChild(targetParent.ul);
-//		}
-//		// Issue 319: Add to target DOM parent (only if node was already rendered(expanded))
-//		if(this.li){
-//			targetParent.ul.appendChild(this.li);
-//		}^
-
-		// Let caller modify the nodes
-		if( map ){
-			targetNode.visit(map, true);
-		}
-		// Handle cross-tree moves
-		if( this.tree !== targetNode.tree ) {
-			// Fix node.tree for all source nodes
-//			_assert(false, "Cross-tree move is not yet implemented.");
-			this.warn("Cross-tree moveTo is experimantal!");
-			this.visit(function(n){
-				// TODO: fix selection state and activation, ...
-				n.tree = targetNode.tree;
-			}, true);
-		}
-
-		// A collaposed node won't re-render children, so we have to remove it manually
-		// if( !targetParent.expanded ){
-		//   prevParent.ul.removeChild(this.li);
-		// }
-
-		// Update HTML markup
-		if( !prevParent.isDescendantOf(targetParent)) {
-			prevParent.render();
-		}
-		if( !targetParent.isDescendantOf(prevParent) && targetParent !== prevParent) {
-			targetParent.render();
-		}
-		// TODO: fix selection state
-		// TODO: fix active state
-
-/*
-		var tree = this.tree;
-		var opts = tree.options;
-		var pers = tree.persistence;
-
-
-		// Always expand, if it's below minExpandLevel
-//		tree.logDebug ("%s._addChildNode(%o), l=%o", this, ftnode, ftnode.getLevel());
-		if ( opts.minExpandLevel >= ftnode.getLevel() ) {
-//			tree.logDebug ("Force expand for %o", ftnode);
-			this.bExpanded = true;
-		}
-
-		// In multi-hier mode, update the parents selection state
-		// DT issue #82: only if not initializing, because the children may not exist yet
-//		if( !ftnode.data.isStatusNode() && opts.selectMode==3 && !isInitializing )
-//			ftnode._fixSelectionState();
-
-		// In multi-hier mode, update the parents selection state
-		if( ftnode.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();
-
-		return ftnode;
-
-*/
-	},
-	/** Set focus relative to this node and optionally activate.
-	 *
-	 * @param {number} where The keyCode that would normally trigger this move,
-	 *		e.g. `$.ui.keyCode.LEFT` would collapse the node if it
-	 *      is expanded or move to the parent oterwise.
-	 * @param {boolean} [activate=true]
-	 * @returns {$.Promise}
-	 */
-	navigate: function(where, activate) {
-		var i, parents,
-			handled = true,
-			KC = $.ui.keyCode,
-			sib = null;
-
-		// Navigate to node
-		function _goto(n){
-			if( n ){
-				try { n.makeVisible(); } catch(e) {} // #272
-				// Node may still be hidden by a filter
-				if( ! $(n.span).is(":visible") ) {
-					n.debug("Navigate: skipping hidden node");
-					n.navigate(where, activate);
-					return;
-				}
-				return activate === false ? n.setFocus() : n.setActive();
-			}
-		}
-
-		switch( where ) {
-			case KC.BACKSPACE:
-				if( this.parent && this.parent.parent ) {
-					_goto(this.parent);
-				}
-				break;
-			case KC.LEFT:
-				if( this.expanded ) {
-					this.setExpanded(false);
-					_goto(this);
-				} else if( this.parent && this.parent.parent ) {
-					_goto(this.parent);
-				}
-				break;
-			case KC.RIGHT:
-				if( !this.expanded && (this.children || this.lazy) ) {
-					this.setExpanded();
-					_goto(this);
-				} else if( this.children && this.children.length ) {
-					_goto(this.children[0]);
-				}
-				break;
-			case KC.UP:
-				sib = this.getPrevSibling();
-				while( sib && sib.expanded && sib.children && sib.children.length ){
-					sib = sib.children[sib.children.length - 1];
-				}
-				if( !sib && this.parent && this.parent.parent ){
-					sib = this.parent;
-				}
-				_goto(sib);
-				break;
-			case KC.DOWN:
-				if( this.expanded && this.children && this.children.length ) {
-					sib = this.children[0];
-				} else {
-					parents = this.getParentList(false, true);
-					for(i=parents.length-1; i>=0; i--) {
-						sib = parents[i].getNextSibling();
-						if( sib ){ break; }
-					}
-				}
-				_goto(sib);
-				break;
-			default:
-				handled = false;
-		}
-	},
-	/**
-	 * Remove this node (not allowed for system root).
-	 */
-	remove: function() {
-		return this.parent.removeChild(this);
-	},
-	/**
-	 * Remove childNode from list of direct children.
-	 * @param {FancytreeNode} childNode
-	 */
-	removeChild: function(childNode) {
-		return this.tree._callHook("nodeRemoveChild", this, childNode);
-	},
-	/**
-	 * Remove all child nodes and descendents. This converts the node into a leaf.<br>
-	 * If this was a lazy node, it is still considered 'loaded'; call node.resetLazy()
-	 * in order to trigger lazyLoad on next expand.
-	 */
-	removeChildren: function() {
-		return this.tree._callHook("nodeRemoveChildren", this);
-	},
-	/**
-	 * This method renders and updates all HTML markup that is required
-	 * to display this node in its current state.<br>
-	 * Note:
-	 * <ul>
-	 * <li>It should only be neccessary to call this method after the node object
-	 *     was modified by direct access to its properties, because the common
-	 *     API methods (node.setTitle(), moveTo(), addChildren(), remove(), ...)
-	 *     already handle this.
-	 * <li> {@link FancytreeNode#renderTitle} and {@link FancytreeNode#renderStatus}
-	 *     are implied. If changes are more local, calling only renderTitle() or
-	 *     renderStatus() may be sufficient and faster.
-	 * <li>If a node was created/removed, node.render() must be called <i>on the parent</i>.
-	 * </ul>
-	 *
-	 * @param {boolean} [force=false] re-render, even if html markup was already created
-	 * @param {boolean} [deep=false] also render all descendants, even if parent is collapsed
-	 */
-	render: function(force, deep) {
-		return this.tree._callHook("nodeRender", this, force, deep);
-	},
-	/** Create HTML markup for the node's outer <span> (expander, checkbox, icon, and title).
-	 * @see Fancytree_Hooks#nodeRenderTitle
-	 */
-	renderTitle: function() {
-		return this.tree._callHook("nodeRenderTitle", this);
-	},
-	/** Update element's CSS classes according to node state.
-	 * @see Fancytree_Hooks#nodeRenderStatus
-	 */
-	renderStatus: function() {
-		return this.tree._callHook("nodeRenderStatus", this);
-	},
-	/**
-	 * Remove all children, collapse, and set the lazy-flag, so that the lazyLoad
-	 * event is triggered on next expand.
-	 */
-	resetLazy: function() {
-		this.removeChildren();
-		this.expanded = false;
-		this.lazy = true;
-		this.children = undefined;
-		this.renderStatus();
-	},
-	/** Schedule activity for delayed execution (cancel any pending request).
-	 *  scheduleAction('cancel') will only cancel a pending request (if any).
-	 * @param {string} mode
-	 * @param {number} ms
-	 */
-	scheduleAction: function(mode, ms) {
-		if( this.tree.timer ) {
-			clearTimeout(this.tree.timer);
-//            this.tree.debug("clearTimeout(%o)", this.tree.timer);
-		}
-		this.tree.timer = null;
-		var self = this; // required for closures
-		switch (mode) {
-		case "cancel":
-			// Simply made sure that timer was cleared
-			break;
-		case "expand":
-			this.tree.timer = setTimeout(function(){
-				self.tree.debug("setTimeout: trigger expand");
-				self.setExpanded(true);
-			}, ms);
-			break;
-		case "activate":
-			this.tree.timer = setTimeout(function(){
-				self.tree.debug("setTimeout: trigger activate");
-				self.setActive(true);
-			}, ms);
-			break;
-		default:
-			throw "Invalid mode " + mode;
-		}
-//        this.tree.debug("setTimeout(%s, %s): %s", mode, ms, this.tree.timer);
-	},
-	/**
-	 *
-	 * @param {boolean | PlainObject} [effects=false] animation options.
-	 * @param {object} [options=null] {topNode: null, effects: ..., parent: ...} this node will remain visible in
-	 *     any case, even if `this` is outside the scroll pane.
-	 * @returns {$.Promise}
-	 */
-	scrollIntoView: function(effects, options) {
-		if( options !== undefined && _isNode(options) ) {
-			this.warn("scrollIntoView() with 'topNode' option is deprecated since 2014-05-08. Use 'options.topNode' instead.");
-			options = {topNode: options};
-		}
-		// this.$scrollParent = (this.options.scrollParent === "auto") ? $ul.scrollParent() : $(this.options.scrollParent);
-		// this.$scrollParent = this.$scrollParent.length ? this.$scrollParent || this.$container;
-
-		var topNodeY, nodeY, horzScrollbarHeight, containerOffsetTop,
-			opts = $.extend({
-				effects: (effects === true) ? {duration: 200, queue: false} : effects,
-				scrollOfs: this.tree.options.scrollOfs,
-				scrollParent: this.tree.options.scrollParent || this.tree.$container,
-				topNode: null
-			}, options),
-			dfd = new $.Deferred(),
-			that = this,
-			nodeHeight = $(this.span).height(),
-			$container = $(opts.scrollParent),
-			topOfs = opts.scrollOfs.top || 0,
-			bottomOfs = opts.scrollOfs.bottom || 0,
-			containerHeight = $container.height(),// - topOfs - bottomOfs,
-			scrollTop = $container.scrollTop(),
-			$animateTarget = $container,
-			isParentWindow = $container[0] === window,
-			topNode = opts.topNode || null,
-			newScrollTop = null;
-
-		// this.debug("scrollIntoView(), scrollTop=", scrollTop, opts.scrollOfs);
-		_assert($(this.span).is(":visible"), "scrollIntoView node is invisible"); // otherwise we cannot calc offsets
-
-		if( isParentWindow ) {
-			nodeY = $(this.span).offset().top;
-			topNodeY = topNode ? $(topNode.span).offset().top : 0;
-			$animateTarget = $("html,body");
-
-		} else {
-			_assert($container[0] !== document && $container[0] !== document.body, "scrollParent should be an simple element or `window`, not document or body.");
-
-			containerOffsetTop = $container.offset().top,
-			nodeY = $(this.span).offset().top - containerOffsetTop + scrollTop; // relative to scroll parent
-			topNodeY = topNode ? $(topNode.span).offset().top - containerOffsetTop  + scrollTop : 0;
-			horzScrollbarHeight = Math.max(0, ($container.innerHeight() - $container[0].clientHeight));
-			containerHeight -= horzScrollbarHeight;
-		}
-
-		// this.debug("    scrollIntoView(), nodeY=", nodeY, "containerHeight=", containerHeight);
-		if( nodeY < (scrollTop + topOfs) ){
-			// Node is above visible container area
-			newScrollTop = nodeY - topOfs;
-			// this.debug("    scrollIntoView(), UPPER newScrollTop=", newScrollTop);
-
-		}else if((nodeY + nodeHeight) > (scrollTop + containerHeight - bottomOfs)){
-			newScrollTop = nodeY + nodeHeight - containerHeight + bottomOfs;
-			// this.debug("    scrollIntoView(), LOWER newScrollTop=", newScrollTop);
-			// If a topNode was passed, make sure that it is never scrolled
-			// outside the upper border
-			if(topNode){
-				_assert($(topNode.span).is(":visible"));
-				if( topNodeY < newScrollTop ){
-					newScrollTop = topNodeY - topOfs;
-					// this.debug("    scrollIntoView(), TOP newScrollTop=", newScrollTop);
-				}
-			}
-		}
-
-		if(newScrollTop !== null){
-			// this.debug("    scrollIntoView(), SET newScrollTop=", newScrollTop);
-			if(opts.effects){
-				opts.effects.complete = function(){
-					dfd.resolveWith(that);
-				};
-				$animateTarget.stop(true).animate({
-					scrollTop: newScrollTop
-				}, opts.effects);
-			}else{
-				$animateTarget[0].scrollTop = newScrollTop;
-				dfd.resolveWith(this);
-			}
-		}else{
-			dfd.resolveWith(this);
-		}
-		return dfd.promise();
-	},
-
-	/**Activate this node.
-	 * @param {boolean} [flag=true] pass false to deactivate
-	 * @param {object} [opts] additional options. Defaults to {noEvents: false}
-	 */
-	setActive: function(flag, opts){
-		return this.tree._callHook("nodeSetActive", this, flag, opts);
-	},
-	/**Expand or collapse this node. Promise is resolved, when lazy loading and animations are done.
-	 * @param {boolean} [flag=true] pass false to collapse
-	 * @param {object} [opts] additional options. Defaults to {noAnimation: false, noEvents: false}
-	 * @returns {$.Promise}
-	 */
-	setExpanded: function(flag, opts){
-		return this.tree._callHook("nodeSetExpanded", this, flag, opts);
-	},
-	/**Set keyboard focus to this node.
-	 * @param {boolean} [flag=true] pass false to blur
-	 * @see Fancytree#setFocus
-	 */
-	setFocus: function(flag){
-		return this.tree._callHook("nodeSetFocus", this, flag);
-	},
-	/**Select this node, i.e. check the checkbox.
-	 * @param {boolean} [flag=true] pass false to deselect
-	 */
-	setSelected: function(flag){
-		return this.tree._callHook("nodeSetSelected", this, flag);
-	},
-	/**Mark a lazy node as 'error', 'loading', or 'ok'.
-	 * @param {string} status 'error', 'ok'
-	 * @param {string} [message]
-	 * @param {string} [details]
-	 */
-	setStatus: function(status, message, details){
-		return this.tree._callHook("nodeSetStatus", this, status, message, details);
-	},
-	/**Rename this node.
-	 * @param {string} title
-	 */
-	setTitle: function(title){
-		this.title = title;
-		this.renderTitle();
-	},
-	/**Sort child list by title.
-	 * @param {function} [cmp] custom compare function(a, b) that returns -1, 0, or 1 (defaults to sort by title).
-	 * @param {boolean} [deep=false] pass true to sort all descendant nodes
-	 */
-	sortChildren: function(cmp, deep) {
-		var i,l,
-			cl = this.children;
-
-		if( !cl ){
-			return;
-		}
-		cmp = cmp || function(a, b) {
-			var x = a.title.toLowerCase(),
-				y = b.title.toLowerCase();
-			return x === y ? 0 : x > y ? 1 : -1;
-			};
-		cl.sort(cmp);
-		if( deep ){
-			for(i=0, l=cl.length; i<l; i++){
-				if( cl[i].children ){
-					cl[i].sortChildren(cmp, "$norender$");
-				}
-			}
-		}
-		if( deep !== "$norender$" ){
-			this.render();
-		}
-	},
-	/** Convert node (or whole branch) into a plain object.
-	 *
-	 * The result is compatible with node.addChildren().
-	 *
-	 * @param {boolean} recursive
-	 * @param {function} callback callback(dict) is called for every node, in order to allow modifications
-	 * @returns {NodeData}
-	 */
-	toDict: function(recursive, callback) {
-		var i, l, node,
-			dict = {},
-			self = this;
-
-		$.each(NODE_ATTRS, function(i, a){
-			if(self[a] || self[a] === false){
-				dict[a] = self[a];
-			}
-		});
-		if(!$.isEmptyObject(this.data)){
-			dict.data = $.extend({}, this.data);
-			if($.isEmptyObject(dict.data)){
-				delete dict.data;
-			}
-		}
-		if( callback ){
-			callback(dict);
-		}
-		if( recursive ) {
-			if(this.hasChildren()){
-				dict.children = [];
-				for(i=0, l=this.children.length; i<l; i++ ){
-					node = this.children[i];
-					if( !node.isStatusNode() ){
-						dict.children.push(node.toDict(true, callback));
-					}
-				}
-			}else{
-//                dict.children = null;
-			}
-		}
-		return dict;
-	},
-	/** Flip expanded status.  */
-	toggleExpanded: function(){
-		return this.tree._callHook("nodeToggleExpanded", this);
-	},
-	/** Flip selection status.  */
-	toggleSelected: function(){
-		return this.tree._callHook("nodeToggleSelected", this);
-	},
-	toString: function() {
-		return "<FancytreeNode(#" + this.key + ", '" + this.title + "')>";
-	},
-	/** Call fn(node) for all child nodes.<br>
-	 * Stop iteration, if fn() returns false. Skip current branch, if fn() returns "skip".<br>
-	 * Return false if iteration was stopped.
-	 *
-	 * @param {function} fn the callback function.
-	 *     Return false to stop iteration, return "skip" to skip this node and children only.
-	 * @param {boolean} [includeSelf=false]
-	 * @returns {boolean}
-	 */
-	visit: function(fn, includeSelf) {
-		var i, l,
-			res = true,
-			children = this.children;
-
-		if( includeSelf === true ) {
-			res = fn(this);
-			if( res === false || res === "skip" ){
-				return res;
-			}
-		}
-		if(children){
-			for(i=0, l=children.length; i<l; i++){
-				res = children[i].visit(fn, true);
-				if( res === false ){
-					break;
-				}
-			}
-		}
-		return res;
-	},
-	/** Call fn(node) for all parent nodes, bottom-up, including invisible system root.<br>
-	 * Stop iteration, if fn() returns false.<br>
-	 * Return false if iteration was stopped.
-	 *
-	 * @param {function} fn the callback function.
-	 *     Return false to stop iteration, return "skip" to skip this node and children only.
-	 * @param {boolean} [includeSelf=false]
-	 * @returns {boolean}
-	 */
-	visitParents: function(fn, includeSelf) {
-		// Visit parent nodes (bottom up)
-		if(includeSelf && fn(this) === false){
-			return false;
-		}
-		var p = this.parent;
-		while( p ) {
-			if(fn(p) === false){
-				return false;
-			}
-			p = p.parent;
-		}
-		return true;
-	},
-	/** Write warning to browser console (prepending node info)
-	 *
-	 * @param {*} msg string or object or array of such
-	 */
-	warn: function(msg){
-		Array.prototype.unshift.call(arguments, this.toString());
-		consoleApply("warn", arguments);
-	}
-};
-
-
-/* *****************************************************************************
- * Fancytree
- */
-/**
- * Construct a new tree object.
- *
- * @class Fancytree
- * @classdesc The controller behind a fancytree.
- * This class also contains 'hook methods': see {@link Fancytree_Hooks}.
- *
- * @param {Widget} widget
- *
- * @property {FancytreeOptions} options
- * @property {FancytreeNode} rootNode
- * @property {FancytreeNode} activeNode
- * @property {FancytreeNode} focusNode
- * @property {jQueryObject} $div
- * @property {object} widget
- * @property {object} ext
- * @property {object} data
- * @property {object} options
- * @property {string} _id
- * @property {string} statusClassPropName
- * @property {string} ariaPropName
- * @property {string} nodeContainerAttrName
- * @property {string} $container
- * @property {FancytreeNode} lastSelectedNode
- */
-function Fancytree(widget) {
-	this.widget = widget;
-	this.$div = widget.element;
-	this.options = widget.options;
-	if( this.options && $.isFunction(this.options.lazyload) ) {
-		if( ! $.isFunction(this.options.lazyLoad ) ) {
-			this.options.lazyLoad = function() {
-				FT.warn("The 'lazyload' event is deprecated since 2014-02-25. Use 'lazyLoad' (with uppercase L) instead.");
-				widget.options.lazyload.apply(this, arguments);
-			};
-		}
-	}
-	if( this.options && $.isFunction(this.options.loaderror) ) {
-		$.error("The 'loaderror' event was renamed since 2014-07-03. Use 'loadError' (with uppercase E) instead.");
-	}
-	this.ext = {}; // Active extension instances
-	// allow to init tree.data.foo from <div data-foo=''>
-	this.data = _getElementDataAsDict(this.$div);
-	this._id = $.ui.fancytree._nextId++;
-	this._ns = ".fancytree-" + this._id; // append for namespaced events
-	this.activeNode = null;
-	this.focusNode = null;
-	this._hasFocus = null;
-	this.lastSelectedNode = null;
-	this.systemFocusElement = null;
-
-	this.statusClassPropName = "span";
-	this.ariaPropName = "li";
-	this.nodeContainerAttrName = "li";
-
-	// Remove previous markup if any
-	this.$div.find(">ul.fancytree-container").remove();
-
-	// Create a node without parent.
-	var fakeParent = { tree: this },
-		$ul;
-	this.rootNode = new FancytreeNode(fakeParent, {
-		title: "root",
-		key: "root_" + this._id,
-		children: null,
-		expanded: true
-	});
-	this.rootNode.parent = null;
-
-	// Create root markup
-	$ul = $("<ul>", {
-		"class": "ui-fancytree fancytree-container"
-	}).appendTo(this.$div);
-	this.$container = $ul;
-	this.rootNode.ul = $ul[0];
-
-	if(this.options.debugLevel == null){
-		this.options.debugLevel = FT.debugLevel;
-	}
-	// Add container to the TAB chain
-	// See http://www.w3.org/TR/wai-aria-practices/#focus_activedescendant
-	this.$container.attr("tabindex", this.options.tabbable ? "0" : "-1");
-	if(this.options.aria){
-		this.$container
-			.attr("role", "tree")
-			.attr("aria-multiselectable", true);
-	}
-}
-
-
-Fancytree.prototype = /** @lends Fancytree# */{
-	/* Return a context object that can be re-used for _callHook().
-	 * @param {Fancytree | FancytreeNode | EventData} obj
-	 * @param {Event} originalEvent
-	 * @param {Object} extra
-	 * @returns {EventData}
-	 */
-	_makeHookContext: function(obj, originalEvent, extra) {
-		var ctx, tree;
-		if(obj.node !== undefined){
-			// obj is already a context object
-			if(originalEvent && obj.originalEvent !== originalEvent){
-				$.error("invalid args");
-			}
-			ctx = obj;
-		}else if(obj.tree){
-			// obj is a FancytreeNode
-			tree = obj.tree;
-			ctx = { node: obj, tree: tree, widget: tree.widget, options: tree.widget.options, originalEvent: originalEvent };
-		}else if(obj.widget){
-			// obj is a Fancytree
-			ctx = { node: null, tree: obj, widget: obj.widget, options: obj.widget.options, originalEvent: originalEvent };
-		}else{
-			$.error("invalid args");
-		}
-		if(extra){
-			$.extend(ctx, extra);
-		}
-		return ctx;
-	},
-	/* Trigger a hook function: funcName(ctx, [...]).
-	 *
-	 * @param {string} funcName
-	 * @param {Fancytree|FancytreeNode|EventData} contextObject
-	 * @param {any}  [_extraArgs] optional additional arguments
-	 * @returns {any}
-	 */
-	_callHook: function(funcName, contextObject, _extraArgs) {
-		var ctx = this._makeHookContext(contextObject),
-			fn = this[funcName],
-			args = Array.prototype.slice.call(arguments, 2);
-		if(!$.isFunction(fn)){
-			$.error("_callHook('" + funcName + "') is not a function");
-		}
-		args.unshift(ctx);
-//		this.debug("_hook", funcName, ctx.node && ctx.node.toString() || ctx.tree.toString(), args);
-		return fn.apply(this, args);
-	},
-	/* Check if current extensions dependencies are met and throw an error if not.
-	 *
-	 * This method may be called inside the `treeInit` hook for custom extensions.
-	 *
-	 * @param {string} extension name of the required extension
-	 * @param {boolean} [required=true] pass `false` if the extension is optional, but we want to check for order if it is present
-	 * @param {boolean} [before] `true` if `name` must be included before this, `false` otherwise (use `null` if order doesn't matter)
-	 * @param {string} [message] optional error message (defaults to a descriptve error message)
-	 */
-	_requireExtension: function(name, required, before, message) {
-		before = !!before;
-		var thisName = this._local.name,
-			extList = this.options.extensions,
-			isBefore = $.inArray(name, extList) < $.inArray(thisName, extList),
-			isMissing = required && this.ext[name] == null,
-			badOrder = !isMissing && before != null && (before !== isBefore);
-
-		_assert(thisName && thisName !== name);
-
-		if( isMissing || badOrder ){
-			if( !message ){
-				if( isMissing || required ){
-					message = "'" + thisName + "' extension requires '" + name + "'";
-					if( badOrder ){
-						message += " to be registered " + (before ? "before" : "after") + " itself";
-					}
-				}else{
-					message = "If used together, `" + name + "` must be registered " + (before ? "before" : "after") + " `" + thisName + "`";
-				}
-			}
-			$.error(message);
-			return false;
-		}
-		return true;
-	},
-	/** Activate node with a given key and fire focus and activate events.
-	 *
-	 * A prevously activated node will be deactivated.
-	 * If activeVisible option is set, all parents will be expanded as necessary.
-	 * Pass key = false, to deactivate the current node only.
-	 * @param {string} key
-	 * @returns {FancytreeNode} activated node (null, if not found)
-	 */
-	activateKey: function(key) {
-		var node = this.getNodeByKey(key);
-		if(node){
-			node.setActive();
-		}else if(this.activeNode){
-			this.activeNode.setActive(false);
-		}
-		return node;
-	},
-	/** (experimental)
-	 *
-	 * @param {Array} patchList array of [key, NodePatch] arrays
-	 * @returns {$.Promise} resolved, when all patches have been applied
-	 * @see TreePatch
-	 */
-	applyPatch: function(patchList) {
-		var dfd, i, p2, key, patch, node,
-			patchCount = patchList.length,
-			deferredList = [];
-
-		for(i=0; i<patchCount; i++){
-			p2 = patchList[i];
-			_assert(p2.length === 2, "patchList must be an array of length-2-arrays");
-			key = p2[0];
-			patch = p2[1];
-			node = (key === null) ? this.rootNode : this.getNodeByKey(key);
-			if(node){
-				dfd = new $.Deferred();
-				deferredList.push(dfd);
-				node.applyPatch(patch).always(_makeResolveFunc(dfd, node));
-			}else{
-				this.warn("could not find node with key '" + key + "'");
-			}
-		}
-		// Return a promise that is resovled, when ALL patches were applied
-		return $.when.apply($, deferredList).promise();
-	},
-	/* TODO: implement in dnd extension
-	cancelDrag: function() {
-		var dd = $.ui.ddmanager.current;
-		if(dd){
-			dd.cancel();
-		}
-	},
-   */
-   /** Return the number of nodes.
-	* @returns {integer}
-	*/
-	count: function() {
-		return this.rootNode.countChildren();
-	},
-	/** Write to browser console if debugLevel >= 2 (prepending tree name)
-	 *
-	 * @param {*} msg string or object or array of such
-	 */
-	debug: function(msg){
-		if( this.options.debugLevel >= 2 ) {
-			Array.prototype.unshift.call(arguments, this.toString());
-			consoleApply("debug", arguments);
-		}
-	},
-	// TODO: disable()
-	// TODO: enable()
-	// TODO: enableUpdate()
-	// TODO: fromDict
-	/**
-	 * Generate INPUT elements that can be submitted with html forms.
-	 *
-	 * In selectMode 3 only the topmost selected nodes are considered.
-	 *
-	 * @param {boolean | string} [selected=true]
-	 * @param {boolean | string} [active=true]
-	 */
-	generateFormElements: function(selected, active) {
-		// TODO: test case
-		var nodeList,
-			selectedName = (selected !== false) ? "ft_" + this._id + "[]" : selected,
-			activeName = (active !== false) ? "ft_" + this._id + "_active" : active,
-			id = "fancytree_result_" + this._id,
-			$result = $("#" + id);
-
-		if($result.length){
-			$result.empty();
-		}else{
-			$result = $("<div>", {
-				id: id
-			}).hide().insertAfter(this.$container);
-		}
-		if(selectedName){
-			nodeList = this.getSelectedNodes( this.options.selectMode === 3 );
-			$.each(nodeList, function(idx, node){
-				$result.append($("<input>", {
-					type: "checkbox",
-					name: selectedName,
-					value: node.key,
-					checked: true
-				}));
-			});
-		}
-		if(activeName && this.activeNode){
-			$result.append($("<input>", {
-				type: "radio",
-				name: activeName,
-				value: this.activeNode.key,
-				checked: true
-			}));
-		}
-	},
-	/**
-	 * Return the currently active node or null.
-	 * @returns {FancytreeNode}
-	 */
-	getActiveNode: function() {
-		return this.activeNode;
-	},
-	/** Return the first top level node if any (not the invisible root node).
-	 * @returns {FancytreeNode | null}
-	 */
-	getFirstChild: function() {
-		return this.rootNode.getFirstChild();
-	},
-	/**
-	 * Return node that has keyboard focus.
-	 * @param {boolean} [ifTreeHasFocus=false] (not yet implemented)
-	 * @returns {FancytreeNode}
-	 */
-	getFocusNode: function(ifTreeHasFocus) {
-		// TODO: implement ifTreeHasFocus
-		return this.focusNode;
-	},
-	/**
-	 * Return node with a given key or null if not found.
-	 * @param {string} key
-	 * @param {FancytreeNode} [searchRoot] only search below this node
-	 * @returns {FancytreeNode | null}
-	 */
-	getNodeByKey: function(key, searchRoot) {
-		// Search the DOM by element ID (assuming this is faster than traversing all nodes).
-		// $("#...") has problems, if the key contains '.', so we use getElementById()
-		var el, match;
-		if(!searchRoot){
-			el = document.getElementById(this.options.idPrefix + key);
-			if( el ){
-				return el.ftnode ? el.ftnode : null;
-			}
-		}
-		// Not found in the DOM, but still may be in an unrendered part of tree
-		// TODO: optimize with specialized loop
-		// TODO: consider keyMap?
-		searchRoot = searchRoot || this.rootNode;
-		match = null;
-		searchRoot.visit(function(node){
-//            window.console.log("getNodeByKey(" + key + "): ", node.key);
-			if(node.key === key) {
-				match = node;
-				return false;
-			}
-		}, true);
-		return match;
-	},
-	/** Return the invisible system root node.
-	 * @returns {FancytreeNode}
-	 */
-	getRootNode: function() {
-		return this.rootNode;
-	},
-	/**
-	 * Return an array of selected nodes.
-	 * @param {boolean} [stopOnParents=false] only return the topmost selected
-	 *     node (useful with selectMode 3)
-	 * @returns {FancytreeNode[]}
-	 */
-	getSelectedNodes: function(stopOnParents) {
-		var nodeList = [];
-		this.rootNode.visit(function(node){
-			if( node.selected ) {
-				nodeList.push(node);
-				if( stopOnParents === true ){
-					return "skip"; // stop processing this branch
-				}
-			}
-		});
-		return nodeList;
-	},
-	/** Return true if the tree control has keyboard focus
-	 * @returns {boolean}
-	 */
-	hasFocus: function(){
-		return !!this._hasFocus;
-	},
-	/** Write to browser console if debugLevel >= 1 (prepending tree name)
-	 * @param {*} msg string or object or array of such
-	 */
-	info: function(msg){
-		if( this.options.debugLevel >= 1 ) {
-			Array.prototype.unshift.call(arguments, this.toString());
-			consoleApply("info", arguments);
-		}
-	},
-/*
-	TODO: isInitializing: function() {
-		return ( this.phase=="init" || this.phase=="postInit" );
-	},
-	TODO: isReloading: function() {
-		return ( this.phase=="init" || this.phase=="postInit" ) && this.options.persist && this.persistence.cookiesFound;
-	},
-	TODO: isUserEvent: function() {
-		return ( this.phase=="userEvent" );
-	},
-*/
-
-	/**
-	 * Make sure that a node with a given ID is loaded, by traversing - and
-	 * loading - its parents. This method is ment for lazy hierarchies.
-	 * A callback is executed for every node as we go.
-	 * @example
-	 * tree.loadKeyPath("/_3/_23/_26/_27", function(node, status){
-	 *   if(status === "loaded") {
-	 *     console.log("loaded intermiediate node " + node);
-	 *   }else if(status === "ok") {
-	 *     node.activate();
-	 *   }
-	 * });
-	 *
-	 * @param {string | string[]} keyPathList one or more key paths (e.g. '/3/2_1/7')
-	 * @param {function} callback callback(node, status) is called for every visited node ('loading', 'loaded', 'ok', 'error')
-	 * @returns {$.Promise}
-	 */
-	loadKeyPath: function(keyPathList, callback, _rootNode) {
-		var deferredList, dfd, i, path, key, loadMap, node, segList,
-			root = _rootNode || this.rootNode,
-			sep = this.options.keyPathSeparator,
-			self = this;
-
-		if(!$.isArray(keyPathList)){
-			keyPathList = [keyPathList];
-		}
-		// Pass 1: handle all path segments for nodes that are already loaded
-		// Collect distinct top-most lazy nodes in a map
-		loadMap = {};
-
-		for(i=0; i<keyPathList.length; i++){
-			path = keyPathList[i];
-			// strip leading slash
-			if(path.charAt(0) === sep){
-				path = path.substr(1);
-			}
-			// traverse and strip keys, until we hit a lazy, unloaded node
-			segList = path.split(sep);
-			while(segList.length){
-				key = segList.shift();
-//                node = _findDirectChild(root, key);
-				node = root._findDirectChild(key);
-				if(!node){
-					this.warn("loadKeyPath: key not found: " + key + " (parent: " + root + ")");
-					callback.call(this, key, "error");
-					break;
-				}else if(segList.length === 0){
-					callback.call(this, node, "ok");
-					break;
-				}else if(!node.lazy || (node.hasChildren() !== undefined )){
-					callback.call(this, node, "loaded");
-					root = node;
-				}else{
-					callback.call(this, node, "loaded");
-//                    segList.unshift(key);
-					if(loadMap[key]){
-						loadMap[key].push(segList.join(sep));
-					}else{
-						loadMap[key] = [segList.join(sep)];
-					}
-					break;
-				}
-			}
-		}
-//        alert("loadKeyPath: loadMap=" + JSON.stringify(loadMap));
-		// Now load all lazy nodes and continue itearation for remaining paths
-		deferredList = [];
-		// Avoid jshint warning 'Don't make functions within a loop.':
-		function __lazyload(key, node, dfd){
-			callback.call(self, node, "loading");
-			node.load().done(function(){
-				self.loadKeyPath.call(self, loadMap[key], callback, node).always(_makeResolveFunc(dfd, self));
-			}).fail(function(errMsg){
-				self.warn("loadKeyPath: error loading: " + key + " (parent: " + root + ")");
-				callback.call(self, node, "error");
-				dfd.reject();
-			});
-		}
-		for(key in loadMap){
-			node = root._findDirectChild(key);
-//            alert("loadKeyPath: lazy node(" + key + ") = " + node);
-			dfd = new $.Deferred();
-			deferredList.push(dfd);
-			__lazyload(key, node, dfd);
-		}
-		// Return a promise that is resovled, when ALL paths were loaded
-		return $.when.apply($, deferredList).promise();
-	},
-	/** Re-fire beforeActivate and activate events. */
-	reactivate: function(setFocus) {
-		var node = this.activeNode;
-		if( node ) {
-			this.activeNode = null; // Force re-activating
-			node.setActive();
-			if( setFocus ){
-				node.setFocus();
-			}
-		}
-	},
-	/** Reload tree from source and return a promise.
-	 * @param [source] optional new source (defaults to initial source data)
-	 * @returns {$.Promise}
-	 */
-	reload: function(source) {
-		this._callHook("treeClear", this);
-		return this._callHook("treeLoad", this, source);
-	},
-	/**Render tree (i.e. create DOM elements for all top-level nodes).
-	 * @param {boolean} [force=false] create DOM elemnts, even is parent is collapsed
-	 * @param {boolean} [deep=false]
-	 */
-	render: function(force, deep) {
-		return this.rootNode.render(force, deep);
-	},
-	// TODO: selectKey: function(key, select)
-	// TODO: serializeArray: function(stopOnParents)
-	/**
-	 * @param {boolean} [flag=true]
-	 */
-	setFocus: function(flag) {
-		return this._callHook("treeSetFocus", this, flag);
-	},
-	/**
-	 * Return all nodes as nested list of {@link NodeData}.
-	 *
-	 * @param {boolean} [includeRoot=false] Returns the hidden system root node (and its children)
-	 * @param {function} [callback(node)] Called for every node
-	 * @returns {Array | object}
-	 * @see FancytreeNode#toDict
-	 */
-	toDict: function(includeRoot, callback){
-		var res = this.rootNode.toDict(true, callback);
-		return includeRoot ? res : res.children;
-	},
-	/* Implicitly called for string conversions.
-	 * @returns {string}
-	 */
-	toString: function(){
-		return "<Fancytree(#" + this._id + ")>";
-	},
-	/* _trigger a widget event with additional node ctx.
-	 * @see EventData
-	 */
-	_triggerNodeEvent: function(type, node, originalEvent, extra) {
-//		this.debug("_trigger(" + type + "): '" + ctx.node.title + "'", ctx);
-		var ctx = this._makeHookContext(node, originalEvent, extra),
-			res = this.widget._trigger(type, originalEvent, ctx);
-		if(res !== false && ctx.result !== undefined){
-			return ctx.result;
-		}
-		return res;
-	},
-	/* _trigger a widget event with additional tree data. */
-	_triggerTreeEvent: function(type, originalEvent) {
-//		this.debug("_trigger(" + type + ")", ctx);
-		var ctx = this._makeHookContext(this, originalEvent),
-			res = this.widget._trigger(type, originalEvent, ctx);
-
-		if(res !== false && ctx.result !== undefined){
-			return ctx.result;
-		}
-		return res;
-	},
-	/** Call fn(node) for all nodes.
-	 *
-	 * @param {function} fn the callback function.
-	 *     Return false to stop iteration, return "skip" to skip this node and children only.
-	 * @returns {boolean} false, if the iterator was stopped.
-	 */
-	visit: function(fn) {
-		return this.rootNode.visit(fn, false);
-	},
-	/** Write warning to browser console (prepending tree info)
-	 *
-	 * @param {*} msg string or object or array of such
-	 */
-	warn: function(msg){
-		Array.prototype.unshift.call(arguments, this.toString());
-		consoleApply("warn", arguments);
-	}
-};
-
-/**
- * These additional methods of the {@link Fancytree} class are 'hook functions'
- * that can be used and overloaded by extensions.
- * (See <a href="https://github.com/mar10/fancytree/wiki/TutorialExtensions">writing extensions</a>.)
- * @mixin Fancytree_Hooks
- */
-$.extend(Fancytree.prototype,
-	/** @lends Fancytree_Hooks# */
-	{
-	/** Default handling for mouse click events.
-	 *
-	 * @param {EventData} ctx
-	 */
-	nodeClick: function(ctx) {
-//      this.tree.logDebug("ftnode.onClick(" + event.type + "): ftnode:" + this + ", button:" + event.button + ", which: " + event.which);
-		var activate, expand,
-			event = ctx.originalEvent,
-			targetType = ctx.targetType,
-			node = ctx.node;
-
-		// TODO: use switch
-		// TODO: make sure clicks on embedded <input> doesn't steal focus (see table sample)
-		if( targetType === "expander" ) {
-			// Clicking the expander icon always expands/collapses
-			this._callHook("nodeToggleExpanded", ctx);
-//            this._callHook("nodeSetFocus", ctx, true); // DT issue 95
-		} else if( targetType === "checkbox" ) {
-			// Clicking the checkbox always (de)selects
-			this._callHook("nodeToggleSelected", ctx);
-			this._callHook("nodeSetFocus", ctx, true); // DT issue 95
-		} else {
-			// Honor `clickFolderMode` for
-			expand = false;
-			activate = true;
-			if( node.folder ) {
-				switch( ctx.options.clickFolderMode ) {
-				case 2: // expand only
-					expand = true;
-					activate = false;
-					break;
-				case 3: // expand and activate
-					activate = true;
-					expand = true; //!node.isExpanded();
-					break;
-				// else 1 or 4: just activate
-				}
-			}
-			if( activate ) {
-				this.nodeSetFocus(ctx);
-				this._callHook("nodeSetActive", ctx, true);
-			}
-			if( expand ) {
-				if(!activate){
-//                    this._callHook("nodeSetFocus", ctx);
-				}
-//				this._callHook("nodeSetExpanded", ctx, true);
-				this._callHook("nodeToggleExpanded", ctx);
-			}
-		}
-		// Make sure that clicks stop, otherwise <a href='#'> jumps to the top
-		if(event.target.localName === "a" && event.target.className === "fancytree-title"){
-			event.preventDefault();
-		}
-		// TODO: return promise?
-	},
-	/** Collapse all other  children of same parent.
-	 *
-	 * @param {EventData} ctx
-	 * @param {object} callOpts
-	 */
-	nodeCollapseSiblings: function(ctx, callOpts) {
-		// TODO: return promise?
-		var ac, i, l,
-			node = ctx.node;
-
-		if( node.parent ){
-			ac = node.parent.children;
-			for (i=0, l=ac.length; i<l; i++) {
-				if ( ac[i] !== node && ac[i].expanded ){
-					this._callHook("nodeSetExpanded", ac[i], false, callOpts);
-				}
-			}
-		}
-	},
-	/** Default handling for mouse douleclick events.
-	 * @param {EventData} ctx
-	 */
-	nodeDblclick: function(ctx) {
-		// TODO: return promise?
-		if( ctx.targetType === "title" && ctx.options.clickFolderMode === 4) {
-//			this.nodeSetFocus(ctx);
-//			this._callHook("nodeSetActive", ctx, true);
-			this._callHook("nodeToggleExpanded", ctx);
-		}
-		// TODO: prevent text selection on dblclicks
-		if( ctx.targetType === "title" ) {
-			ctx.originalEvent.preventDefault();
-		}
-	},
-	/** Default handling for mouse keydown events.
-	 *
-	 * NOTE: this may be called with node == null if tree (but no node) has focus.
-	 * @param {EventData} ctx
-	 */
-	nodeKeydown: function(ctx) {
-		// TODO: return promise?
-		var res,
-			event = ctx.originalEvent,
-			node = ctx.node,
-			tree = ctx.tree,
-			opts = ctx.options,
-			handled = true,
-			activate = !(event.ctrlKey || !opts.autoActivate ),
-			KC = $.ui.keyCode;
-
-//		node.debug("ftnode.nodeKeydown(" + event.type + "): ftnode:" + this + ", charCode:" + event.charCode + ", keyCode: " + event.keyCode + ", which: " + event.which);
-
-		// Set focus to first node, if no other node has the focus yet
-		if( !node ){
-			this.rootNode.getFirstChild().setFocus();
-			node = ctx.node = this.focusNode;
-			node.debug("Keydown force focus on first node");
-		}
-
-		switch( event.which ) {
-			// charCodes:
-			case KC.NUMPAD_ADD: //107: // '+'
-			case 187: // '+' @ Chrome, Safari
-				tree.nodeSetExpanded(ctx, true);
-				break;
-			case KC.NUMPAD_SUBTRACT: // '-'
-			case 189: // '-' @ Chrome, Safari
-				tree.nodeSetExpanded(ctx, false);
-				break;
-			case KC.SPACE:
-				if(opts.checkbox){
-					tree.nodeToggleSelected(ctx);
-				}else{
-					tree.nodeSetActive(ctx, true);
-				}
-				break;
-			case KC.ENTER:
-				tree.nodeSetActive(ctx, true);
-				break;
-			case KC.BACKSPACE:
-			case KC.LEFT:
-			case KC.RIGHT:
-			case KC.UP:
-			case KC.DOWN:
-				res = node.navigate(event.which, activate);
-				break;
-			default:
-				handled = false;
-		}
-		if(handled){
-			event.preventDefault();
-		}
-	},
-
-
-	// /** Default handling for mouse keypress events. */
-	// nodeKeypress: function(ctx) {
-	//     var event = ctx.originalEvent;
-	// },
-
-	// /** Trigger lazyLoad event (async). */
-	// nodeLazyLoad: function(ctx) {
-	//     var node = ctx.node;
-	//     if(this._triggerNodeEvent())
-	// },
-	/** Load child nodes (async).
-	 *
-	 * @param {EventData} ctx
-	 * @param {object[]|object|string|$.Promise|function} source
-	 * @returns {$.Promise} The deferred will be resolved as soon as the (ajax)
-	 *     data was rendered.
-	 */
-	nodeLoadChildren: function(ctx, source) {
-		var ajax, delay, dfd,
-			tree = ctx.tree,
-			node = ctx.node;
-
-		if($.isFunction(source)){
-			source = source();
-		}
-		// TOTHINK: move to 'ajax' extension?
-		if(source.url){
-			// `source` is an Ajax options object
-			ajax = $.extend({}, ctx.options.ajax, source);
-			if(ajax.debugDelay){
-				// simulate a slow server
-				delay = ajax.debugDelay;
-				if($.isArray(delay)){ // random delay range [min..max]
-					delay = delay[0] + Math.random() * (delay[1] - delay[0]);
-				}
-
-				node.debug("nodeLoadChildren waiting debug delay " + Math.round(delay) + "ms");
-				ajax.debugDelay = false;
-				dfd = $.Deferred(function (dfd) {
-					setTimeout(function () {
-						$.ajax(ajax)
-							.done(function () {	dfd.resolveWith(this, arguments); })
-							.fail(function () {	dfd.rejectWith(this, arguments); });
-					}, delay);
-				});
-			}else{
-				dfd = $.ajax(ajax);
-			}
-
-			// Defer the deferred: we want to be able to reject, even if ajax
-			// resolved ok.
-			source = new $.Deferred();
-			dfd.done(function (data, textStatus, jqXHR) {
-				var errorObj, res;
-				if(typeof data === "string"){
-					$.error("Ajax request returned a string (did you get the JSON dataType wrong?).");
-				}
-				// postProcess is similar to the standard ajax dataFilter hook,
-				// but it is also called for JSONP
-				if( ctx.options.postProcess ){
-					res = tree._triggerNodeEvent("postProcess", ctx, ctx.originalEvent, {response: data, error: null, dataType: this.dataType});
-					if( res.error ) {
-						errorObj = $.isPlainObject(res.error) ? res.error : {message: res.error};
-						errorObj = tree._makeHookContext(node, null, errorObj);
-						source.rejectWith(this, [errorObj]);
-						return;
-					}
-					data = $.isArray(res) ? res : data;
-
-				} else if (data && data.hasOwnProperty("d") && ctx.options.enableAspx ) {
-					// Process ASPX WebMethod JSON object inside "d" property
-					data = (typeof data.d === "string") ? $.parseJSON(data.d) : data.d;
-				}
-				source.resolveWith(this, [data]);
-			}).fail(function (jqXHR, textStatus, errorThrown) {
-				var errorObj = tree._makeHookContext(node, null, {
-					error: jqXHR,
-					args: Array.prototype.slice.call(arguments),
-					message: errorThrown,
-					details: jqXHR.status + ": " + errorThrown
-				});
-				source.rejectWith(this, [errorObj]);
-			});
-		}
-
-		if($.isFunction(source.promise)){
-			// `source` is a deferred, i.e. ajax request
-			_assert(!node.isLoading());
-			// node._isLoading = true;
-			tree.nodeSetStatus(ctx, "loading");
-
-			source.done(function (children) {
-				tree.nodeSetStatus(ctx, "ok");
-			}).fail(function(error){
-				var ctxErr;
-				if (error.node && error.error && error.message) {
-					// error is already a context object
-					ctxErr = error;
-				} else {
-					ctxErr = tree._makeHookContext(node, null, {
-						error: error, // it can be jqXHR or any custom error
-						args: Array.prototype.slice.call(arguments),
-						message: error ? (error.message || error.toString()) : ""
-					});
-				}
-				if( tree._triggerNodeEvent("loadError", ctxErr, null) !== false ) {
-					tree.nodeSetStatus(ctx, "error", ctxErr.message, ctxErr.details);
-				}
-			});
-		}
-		// $.when(source) resolves also for non-deferreds
-		return $.when(source).done(function(children){
-			var metaData;
-
-			if( $.isPlainObject(children) ){
-				// We got {foo: 'abc', children: [...]}
-				// Copy extra properties to tree.data.foo
-				_assert($.isArray(children.children), "source must contain (or be) an array of children");
-				_assert(node.isRoot(), "source may only be an object for root nodes");
-				metaData = children;
-				children = children.children;
-				delete metaData.children;
-				$.extend(tree.data, metaData);
-			}
-			_assert($.isArray(children), "expected array of children");
-			node._setChildren(children);
-			// trigger fancytreeloadchildren
-			tree._triggerNodeEvent("loadChildren", node);
-		// }).always(function(){
-		// 	node._isLoading = false;
-		});
-	},
-	/** [Not Implemented]  */
-	nodeLoadKeyPath: function(ctx, keyPathList) {
-		// TODO: implement and improve
-		// http://code.google.com/p/dynatree/issues/detail?id=222
-	},
-	/**
-	 * Remove a single direct child of ctx.node.
-	 * @param {EventData} ctx
-	 * @param {FancytreeNode} childNode dircect child of ctx.node
-	 */
-	nodeRemoveChild: function(ctx, childNode) {
-		var idx,
-			node = ctx.node,
-			opts = ctx.options,
-			subCtx = $.extend({}, ctx, {node: childNode}),
-			children = node.children;
-
-		// FT.debug("nodeRemoveChild()", node.toString(), childNode.toString());
-
-		if( children.length === 1 ) {
-			_assert(childNode === children[0]);
-			return this.nodeRemoveChildren(ctx);
-		}
-		if( this.activeNode && (childNode === this.activeNode || this.activeNode.isDescendantOf(childNode))){
-			this.activeNode.setActive(false); // TODO: don't fire events
-		}
-		if( this.focusNode && (childNode === this.focusNode || this.focusNode.isDescendantOf(childNode))){
-			this.focusNode = null;
-		}
-		// TODO: persist must take care to clear select and expand cookies
-		this.nodeRemoveMarkup(subCtx);
-		this.nodeRemoveChildren(subCtx);
-		idx = $.inArray(childNode, children);
-		_assert(idx >= 0);
-		// Unlink to support GC
-		childNode.visit(function(n){
-			n.parent = null;
-		}, true);
-		this._callHook("treeRegisterNode", this, false, childNode);
-		if ( opts.removeNode ){
-			opts.removeNode.call(ctx.tree, {type: "removeNode"}, subCtx);
-		}
-		// remove from child list
-		children.splice(idx, 1);
-	},
-	/**Remove HTML markup for all descendents of ctx.node.
-	 * @param {EventData} ctx
-	 */
-	nodeRemoveChildMarkup: function(ctx) {
-		var node = ctx.node;
-
-		// FT.debug("nodeRemoveChildMarkup()", node.toString());
-		// TODO: Unlink attr.ftnode to support GC
-		if(node.ul){
-			if( node.isRoot() ) {
-				$(node.ul).empty();
-			} else {
-				$(node.ul).remove();
-				node.ul = null;
-			}
-			node.visit(function(n){
-				n.li = n.ul = null;
-			});
-		}
-	},
-	/**Remove all descendants of ctx.node.
-	* @param {EventData} ctx
-	*/
-	nodeRemoveChildren: function(ctx) {
-		var subCtx,
-			tree = ctx.tree,
-			node = ctx.node,
-			children = node.children,
-			opts = ctx.options;
-
-		// FT.debug("nodeRemoveChildren()", node.toString());
-		if(!children){
-			return;
-		}
-		if( this.activeNode && this.activeNode.isDescendantOf(node)){
-			this.activeNode.setActive(false); // TODO: don't fire events
-		}
-		if( this.focusNode && this.focusNode.isDescendantOf(node)){
-			this.focusNode = null;
-		}
-		// TODO: persist must take care to clear select and expand cookies
-		this.nodeRemoveChildMarkup(ctx);
-		// Unlink children to support GC
-		// TODO: also delete this.children (not possible using visit())
-		subCtx = $.extend({}, ctx);
-		node.visit(function(n){
-			n.parent = null;
-			tree._callHook("treeRegisterNode", tree, false, n);
-			if ( opts.removeNode ){
-				subCtx.node = n;
-				opts.removeNode.call(ctx.tree, {type: "removeNode"}, subCtx);
-			}
-		});
-		if( node.lazy ){
-			// 'undefined' would be interpreted as 'not yet loaded' for lazy nodes
-			node.children = [];
-		} else{
-			node.children = null;
-		}
-		this.nodeRenderStatus(ctx);
-	},
-	/**Remove HTML markup for ctx.node and all its descendents.
-	 * @param {EventData} ctx
-	 */
-	nodeRemoveMarkup: function(ctx) {
-		var node = ctx.node;
-		// FT.debug("nodeRemoveMarkup()", node.toString());
-		// TODO: Unlink attr.ftnode to support GC
-		if(node.li){
-			$(node.li).remove();
-			node.li = null;
-		}
-		this.nodeRemoveChildMarkup(ctx);
-	},
-	/**
-	 * Create `&lt;li>&lt;span>..&lt;/span> .. &lt;/li>` tags for this node.
-	 *
-	 * This method takes care that all HTML markup is created that is required
-	 * to display this node in it's current state.
-	 *
-	 * Call this method to create new nodes, or after the strucuture
-	 * was changed (e.g. after moving this node or adding/removing children)
-	 * nodeRenderTitle() and nodeRenderStatus() are implied.
-	 *
-	 * Note: if a node was created/removed, nodeRender() must be called for the
-	 *       parent.
-	 * <code>
-	 * <li id='KEY' ftnode=NODE>
-	 *     <span class='fancytree-node fancytree-expanded fancytree-has-children fancytree-lastsib fancytree-exp-el fancytree-ico-e'>
-	 *         <span class="fancytree-expander"></span>
-	 *         <span class="fancytree-checkbox"></span> // only present in checkbox mode
-	 *         <span class="fancytree-icon"></span>
-	 *         <a href="#" class="fancytree-title"> Node 1 </a>
-	 *     </span>
-	 *     <ul> // only present if node has children
-	 *         <li id='KEY' ftnode=NODE> child1 ... </li>
-	 *         <li id='KEY' ftnode=NODE> child2 ... </li>
-	 *     </ul>
-	 * </li>
-	 * </code>
-	 *
-	 * @param {EventData} ctx
-	 * @param {boolean} [force=false] re-render, even if html markup was already created
-	 * @param {boolean} [deep=false] also render all descendants, even if parent is collapsed
-	 * @param {boolean} [collapsed=false] force root node to be collapsed, so we can apply animated expand later
-	 */
-	nodeRender: function(ctx, force, deep, collapsed, _recursive) {
-		/* This method must take care of all cases where the current data mode
-		 * (i.e. node hierarchy) does not match the current markup.
-		 *
-		 * - node was not yet rendered:
-		 *   create markup
-		 * - node was rendered: exit fast
-		 * - children have been added
-		 * - childern have been removed
-		 */
-		var childLI, childNode1, childNode2, i, l, next, subCtx,
-			node = ctx.node,
-			tree = ctx.tree,
-			opts = ctx.options,
-			aria = opts.aria,
-			firstTime = false,
-			parent = node.parent,
-			isRootNode = !parent,
-			children = node.children;
-		// FT.debug("nodeRender(" + !!force + ", " + !!deep + ")", node.toString());
-
-		if( ! isRootNode && ! parent.ul ) {
-			// Calling node.collapse on a deep, unrendered node
-			return;
-		}
-		_assert(isRootNode || parent.ul, "parent UL must exist");
-
-// 		if(node.li && (force || (node.li.parentNode !== node.parent.ul) ) ){
-// 			if(node.li.parentNode !== node.parent.ul){
-// //					alert("unlink " + node + " (must be child of " + node.parent + ")");
-// 				this.warn("unlink " + node + " (must be child of " + node.parent + ")");
-// 			}
-// //	            this.debug("nodeRemoveMarkup...");
-// 			this.nodeRemoveMarkup(ctx);
-// 		}
-		// Render the node
-		if( !isRootNode ){
-			// Discard markup on force-mode, or if it is not linked to parent <ul>
-			if(node.li && (force || (node.li.parentNode !== node.parent.ul) ) ){
-				if(node.li.parentNode !== node.parent.ul){
-//					alert("unlink " + node + " (must be child of " + node.parent + ")");
-					this.warn("unlink " + node + " (must be child of " + node.parent + ")");
-				}
-//	            this.debug("nodeRemoveMarkup...");
-				this.nodeRemoveMarkup(ctx);
-			}
-			// Create <li><span /> </li>
-//			node.debug("render...");
-			if( !node.li ) {
-//	            node.debug("render... really");
-				firstTime = true;
-				node.li = document.createElement("li");
-				node.li.ftnode = node;
-				if(aria){
-					// TODO: why doesn't this work:
-//					node.li.role = "treeitem";
-//                    $(node.li).attr("role", "treeitem")
-//                    .attr("aria-labelledby", "ftal_" + node.key);
-				}
-				if( node.key && opts.generateIds ){
-					node.li.id = opts.idPrefix + node.key;
-				}
-				node.span = document.createElement("span");
-				node.span.className = "fancytree-node";
-				if(aria){
-					$(node.span).attr("aria-labelledby", "ftal_" + node.key);
-				}
-				node.li.appendChild(node.span);
-
-				// Create inner HTML for the <span> (expander, checkbox, icon, and title)
-				this.nodeRenderTitle(ctx);
-
-				// Allow tweaking and binding, after node was created for the first time
-				if ( opts.createNode ){
-					opts.createNode.call(tree, {type: "createNode"}, ctx);
-				}
-			}else{
-//				this.nodeRenderTitle(ctx);
-				this.nodeRenderStatus(ctx);
-			}
-			// Allow tweaking after node state was rendered
-			if ( opts.renderNode ){
-				opts.renderNode.call(tree, {type: "renderNode"}, ctx);
-			}
-		}
-
-		// Visit child nodes
-		if( children ){
-			if( isRootNode || node.expanded || deep === true ) {
-				// Create a UL to hold the children
-				if( !node.ul ){
-					node.ul = document.createElement("ul");
-					if((collapsed === true && !_recursive) || !node.expanded){
-						// hide top UL, so we can use an animation to show it later
-						node.ul.style.display = "none";
-					}
-					if(aria){
-						$(node.ul).attr("role", "group");
-					}
-					if ( node.li ) { // issue #67
-						node.li.appendChild(node.ul);
-					} else {
-						node.tree.$div.append(node.ul);
-					}
-				}
-				// Add child markup
-				for(i=0, l=children.length; i<l; i++) {
-					subCtx = $.extend({}, ctx, {node: children[i]});
-					this.nodeRender(subCtx, force, deep, false, true);
-				}
-				// Remove <li> if nodes have moved to another parent
-				childLI = node.ul.firstChild;
-				while( childLI ){
-					childNode2 = childLI.ftnode;
-					if( childNode2 && childNode2.parent !== node ) {
-						node.debug("_fixParent: remove missing " + childNode2, childLI);
-						next = childLI.nextSibling;
-						childLI.parentNode.removeChild(childLI);
-						childLI = next;
-					}else{
-						childLI = childLI.nextSibling;
-					}
-				}
-				// Make sure, that <li> order matches node.children order.
-				childLI = node.ul.firstChild;
-				for(i=0, l=children.length-1; i<l; i++) {
-					childNode1 = children[i];
-					childNode2 = childLI.ftnode;
-					if( childNode1 !== childNode2 ) {
-						// node.debug("_fixOrder: mismatch at index " + i + ": " + childNode1 + " != " + childNode2);
-						node.ul.insertBefore(childNode1.li, childNode2.li);
-					} else {
-						childLI = childLI.nextSibling;
-					}
-				}
-			}
-		}else{
-			// No children: remove markup if any
-			if( node.ul ){
-//				alert("remove child markup for " + node);
-				this.warn("remove child markup for " + node);
-				this.nodeRemoveChildMarkup(ctx);
-			}
-		}
-		if( !isRootNode ){
-			// Update element classes according to node state
-			// this.nodeRenderStatus(ctx);
-			// Finally add the whole structure to the DOM, so the browser can render
-			if(firstTime){
-				parent.ul.appendChild(node.li);
-			}
-		}
-	},
-	/** Create HTML for the node's outer <span> (expander, checkbox, icon, and title).
-	 *
-	 * nodeRenderStatus() is implied.
-	 * @param {EventData} ctx
-	 * @param {string} [title] optinal new title
-	 */
-	nodeRenderTitle: function(ctx, title) {
-		// set node connector images, links and text
-		var id, imageSrc, nodeTitle, role, tabindex, tooltip,
-			node = ctx.node,
-			tree = ctx.tree,
-			opts = ctx.options,
-			aria = opts.aria,
-			level = node.getLevel(),
-			ares = [],
-			icon = node.data.icon;
-
-		if(title !== undefined){
-			node.title = title;
-		}
-		if(!node.span){
-			// Silently bail out if node was not rendered yet, assuming
-			// node.render() will be called as the node becomes visible
-			return;
-		}
-		// connector (expanded, expandable or simple)
-		// TODO: optiimize this if clause
-		if( level < opts.minExpandLevel ) {
-			if(level > 1){
-				if(aria){
-					ares.push("<span role='button' class='fancytree-expander'></span>");
-				}else{
-					ares.push("<span class='fancytree-expander'></span>");
-				}
-			}
-			// .. else (i.e. for root level) skip expander/connector alltogether
-		} else {
-			if(aria){
-				ares.push("<span role='button' class='fancytree-expander'></span>");
-			}else{
-				ares.push("<span class='fancytree-expander'></span>");
-			}
-		}
-		// Checkbox mode
-		if( opts.checkbox && node.hideCheckbox !== true && !node.isStatusNode() ) {
-			if(aria){
-				ares.push("<span role='checkbox' class='fancytree-checkbox'></span>");
-			}else{
-				ares.push("<span class='fancytree-checkbox'></span>");
-			}
-		}
-		// folder or doctype icon
-		role = aria ? " role='img'" : "";
-		if ( icon && typeof icon === "string" ) {
-			imageSrc = (icon.charAt(0) === "/") ? icon : ((opts.imagePath || "") + icon);
-			ares.push("<img src='" + imageSrc + "' class='fancytree-icon' alt='' />");
-		} else if ( node.data.iconclass ) {
-			// TODO: review and test and document
-			ares.push("<span " + role + " class='fancytree-custom-icon" + " " + node.data.iconclass +  "'></span>");
-		} else if ( icon === true || (icon !== false && opts.icons !== false) ) {
-			// opts.icons defines the default behavior.
-			// node.icon == true/false can override this
-			ares.push("<span " + role + " class='fancytree-icon'></span>");
-		}
-		// node title
-		nodeTitle = "";
-		// TODO: currently undocumented; may be removed?
-		if ( opts.renderTitle ){
-			nodeTitle = opts.renderTitle.call(tree, {type: "renderTitle"}, ctx) || "";
-		}
-		if(!nodeTitle){
-			tooltip = node.tooltip ? " title='" + FT.escapeHtml(node.tooltip) + "'" : "";
-			id = aria ? " id='ftal_" + node.key + "'" : "";
-			role = aria ? " role='treeitem'" : "";
-			tabindex = opts.titlesTabbable ? " tabindex='0'" : "";
-
-			nodeTitle = "<span " + role + " class='fancytree-title'" + id + tooltip + tabindex + ">" + node.title + "</span>";
-		}
-		ares.push(nodeTitle);
-		// Note: this will trigger focusout, if node had the focus
-		//$(node.span).html(ares.join("")); // it will cleanup the jQuery data currently associated with SPAN (if any), but it executes more slowly
-		node.span.innerHTML = ares.join("");
-		// Update CSS classes
-		this.nodeRenderStatus(ctx);
-	},
-	/** Update element classes according to node state.
-	 * @param {EventData} ctx
-	 */
-	nodeRenderStatus: function(ctx) {
-		// Set classes for current status
-		var node = ctx.node,
-			tree = ctx.tree,
-			opts = ctx.options,
-//			nodeContainer = node[tree.nodeContainerAttrName],
-			hasChildren = node.hasChildren(),
-			isLastSib = node.isLastSibling(),
-			aria = opts.aria,
-//            $ariaElem = aria ? $(node[tree.ariaPropName]) : null,
-			$ariaElem = $(node.span).find(".fancytree-title"),
-			cn = opts._classNames,
-			cnList = [],
-			statusElem = node[tree.statusClassPropName];
-
-		if( !statusElem ){
-			// if this function is called for an unrendered node, ignore it (will be updated on nect render anyway)
-			return;
-		}
-		// Build a list of class names that we will add to the node <span>
-		cnList.push(cn.node);
-		if( tree.activeNode === node ){
-			cnList.push(cn.active);
-//			$(">span.fancytree-title", statusElem).attr("tabindex", "0");
-//			tree.$container.removeAttr("tabindex");
-		// }else{
-//			$(">span.fancytree-title", statusElem).removeAttr("tabindex");
-//			tree.$container.attr("tabindex", "0");
-		}
-		if( tree.focusNode === node ){
-			cnList.push(cn.focused);
-			if(aria){
-//              $(">span.fancytree-title", statusElem).attr("tabindex", "0");
-//                $(">span.fancytree-title", statusElem).attr("tabindex", "-1");
-				// TODO: is this the right element for this attribute?
-				$ariaElem
-					.attr("aria-activedescendant", true);
-//					.attr("tabindex", "-1");
-			}
-		}else if(aria){
-//			$(">span.fancytree-title", statusElem).attr("tabindex", "-1");
-			$ariaElem
-				.removeAttr("aria-activedescendant");
-//				.removeAttr("tabindex");
-		}
-		if( node.expanded ){
-			cnList.push(cn.expanded);
-			if(aria){
-				$ariaElem.attr("aria-expanded", true);
-			}
-		}else if(aria){
-			$ariaElem.removeAttr("aria-expanded");
-		}
-		if( node.folder ){
-			cnList.push(cn.folder);
-		}
-		if( hasChildren !== false ){
-			cnList.push(cn.hasChildren);
-		}
-		// TODO: required?
-		if( isLastSib ){
-			cnList.push(cn.lastsib);
-		}
-		if( node.lazy && node.children == null ){
-			cnList.push(cn.lazy);
-		}
-		if( node.partsel ){
-			cnList.push(cn.partsel);
-		}
-		if( node._isLoading ){
-			cnList.push(cn.loading);
-		}
-		if( node._error ){
-			cnList.push(cn.error);
-		}
-		if( node.selected ){
-			cnList.push(cn.selected);
-			if(aria){
-				$ariaElem.attr("aria-selected", true);
-			}
-		}else if(aria){
-			$ariaElem.attr("aria-selected", false);
-		}
-		if( node.extraClasses ){
-			cnList.push(node.extraClasses);
-		}
-		// IE6 doesn't correctly evaluate multiple class names,
-		// so we create combined class names that can be used in the CSS
-		if( hasChildren === false ){
-			cnList.push(cn.combinedExpanderPrefix + "n" +
-					(isLastSib ? "l" : "")
-					);
-		}else{
-			cnList.push(cn.combinedExpanderPrefix +
-					(node.expanded ? "e" : "c") +
-					(node.lazy && node.children == null ? "d" : "") +
-					(isLastSib ? "l" : "")
-					);
-		}
-		cnList.push(cn.combinedIconPrefix +
-				(node.expanded ? "e" : "c") +
-				(node.folder ? "f" : "")
-				);
-//        node.span.className = cnList.join(" ");
-		statusElem.className = cnList.join(" ");
-
-		// TODO: we should not set this in the <span> tag also, if we set it here:
-		// Maybe most (all) of the classes should be set in LI instead of SPAN?
-		if(node.li){
-			node.li.className = isLastSib ? cn.lastsib : "";
-		}
-	},
-	/** Activate node.
-	 * flag defaults to true.
-	 * If flag is true, the node is activated (must be a synchronous operation)
-	 * If flag is false, the node is deactivated (must be a synchronous operation)
-	 * @param {EventData} ctx
-	 * @param {boolean} [flag=true]
-	 * @param {object} [opts] additional options. Defaults to {noEvents: false}
-	 */
-	nodeSetActive: function(ctx, flag, callOpts) {
-		// Handle user click / [space] / [enter], according to clickFolderMode.
-		callOpts = callOpts || {};
-		var subCtx,
-			node = ctx.node,
-			tree = ctx.tree,
-			opts = ctx.options,
-			noEvents = (callOpts.noEvents === true),
-			isActive = (node === tree.activeNode);
-
-		// flag defaults to true
-		flag = (flag !== false);
-		// node.debug("nodeSetActive", flag);
-
-		if(isActive === flag){
-			// Nothing to do
-			return _getResolvedPromise(node);
-		}else if(flag && !noEvents && this._triggerNodeEvent("beforeActivate", node, ctx.originalEvent) === false ){
-			// Callback returned false
-			return _getRejectedPromise(node, ["rejected"]);
-		}
-		if(flag){
-			if(tree.activeNode){
-				_assert(tree.activeNode !== node, "node was active (inconsistency)");
-				subCtx = $.extend({}, ctx, {node: tree.activeNode});
-				tree.nodeSetActive(subCtx, false);
-				_assert(tree.activeNode === null, "deactivate was out of sync?");
-			}
-			if(opts.activeVisible){
-				// tree.nodeMakeVisible(ctx);
-				node.makeVisible({scrollIntoView: false}); // nodeSetFocus will scroll
-			}
-			tree.activeNode = node;
-			tree.nodeRenderStatus(ctx);
-			tree.nodeSetFocus(ctx);
-			if( !noEvents ) {
-				tree._triggerNodeEvent("activate", node, ctx.originalEvent);
-			}
-		}else{
-			_assert(tree.activeNode === node, "node was not active (inconsistency)");
-			tree.activeNode = null;
-			this.nodeRenderStatus(ctx);
-			if( !noEvents ) {
-				ctx.tree._triggerNodeEvent("deactivate", node, ctx.originalEvent);
-			}
-		}
-	},
-	/** Expand or collapse node, return Deferred.promise.
-	 *
-	 * @param {EventData} ctx
-	 * @param {boolean} [flag=true]
-	 * @param {object} [opts] additional options. Defaults to {noAnimation: false, noEvents: false}
-	 * @returns {$.Promise} The deferred will be resolved as soon as the (lazy)
-	 *     data was retrieved, rendered, and the expand animation finshed.
-	 */
-	nodeSetExpanded: function(ctx, flag, callOpts) {
-		callOpts = callOpts || {};
-		var _afterLoad, dfd, i, l, parents, prevAC,
-			node = ctx.node,
-			tree = ctx.tree,
-			opts = ctx.options,
-			noAnimation = (callOpts.noAnimation === true),
-			noEvents = (callOpts.noEvents === true);
-
-		// flag defaults to true
-		flag = (flag !== false);
-
-		// node.debug("nodeSetExpanded(" + flag + ")");
-
-		if((node.expanded && flag) || (!node.expanded && !flag)){
-			// Nothing to do
-			// node.debug("nodeSetExpanded(" + flag + "): nothing to do");
-			return _getResolvedPromise(node);
-		}else if(flag && !node.lazy && !node.hasChildren() ){
-			// Prevent expanding of empty nodes
-			// return _getRejectedPromise(node, ["empty"]);
-			return _getResolvedPromise(node);
-		}else if( !flag && node.getLevel() < opts.minExpandLevel ) {
-			// Prevent collapsing locked levels
-			return _getRejectedPromise(node, ["locked"]);
-		}else if ( !noEvents && this._triggerNodeEvent("beforeExpand", node, ctx.originalEvent) === false ){
-			// Callback returned false
-			return _getRejectedPromise(node, ["rejected"]);
-		}
-		// If this node inside a collpased node, no animation and scrolling is needed
-		if( !noAnimation && !node.isVisible() ) {
-			noAnimation = callOpts.noAnimation = true;
-		}
-
-		dfd = new $.Deferred();
-
-		// Auto-collapse mode: collapse all siblings
-		if( flag && !node.expanded && opts.autoCollapse ) {
-			parents = node.getParentList(false, true);
-			prevAC = opts.autoCollapse;
-			try{
-				opts.autoCollapse = false;
-				for(i=0, l=parents.length; i<l; i++){
-					// TODO: should return promise?
-					this._callHook("nodeCollapseSiblings", parents[i], callOpts);
-				}
-			}finally{
-				opts.autoCollapse = prevAC;
-			}
-		}
-		// Trigger expand/collapse after expanding
-		dfd.done(function(){
-			if( flag && opts.autoScroll && !noAnimation ) {
-				// Scroll down to last child, but keep current node visible
-				node.getLastChild().scrollIntoView(true, {topNode: node}).always(function(){
-					if( !noEvents ) {
-						ctx.tree._triggerNodeEvent(flag ? "expand" : "collapse", ctx);
-					}
-				});
-			} else {
-				if( !noEvents ) {
-					ctx.tree._triggerNodeEvent(flag ? "expand" : "collapse", ctx);
-				}
-			}
-		});
-		// vvv Code below is executed after loading finished:
-		_afterLoad = function(callback){
-			var duration, easing, isVisible, isExpanded;
-
-			node.expanded = flag;
-			// Create required markup, but make sure the top UL is hidden, so we
-			// can animate later
-			tree._callHook("nodeRender", ctx, false, false, true);
-
-			// If the currently active node is now hidden, deactivate it
-			// if( opts.activeVisible && this.activeNode && ! this.activeNode.isVisible() ) {
-			//     this.activeNode.deactivate();
-			// }
-
-			// Expanding a lazy node: set 'loading...' and call callback
-			// if( bExpand && this.data.isLazy && this.childList === null && !this._isLoading ) {
-			//     this._loadContent();
-			//     return;
-			// }
-			// Hide children, if node is collapsed
-			if( node.ul ) {
-				isVisible = (node.ul.style.display !== "none");
-				isExpanded = !!node.expanded;
-				if ( isVisible === isExpanded ) {
-					node.warn("nodeSetExpanded: UL.style.display already set");
-
-				} else if ( !opts.fx || noAnimation ) {
-					node.ul.style.display = ( node.expanded || !parent ) ? "" : "none";
-
-				} else {
-					duration = opts.fx.duration || 200;
-					easing = opts.fx.easing;
-					// node.debug("nodeSetExpanded: animate start...");
-					$(node.ul).animate(opts.fx, duration, easing, function(){
-						// node.debug("nodeSetExpanded: animate done");
-						callback();
-					});
-					return;
-				}
-			}
-			callback();
-		};
-		// ^^^ Code above is executed after loading finshed.
-
-		// Load lazy nodes, if any. Then continue with _afterLoad()
-		if(flag && node.lazy && node.hasChildren() === undefined){
-			// node.debug("nodeSetExpanded: load start...");
-			node.load().done(function(){
-				// node.debug("nodeSetExpanded: load done");
-				if(dfd.notifyWith){ // requires jQuery 1.6+
-					dfd.notifyWith(node, ["loaded"]);
-				}
-				_afterLoad(function () { dfd.resolveWith(node); });
-			}).fail(function(errMsg){
-				_afterLoad(function () { dfd.rejectWith(node, ["load failed (" + errMsg + ")"]); });
-			});
-/*
-			var source = tree._triggerNodeEvent("lazyLoad", node, ctx.originalEvent);
-			_assert(typeof source !== "boolean", "lazyLoad event must return source in data.result");
-			node.debug("nodeSetExpanded: load start...");
-			this._callHook("nodeLoadChildren", ctx, source).done(function(){
-				node.debug("nodeSetExpanded: load done");
-				if(dfd.notifyWith){ // requires jQuery 1.6+
-					dfd.notifyWith(node, ["loaded"]);
-				}
-				_afterLoad.call(tree);
-			}).fail(function(errMsg){
-				dfd.rejectWith(node, ["load failed (" + errMsg + ")"]);
-			});
-*/
-		}else{
-			_afterLoad(function () { dfd.resolveWith(node); });
-		}
-		// node.debug("nodeSetExpanded: returns");
-		return dfd.promise();
-	},
-	/** Focus ot blur this node.
-	 * @param {EventData} ctx
-	 * @param {boolean} [flag=true]
-	 */
-	nodeSetFocus: function(ctx, flag) {
-		// ctx.node.debug("nodeSetFocus(" + flag + ")");
-		var ctx2,
-			tree = ctx.tree,
-			node = ctx.node;
-
-		flag = (flag !== false);
-
-		// Blur previous node if any
-		if(tree.focusNode){
-			if(tree.focusNode === node && flag){
-				// node.debug("nodeSetFocus(" + flag + "): nothing to do");
-				return;
-			}
-			ctx2 = $.extend({}, ctx, {node: tree.focusNode});
-			tree.focusNode = null;
-			this._triggerNodeEvent("blur", ctx2);
-			this._callHook("nodeRenderStatus", ctx2);
-		}
-		// Set focus to container and node
-		if(flag){
-			if( !this.hasFocus() ){
-				node.debug("nodeSetFocus: forcing container focus");
-				// Note: we pass _calledByNodeSetFocus=true
-				this._callHook("treeSetFocus", ctx, true, true);
-			}
-			// this.nodeMakeVisible(ctx);
-			node.makeVisible({scrollIntoView: false});
-			tree.focusNode = node;
-//			node.debug("FOCUS...");
-//			$(node.span).find(".fancytree-title").focus();
-			this._triggerNodeEvent("focus", ctx);
-//          if(ctx.options.autoActivate){
-//              tree.nodeSetActive(ctx, true);
-//          }
-			if(ctx.options.autoScroll){
-				node.scrollIntoView();
-			}
-			this._callHook("nodeRenderStatus", ctx);
-		}
-	},
-	/** (De)Select node, return new status (sync).
-	 *
-	 * @param {EventData} ctx
-	 * @param {boolean} [flag=true]
-	 */
-	nodeSetSelected: function(ctx, flag) {
-		var node = ctx.node,
-			tree = ctx.tree,
-			opts = ctx.options;
-		// flag defaults to true
-		flag = (flag !== false);
-
-		node.debug("nodeSetSelected(" + flag + ")", ctx);
-		if( node.unselectable){
-			return;
-		}
-		// TODO: !!node.expanded is nicer, but doesn't pass jshint
-		// https://github.com/jshint/jshint/issues/455
-//        if( !!node.expanded === !!flag){
-		if((node.selected && flag) || (!node.selected && !flag)){
-			return !!node.selected;
-		}else if ( this._triggerNodeEvent("beforeSelect", node, ctx.originalEvent) === false ){
-			return !!node.selected;
-		}
-		if(flag && opts.selectMode === 1){
-			// single selection mode
-			if(tree.lastSelectedNode){
-				tree.lastSelectedNode.setSelected(false);
-			}
-		}else if(opts.selectMode === 3){
-			// multi.hier selection mode
-			node.selected = flag;
-//			this._fixSelectionState(node);
-			node.fixSelection3AfterClick();
-		}
-		node.selected = flag;
-		this.nodeRenderStatus(ctx);
-		tree.lastSelectedNode = flag ? node : null;
-		tree._triggerNodeEvent("select", ctx);
-	},
-	/** Show node status (ok, loading, error) using styles and a dummy child node.
-	 *
-	 * @param {EventData} ctx
-	 * @param status
-	 * @param message
-	 * @param details
-	 */
-	nodeSetStatus: function(ctx, status, message, details) {
-		var node = ctx.node,
-			tree = ctx.tree;
-			// cn = ctx.options._classNames;
-
-		function _clearStatusNode() {
-			// Remove dedicated dummy node, if any
-			var firstChild = ( node.children ? node.children[0] : null );
-			if ( firstChild && firstChild.isStatusNode() ) {
-				try{
-					// I've seen exceptions here with loadKeyPath...
-					if(node.ul){
-						node.ul.removeChild(firstChild.li);
-						firstChild.li = null; // avoid leaks (DT issue 215)
-					}
-				}catch(e){}
-				if( node.children.length === 1 ){
-					node.children = [];
-				}else{
-					node.children.shift();
-				}
-			}
-		}
-		function _setStatusNode(data, type) {
-			// Create/modify the dedicated dummy node for 'loading...' or
-			// 'error!' status. (only called for direct child of the invisible
-			// system root)
-			var firstChild = ( node.children ? node.children[0] : null );
-			if ( firstChild && firstChild.isStatusNode() ) {
-				$.extend(firstChild, data);
-				tree._callHook("nodeRender", firstChild);
-			} else {
-				data.key = "_statusNode";
-				node._setChildren([data]);
-				node.children[0].statusNodeType = type;
-				tree.render();
-			}
-			return node.children[0];
-		}
-
-		switch( status ){
-		case "ok":
-			_clearStatusNode();
-			// $(node.span).removeClass(cn.loading).removeClass(cn.error);
-			node._isLoading = false;
-			node._error = null;
-			node.renderStatus();
-			break;
-		case "loading":
-			// $(node.span).removeClass(cn.error).addClass(cn.loading);
-			if( !node.parent ) {
-				_setStatusNode({
-					title: tree.options.strings.loading + (message ? " (" + message + ") " : ""),
-					tooltip: details,
-					extraClasses: "fancytree-statusnode-wait"
-				}, status);
-			}
-			node._isLoading = true;
-			node._error = null;
-			node.renderStatus();
-			break;
-		case "error":
-			// $(node.span).removeClass(cn.loading).addClass(cn.error);
-			_setStatusNode({
-				title: tree.options.strings.loadError + (message ? " (" + message + ") " : ""),
-				tooltip: details,
-				extraClasses: "fancytree-statusnode-error"
-			}, status);
-			node._isLoading = false;
-			node._error = { message: message, details: details };
-			node.renderStatus();
-			break;
-		default:
-			$.error("invalid node status " + status);
-		}
-	},
-	/**
-	 *
-	 * @param {EventData} ctx
-	 */
-	nodeToggleExpanded: function(ctx) {
-		return this.nodeSetExpanded(ctx, !ctx.node.expanded);
-	},
-	/**
-	 * @param {EventData} ctx
-	 */
-	nodeToggleSelected: function(ctx) {
-		return this.nodeSetSelected(ctx, !ctx.node.selected);
-	},
-	/** Remove all nodes.
-	 * @param {EventData} ctx
-	 */
-	treeClear: function(ctx) {
-		var tree = ctx.tree;
-		tree.activeNode = null;
-		tree.focusNode = null;
-		tree.$div.find(">ul.fancytree-container").empty();
-		// TODO: call destructors and remove reference loops
-		tree.rootNode.children = null;
-	},
-	/** Widget was created (called only once, even it re-initialized).
-	 * @param {EventData} ctx
-	 */
-	treeCreate: function(ctx) {
-	},
-	/** Widget was destroyed.
-	 * @param {EventData} ctx
-	 */
-	treeDestroy: function(ctx) {
-	},
-	/** Widget was (re-)initialized.
-	 * @param {EventData} ctx
-	 */
-	treeInit: function(ctx) {
-		//this.debug("Fancytree.treeInit()");
-		this.treeLoad(ctx);
-	},
-	/** Parse Fancytree from source, as configured in the options.
-	 * @param {EventData} ctx
-	 * @param {object} [source] optional new source (use last data otherwise)
-	 */
-	treeLoad: function(ctx, source) {
-		var type, $ul,
-			tree = ctx.tree,
-			$container = ctx.widget.element,
-			dfd,
-			// calling context for root node
-			rootCtx = $.extend({}, ctx, {node: this.rootNode});
-
-		if(tree.rootNode.children){
-			this.treeClear(ctx);
-		}
-		source = source || this.options.source;
-
-		if(!source){
-			type = $container.data("type") || "html";
-			switch(type){
-			case "html":
-				$ul = $container.find(">ul:first");
-				$ul.addClass("ui-fancytree-source ui-helper-hidden");
-				source = $.ui.fancytree.parseHtml($ul);
-				// allow to init tree.data.foo from <ul data-foo=''>
-				this.data = $.extend(this.data, _getElementDataAsDict($ul));
-				break;
-			case "json":
-	//            $().addClass("ui-helper-hidden");
-				source = $.parseJSON($container.text());
-				if(source.children){
-					if(source.title){tree.title = source.title;}
-					source = source.children;
-				}
-				break;
-			default:
-				$.error("Invalid data-type: " + type);
-			}
-		}else if(typeof source === "string"){
-			// TODO: source is an element ID
-			_raiseNotImplemented();
-		}
-
-		// $container.addClass("ui-widget ui-widget-content ui-corner-all");
-		// Trigger fancytreeinit after nodes have been loaded
-		dfd = this.nodeLoadChildren(rootCtx, source).done(function(){
-			tree.render();
-			if( ctx.options.selectMode === 3 ){
-				tree.rootNode.fixSelection3FromEndNodes();
-			}
-			tree._triggerTreeEvent("init", true);
-		}).fail(function(){
-			tree.render();
-			tree._triggerTreeEvent("init", false);
-		});
-		return dfd;
-	},
-	/** Node was inserted into or removed from the tree.
-	 * @param {EventData} ctx
-	 * @param {boolean} add
-	 * @param {FancytreeNode} node
-	 */
-	treeRegisterNode: function(ctx, add, node) {
-	},
-	/** Widget got focus.
-	 * @param {EventData} ctx
-	 * @param {boolean} [flag=true]
-	 */
-	treeSetFocus: function(ctx, flag, _calledByNodeSetFocus) {
-		flag = (flag !== false);
-
-		// this.debug("treeSetFocus(" + flag + "), _calledByNodeSetFocus: " + _calledByNodeSetFocus);
-		// this.debug("    focusNode: " + this.focusNode);
-		// this.debug("    activeNode: " + this.activeNode);
-		if( flag !== this.hasFocus() ){
-			this._hasFocus = flag;
-			this.$container.toggleClass("fancytree-treefocus", flag);
-			this._triggerTreeEvent(flag ? "focusTree" : "blurTree");
-		}
-	}
-});
-
-
-/* ******************************************************************************
- * jQuery UI widget boilerplate
- */
-
-/**
- * The plugin (derrived from <a href=" http://api.jqueryui.com/jQuery.widget/">jQuery.Widget</a>).<br>
- * This constructor is not called directly. Use `$(selector).fancytree({})`
- * to initialize the plugin instead.<br>
- * <pre class="sh_javascript sunlight-highlight-javascript">// Access widget methods and members:
- * var tree = $("#tree").fancytree("getTree");
- * var node = $("#tree").fancytree("getActiveNode", "1234");
- * </pre>
- *
- * @mixin Fancytree_Widget
- */
-
-$.widget("ui.fancytree",
-	/** @lends Fancytree_Widget# */
-	{
-	/**These options will be used as defaults
-	 * @type {FancytreeOptions}
-	 */
-	options:
-	{
-		activeVisible: true,
-		ajax: {
-			type: "GET",
-			cache: false, // false: Append random '_' argument to the request url to prevent caching.
-//          timeout: 0, // >0: Make sure we get an ajax error if server is unreachable
-			dataType: "json" // Expect json format and pass json object to callbacks.
-		},  //
-		aria: false, // TODO: default to true
-		autoActivate: true,
-		autoCollapse: false,
-//      autoFocus: false,
-		autoScroll: false,
-		checkbox: false,
-		/**defines click behavior*/
-		clickFolderMode: 4,
-		debugLevel: null, // 0..2 (null: use global setting $.ui.fancytree.debugInfo)
-		disabled: false, // TODO: required anymore?
-		enableAspx: true, // TODO: document
-		extensions: [],
-		fx: { height: "toggle", duration: 200 },
-		generateIds: false,
-		icons: true,
-		idPrefix: "ft_",
-		keyboard: true,
-		keyPathSeparator: "/",
-		minExpandLevel: 1,
-		scrollOfs: {top: 0, bottom: 0},
-		scrollParent: null,
-		selectMode: 2,
-		strings: {
-			loading: "Loading&#8230;",
-			loadError: "Load error!"
-		},
-		tabbable: true,
-		titlesTabbable: false,
-		_classNames: {
-			node: "fancytree-node",
-			folder: "fancytree-folder",
-			combinedExpanderPrefix: "fancytree-exp-",
-			combinedIconPrefix: "fancytree-ico-",
-			hasChildren: "fancytree-has-children",
-			active: "fancytree-active",
-			selected: "fancytree-selected",
-			expanded: "fancytree-expanded",
-			lazy: "fancytree-lazy",
-			focused: "fancytree-focused",
-			partsel: "fancytree-partsel",
-			lastsib: "fancytree-lastsib",
-			loading: "fancytree-loading",
-			error: "fancytree-error"
-		},
-		// events
-		lazyLoad: null,
-		postProcess: null
-	},
-	/* Set up the widget, Called on first $().fancytree() */
-	_create: function() {
-		this.tree = new Fancytree(this);
-
-		this.$source = this.source || this.element.data("type") === "json" ? this.element
-			: this.element.find(">ul:first");
-		// Subclass Fancytree instance with all enabled extensions
-		var extension, extName, i,
-			extensions = this.options.extensions,
-			base = this.tree;
-
-		for(i=0; i<extensions.length; i++){
-			extName = extensions[i];
-			extension = $.ui.fancytree._extensions[extName];
-			if(!extension){
-				$.error("Could not apply extension '" + extName + "' (it is not registered, did you forget to include it?)");
-			}
-			// Add extension options as tree.options.EXTENSION
-//			_assert(!this.tree.options[extName], "Extension name must not exist as option name: " + extName);
-			this.tree.options[extName] = $.extend(true, {}, extension.options, this.tree.options[extName]);
-			// Add a namespace tree.ext.EXTENSION, to hold instance data
-			_assert(this.tree.ext[extName] === undefined, "Extension name must not exist as Fancytree.ext attribute: '" + extName + "'");
-//			this.tree[extName] = extension;
-			this.tree.ext[extName] = {};
-			// Subclass Fancytree methods using proxies.
-			_subclassObject(this.tree, base, extension, extName);
-			// current extension becomes base for the next extension
-			base = extension;
-		}
-		//
-		this.tree._callHook("treeCreate", this.tree);
-		// Note: 'fancytreecreate' event is fired by widget base class
-//        this.tree._triggerTreeEvent("create");
-	},
-
-	/* Called on every $().fancytree() */
-	_init: function() {
-		this.tree._callHook("treeInit", this.tree);
-		// TODO: currently we call bind after treeInit, because treeInit
-		// might change tree.$container.
-		// It would be better, to move ebent binding into hooks altogether
-		this._bind();
-	},
-
-	/* Use the _setOption method to respond to changes to options */
-	_setOption: function(key, value) {
-		var callDefault = true,
-			rerender = false;
-		switch( key ) {
-		case "aria":
-		case "checkbox":
-		case "icons":
-		case "minExpandLevel":
-		case "tabbable":
-//		case "nolink":
-			this.tree._callHook("treeCreate", this.tree);
-			rerender = true;
-			break;
-		case "source":
-			callDefault = false;
-			this.tree._callHook("treeLoad", this.tree, value);
-			break;
-		}
-		this.tree.debug("set option " + key + "=" + value + " <" + typeof(value) + ">");
-		if(callDefault){
-			// In jQuery UI 1.8, you have to manually invoke the _setOption method from the base widget
-			$.Widget.prototype._setOption.apply(this, arguments);
-			// TODO: In jQuery UI 1.9 and above, you use the _super method instead
-//          this._super( "_setOption", key, value );
-		}
-		if(rerender){
-			this.tree.render(true, false);  // force, not-deep
-		}
-	},
-
-	/** Use the destroy method to clean up any modifications your widget has made to the DOM */
-	destroy: function() {
-		this._unbind();
-		this.tree._callHook("treeDestroy", this.tree);
-		// this.element.removeClass("ui-widget ui-widget-content ui-corner-all");
-		this.tree.$div.find(">ul.fancytree-container").remove();
-		this.$source && this.$source.removeClass("ui-helper-hidden");
-		// In jQuery UI 1.8, you must invoke the destroy method from the base widget
-		$.Widget.prototype.destroy.call(this);
-		// TODO: delete tree and nodes to make garbage collect easier?
-		// TODO: In jQuery UI 1.9 and above, you would define _destroy instead of destroy and not call the base method
-	},
-
-	// -------------------------------------------------------------------------
-
-	/* Remove all event handlers for our namespace */
-	_unbind: function() {
-		var ns = this.tree._ns;
-		this.element.unbind(ns);
-		this.tree.$container.unbind(ns);
-		$(document).unbind(ns);
-	},
-	/* Add mouse and kyboard handlers to the container */
-	_bind: function() {
-		var that = this,
-			opts = this.options,
-			tree = this.tree,
-			ns = tree._ns
-			// selstartEvent = ( $.support.selectstart ? "selectstart" : "mousedown" )
-			;
-
-		// Remove all previuous handlers for this tree
-		this._unbind();
-
-		//alert("keydown" + ns + "foc=" + tree.hasFocus() + tree.$container);
-		// tree.debug("bind events; container: ", tree.$container);
-		tree.$container.on("focusin" + ns + " focusout" + ns, function(event){
-			var node = FT.getNode(event),
-				flag = (event.type === "focusin");
-			// tree.debug("Tree container got event " + event.type, node, event);
-			// tree.treeOnFocusInOut.call(tree, event);
-			if(node){
-				// For example clicking into an <input> that is part of a node
-				tree._callHook("nodeSetFocus", node, flag);
-			}else{
-				tree._callHook("treeSetFocus", tree, flag);
-			}
-		}).on("selectstart" + ns, "span.fancytree-title", function(event){
-			// prevent mouse-drags to select text ranges
-			// tree.debug("<span title> got event " + event.type);
-			event.preventDefault();
-		}).on("keydown" + ns, function(event){
-			// TODO: also bind keyup and keypress
-			// tree.debug("got event " + event.type + ", hasFocus:" + tree.hasFocus());
-			// if(opts.disabled || opts.keyboard === false || !tree.hasFocus() ){
-			if(opts.disabled || opts.keyboard === false ){
-				return true;
-			}
-			var res,
-				node = tree.focusNode, // node may be null
-				ctx = tree._makeHookContext(node || tree, event),
-				prevPhase = tree.phase;
-
-			try {
-				tree.phase = "userEvent";
-				// If a 'fancytreekeydown' handler returns false, skip the default
-				// handling (implemented by tree.nodeKeydown()).
-				if(node){
-					res = tree._triggerNodeEvent("keydown", node, event);
-				}else{
-					res = tree._triggerTreeEvent("keydown", event);
-				}
-				if ( res === "preventNav" ){
-					res = true; // prevent keyboard navigation, but don't prevent default handling of embedded input controls
-				} else if ( res !== false ){
-					res = tree._callHook("nodeKeydown", ctx);
-				}
-				return res;
-			} finally {
-				tree.phase = prevPhase;
-			}
-		}).on("click" + ns + " dblclick" + ns, function(event){
-			if(opts.disabled){
-				return true;
-			}
-			var ctx,
-				et = FT.getEventTarget(event),
-				node = et.node,
-				tree = that.tree,
-				prevPhase = tree.phase;
-
-			if( !node ){
-				return true;  // Allow bubbling of other events
-			}
-			ctx = tree._makeHookContext(node, event);
-//			that.tree.debug("event(" + event.type + "): node: ", node);
-			try {
-				tree.phase = "userEvent";
-				switch(event.type) {
-				case "click":
-					ctx.targetType = et.type;
-					return ( tree._triggerNodeEvent("click", ctx, event) === false ) ? false : tree._callHook("nodeClick", ctx);
-				case "dblclick":
-					ctx.targetType = et.type;
-					return ( tree._triggerNodeEvent("dblclick", ctx, event) === false ) ? false : tree._callHook("nodeDblclick", ctx);
-				}
-//             } catch(e) {
-// //                var _ = null; // DT issue 117 // TODO
-//                 $.error(e);
-			} finally {
-				tree.phase = prevPhase;
-			}
-		});
-	},
-	/** Return the active node or null.
-	 * @returns {FancytreeNode}
-	 */
-	getActiveNode: function() {
-		return this.tree.activeNode;
-	},
-	/** Return the matching node or null.
-	 * @param {string} key
-	 * @returns {FancytreeNode}
-	 */
-	getNodeByKey: function(key) {
-		return this.tree.getNodeByKey(key);
-	},
-	/** Return the invisible system root node.
-	 * @returns {FancytreeNode}
-	 */
-	getRootNode: function() {
-		return this.tree.rootNode;
-	},
-	/** Return the current tree instance.
-	 * @returns {Fancytree}
-	 */
-	getTree: function() {
-		return this.tree;
-	}
-});
-
-// $.ui.fancytree was created by the widget factory. Create a local shortcut:
-FT = $.ui.fancytree;
-
-/**
- * Static members in the `$.ui.fancytree` namespace.<br>
- * <br>
- * <pre class="sh_javascript sunlight-highlight-javascript">// Access static members:
- * var node = $.ui.fancytree.getNode(element);
- * alert($.ui.fancytree.version);
- * </pre>
- *
- * @mixin Fancytree_Static
- */
-$.extend($.ui.fancytree,
-	/** @lends Fancytree_Static# */
-	{
-	/** @type {string} */
-	version: "2.3.0",      // Set to semver by 'grunt release'
-	/** @type {string} */
-	buildType: "production", // Set to 'production' by 'grunt build'
-	/** @type {int} */
-	debugLevel: 1,            // Set to 1 by 'grunt build'
-							  // Used by $.ui.fancytree.debug() and as default for tree.options.debugLevel
-
-	_nextId: 1,
-	_nextNodeKey: 1,
-	_extensions: {},
-	// focusTree: null,
-
-	/** Expose class object as $.ui.fancytree._FancytreeClass */
-	_FancytreeClass: Fancytree,
-	/** Expose class object as $.ui.fancytree._FancytreeNodeClass */
-	_FancytreeNodeClass: FancytreeNode,
-	/* Feature checks to provide backwards compatibility */
-	jquerySupports: {
-		// http://jqueryui.com/upgrade-guide/1.9/#deprecated-offset-option-merged-into-my-and-at
-		positionMyOfs: isVersionAtLeast($.ui.version, 1, 9)
-		},
-	/** Throw an error if condition fails (debug method).
-	 * @param {boolean} cond
-	 * @param {string} msg
-	 */
-	assert: function(cond, msg){
-		return _assert(cond, msg);
-	},
-	/** Return a function that executes *fn* at most every *timeout* ms.
-	 * @param {integer} timeout
-	 * @param {function} fn
-	 * @param {boolean} [invokeAsap=false]
-	 * @param {any} [ctx]
-	 */
-	debounce : function(timeout, fn, invokeAsap, ctx) {
-		var timer;
-		if(arguments.length === 3 && typeof invokeAsap !== "boolean") {
-			ctx = invokeAsap;
-			invokeAsap = false;
-		}
-		return function() {
-			var args = arguments;
-			ctx = ctx || this;
-			invokeAsap && !timer && fn.apply(ctx, args);
-			clearTimeout(timer);
-			timer = setTimeout(function() {
-				invokeAsap || fn.apply(ctx, args);
-				timer = null;
-			}, timeout);
-		};
-	},
-	/** Write message to console if debugLevel >= 2
-	 * @param {string} msg
-	 */
-	debug: function(msg){
-		/*jshint expr:true */
-		($.ui.fancytree.debugLevel >= 2) && consoleApply("log", arguments);
-	},
-	/** Write error message to console.
-	 * @param {string} msg
-	 */
-	error: function(msg){
-		consoleApply("error", arguments);
-	},
-	/** Convert &lt;, &gt;, &amp;, &quot;, &#39;, &#x2F; to the equivalent entitites.
-	 *
-	 * @param {string} s
-	 * @returns {string}
-	 */
-	escapeHtml: function(s){
-		return ("" + s).replace(/[&<>"'\/]/g, function (s) {
-			return ENTITY_MAP[s];
-		});
-	},
-	/** Inverse of escapeHtml().
-	 *
-	 * @param {string} s
-	 * @returns {string}
-	 */
-	unescapeHtml: function(s){
-		var e = document.createElement("div");
-		e.innerHTML = s;
-		return e.childNodes.length === 0 ? "" : e.childNodes[0].nodeValue;
-	},
-	/** Return a {node: FancytreeNode, type: TYPE} object for a mouse event.
-	 *
-	 * @param {Event} event Mouse event, e.g. click, ...
-	 * @returns {string} 'title' | 'prefix' | 'expander' | 'checkbox' | 'icon' | undefined
-	 */
-	getEventTargetType: function(event){
-		return this.getEventTarget(event).type;
-	},
-	/** Return a {node: FancytreeNode, type: TYPE} object for a mouse event.
-	 *
-	 * @param {Event} event Mouse event, e.g. click, ...
-	 * @returns {object} Return a {node: FancytreeNode, type: TYPE} object
-	 *     TYPE: 'title' | 'prefix' | 'expander' | 'checkbox' | 'icon' | undefined
-	 */
-	getEventTarget: function(event){
-		var tcn = event && event.target ? event.target.className : "",
-			res = {node: this.getNode(event.target), type: undefined};
-		// We use a fast version of $(res.node).hasClass()
-		// See http://jsperf.com/test-for-classname/2
-		if( /\bfancytree-title\b/.test(tcn) ){
-			res.type = "title";
-		}else if( /\bfancytree-expander\b/.test(tcn) ){
-			res.type = (res.node.hasChildren() === false ? "prefix" : "expander");
-		}else if( /\bfancytree-checkbox\b/.test(tcn) || /\bfancytree-radio\b/.test(tcn) ){
-			res.type = "checkbox";
-		}else if( /\bfancytree-icon\b/.test(tcn) ){
-			res.type = "icon";
-		}else if( /\bfancytree-node\b/.test(tcn) ){
-			// Somewhere near the title
-			res.type = "title";
-		}else if( event && event.target && $(event.target).closest(".fancytree-title").length ) {
-			// #228: clicking an embedded element inside a title
-			res.type = "title";
-		}
-		return res;
-	},
-	/** Return a FancytreeNode instance from element.
-	 *
-	 * @param {Element | jQueryObject | Event} el
-	 * @returns {FancytreeNode} matching node or null
-	 */
-	getNode: function(el){
-		if(el instanceof FancytreeNode){
-			return el; // el already was a FancytreeNode
-		}else if(el.selector !== undefined){
-			el = el[0]; // el was a jQuery object: use the DOM element
-		}else if(el.originalEvent !== undefined){
-			el = el.target; // el was an Event
-		}
-		while( el ) {
-			if(el.ftnode) {
-				return el.ftnode;
-			}
-			el = el.parentNode;
-		}
-		return null;
-	},
-	/* Return a Fancytree instance from element.
-	* TODO: this function could help to get around the data('fancytree') / data('ui-fancytree') problem
-	* @param {Element | jQueryObject | Event} el
-	* @returns {Fancytree} matching tree or null
-	* /
-	getTree: function(el){
-		if(el instanceof Fancytree){
-			return el; // el already was a Fancytree
-		}else if(el.selector !== undefined){
-			el = el[0]; // el was a jQuery object: use the DOM element
-		}else if(el.originalEvent !== undefined){
-			el = el.target; // el was an Event
-		}
-		...
-		return null;
-	},
-	*/
-	/** Write message to console if debugLevel >= 1
-	 * @param {string} msg
-	 */
-	info: function(msg){
-		/*jshint expr:true */
-		($.ui.fancytree.debugLevel >= 1) && consoleApply("info", arguments);
-	},
-	/**
-	 * Parse tree data from HTML <ul> markup
-	 *
-	 * @param {jQueryObject} $ul
-	 * @returns {NodeData[]}
-	 */
-	parseHtml: function($ul) {
-		// TODO: understand this:
-		/*jshint validthis:true */
-		var extraClasses, i, l, iPos, tmp, tmp2, classes, className,
-			$children = $ul.find(">li"),
-			children = [];
-
-		$children.each(function() {
-			var allData,
-				$li = $(this),
-				$liSpan = $li.find(">span:first", this),
-				$liA = $liSpan.length ? null : $li.find(">a:first"),
-				d = { tooltip: null, data: {} };
-
-			if( $liSpan.length ) {
-				d.title = $liSpan.html();
-
-			} else if( $liA && $liA.length ) {
-				// If a <li><a> tag is specified, use it literally and extract href/target.
-				d.title = $liA.html();
-				d.data.href = $liA.attr("href");
-				d.data.target = $liA.attr("target");
-				d.tooltip = $liA.attr("title");
-
-			} else {
-				// If only a <li> tag is specified, use the trimmed string up to
-				// the next child <ul> tag.
-				d.title = $li.html();
-				iPos = d.title.search(/<ul/i);
-				if( iPos >= 0 ){
-					d.title = d.title.substring(0, iPos);
-				}
-			}
-			d.title = $.trim(d.title);
-
-			// Make sure all fields exist
-			for(i=0, l=CLASS_ATTRS.length; i<l; i++){
-				d[CLASS_ATTRS[i]] = undefined;
-			}
-			// Initialize to `true`, if class is set and collect extraClasses
-			classes = this.className.split(" ");
-			extraClasses = [];
-			for(i=0, l=classes.length; i<l; i++){
-				className = classes[i];
-				if(CLASS_ATTR_MAP[className]){
-					d[className] = true;
-				}else{
-					extraClasses.push(className);
-				}
-			}
-			d.extraClasses = extraClasses.join(" ");
-
-			// Parse node options from ID, title and class attributes
-			tmp = $li.attr("title");
-			if( tmp ){
-				d.tooltip = tmp; // overrides <a title='...'>
-			}
-			tmp = $li.attr("id");
-			if( tmp ){
-				d.key = tmp;
-			}
-			// Add <li data-NAME='...'> as node.data.NAME
-			allData = _getElementDataAsDict($li);
-			if(allData && !$.isEmptyObject(allData)) {
-				// #56: Allow to set special node.attributes from data-...
-				for(i=0, l=NODE_ATTRS.length; i<l; i++){
-					tmp = NODE_ATTRS[i];
-					tmp2 = allData[tmp];
-					if( tmp2 != null ) {
-						delete allData[tmp];
-						d[tmp] = tmp2;
-					}
-				}
-				// All other data-... goes to node.data...
-				$.extend(d.data, allData);
-			}
-			// Recursive reading of child nodes, if LI tag contains an UL tag
-			$ul = $li.find(">ul:first");
-			if( $ul.length ) {
-				d.children = $.ui.fancytree.parseHtml($ul);
-			}else{
-				d.children = d.lazy ? undefined : null;
-			}
-			children.push(d);
-//            FT.debug("parse ", d, children);
-		});
-		return children;
-	},
-	/** Add Fancytree extension definition to the list of globally available extensions.
-	 *
-	 * @param {object} definition
-	 */
-	registerExtension: function(definition){
-		_assert(definition.name != null, "extensions must have a `name` property.");
-		_assert(definition.version != null, "extensions must have a `version` property.");
-		$.ui.fancytree._extensions[definition.name] = definition;
-	},
-	/** Write warning message to console.
-	 * @param {string} msg
-	 */
-	warn: function(msg){
-		consoleApply("warn", arguments);
-	}
-});
-
-}(jQuery, window, document));
-
-// Extending Fancytree
-// ===================
-//
-// See also the [live demo](http://wwwendt.de/tech/fancytree/demo/sample-ext-childcounter.html) of this code.
-//
-// Every extension should have a comment header containing some information
-// about the author, copyright and licensing. Also a pointer to the latest
-// source code.
-// Prefix with `/*!` so the comment is not removed by the minifier.
-
-/*!
- * jquery.fancytree.childcounter.js
- *
- * Add a child counter bubble to tree nodes.
- * (Extension module for jquery.fancytree.js: https://github.com/mar10/fancytree/)
- *
- * Copyright (c) 2014, Martin Wendt (http://wwWendt.de)
- *
- * Released under the MIT license
- * https://github.com/mar10/fancytree/wiki/LicenseInfo
- *
- * @version 2.3.0
- * @date 2014-08-17T10:39
- */
-
-// To keep the global namespace clean, we wrap everything in a closure
-
-;(function($, undefined) {
-
-// Consider to use [strict mode](http://ejohn.org/blog/ecmascript-5-strict-mode-json-and-more/)
-"use strict";
-
-// The [coding guidelines](http://contribute.jquery.org/style-guide/js/)
-// require jshint compliance.
-// But for this sample, we want to allow unused variables for demonstration purpose.
-
-/*jshint unused:false */
-
-
-// Adding methods
-// --------------
-
-// New member functions can be added to the `Fancytree` class.
-// This function will be available for every tree instance.
-//
-//     var tree = $("#tree").fancytree("getTree");
-//     tree.countSelected(false);
-
-$.ui.fancytree._FancytreeClass.prototype.countSelected = function(topOnly){
-	var tree = this,
-		treeOptions = tree.options;
-	return tree.getSelectedNodes(topOnly).length;
-};
-
-
-// The `FancytreeNode` class can also be easily extended. This would be called
-// like
-//
-//     node.toUpper();
-
-$.ui.fancytree._FancytreeNodeClass.prototype.toUpper = function(){
-	var node = this;
-	return node.setTitle(node.title.toUpperCase());
-};
-
-
-// Finally, we can extend the widget API and create functions that are called
-// like so:
-//
-//     $("#tree").fancytree("widgetMethod1", "abc");
-
-$.ui.fancytree.prototype.widgetMethod1 = function(arg1){
-	var tree = this.tree;
-	return arg1;
-};
-
-
-// Register a Fancytree extension
-// ------------------------------
-// A full blown extension, extension is available for all trees and can be
-// enabled like so (see also the [live demo](http://wwwendt.de/tech/fancytree/demo/sample-ext-childcounter.html)):
-//
-//    <script src="../src/jquery.fancytree.js" type="text/javascript"></script>
-//    <script src="../src/jquery.fancytree.childcounter.js" type="text/javascript"></script>
-//    ...
-//
-//     $("#tree").fancytree({
-//         extensions: ["childcounter"],
-//         childcounter: {
-//             hideExpanded: true
-//         },
-//         ...
-//     });
-//
-
-
-/* 'childcounter' extension */
-$.ui.fancytree.registerExtension({
-// Every extension must be registered by a unique name.
-	name: "childcounter",
-// Version information should be compliant with [semver](http://semver.org)
-	version: "1.0.0",
-
-// Extension specific options and their defaults.
-// This options will be available as `tree.options.childcounter.hideExpanded`
-
-	options: {
-		deep: true,
-		hideZeros: true,
-		hideExpanded: false
-	},
-
-// Attributes other than `options` (or functions) can be defined here, and
-// will be added to the tree.ext.EXTNAME namespace, in this case `tree.ext.childcounter.foo`.
-// They can also be accessed as `this._local.foo` from within the extension
-// methods.
-	foo: 42,
-
-// Local functions are prefixed with an underscore '_'.
-// Callable as `this._local._appendCounter()`.
-
-	_appendCounter: function(bar){
-		var tree = this;
-	},
-
-// **Override virtual methods for this extension.**
-//
-// Fancytree implements a number of 'hook methods', prefixed by 'node...' or 'tree...'.
-// with a `ctx` argument (see [EventData](http://www.wwwendt.de/tech/fancytree/doc/jsdoc/global.html#EventData)
-// for details) and an extended calling context:<br>
-// `this`       : the Fancytree instance<br>
-// `this._local`: the namespace that contains extension attributes and private methods (same as this.ext.EXTNAME)<br>
-// `this._super`: the virtual function that was overridden (member of previous extension or Fancytree)
-//
-// See also the [complete list of available hook functions](http://www.wwwendt.de/tech/fancytree/doc/jsdoc/Fancytree_Hooks.html).
-
-	/* Init */
-// `treeInit` is triggered when a tree is initalized. We can set up classes or
-// bind event handlers here...
-	treeInit: function(ctx){
-		var tree = this, // same as ctx.tree,
-			opts = ctx.options,
-			extOpts = ctx.options.childcounter;
-// Optionally check for dependencies with other extensions
-		/* this._requireExtension("glyph", false, false); */
-// Call the base implementation
-		this._super(ctx);
-// Add a class to the tree container
-		this.$container.addClass("fancytree-ext-childcounter");
-	},
-
-// Destroy this tree instance (we only call the default implementation, so
-// this method could as well be omitted).
-
-	treeDestroy: function(ctx){
-		this._super(ctx);
-	},
-
-// Overload the `renderTitle` hook, to append a counter badge
-	nodeRenderTitle: function(ctx, title) {
-		var node = ctx.node,
-			extOpts = ctx.options.childcounter,
-			count = (node.data.childCounter == null) ? node.countChildren(extOpts.deep) : +node.data.childCounter;
-// Let the base implementation render the title
-		this._super(ctx, title);
-// Append a counter badge
-		if( (count || ! extOpts.hideZeros) && (!node.isExpanded() || !extOpts.hideExpanded) ){
-			$("span.fancytree-icon", node.span).append($("<span class='fancytree-childcounter'/>").text(count));
-		}
-	},
-// Overload the `setExpanded` hook, so the counters are updated
-	nodeSetExpanded: function(ctx, flag, opts) {
-		var tree = ctx.tree,
-			node = ctx.node;
-// Let the base implementation expand/collapse the node, then redraw the title
-// after the animation has finished
-		return this._super(ctx, flag, opts).always(function(){
-			tree.nodeRenderTitle(ctx);
-		});
-	}
-
-// End of extension definition
-});
-// End of namespace closure
-}(jQuery));
-
-/*!
- *
- * jquery.fancytree.clones.js
- * Support faster lookup of nodes by key and shared ref-ids.
- * (Extension module for jquery.fancytree.js: https://github.com/mar10/fancytree/)
- *
- * Copyright (c) 2014, Martin Wendt (http://wwWendt.de)
- *
- * Released under the MIT license
- * https://github.com/mar10/fancytree/wiki/LicenseInfo
- *
- * @version 2.3.0
- * @date 2014-08-17T10:39
- */
-
-;(function($, window, document, undefined) {
-
-"use strict";
-
-/*******************************************************************************
- * Private functions and variables
- */
-function _assert(cond, msg){
-	// TODO: see qunit.js extractStacktrace()
-	if(!cond){
-		msg = msg ? ": " + msg : "";
-		$.error("Assertion failed" + msg);
-	}
-}
-
-
-/* Return first occurrence of member from array. */
-function _removeArrayMember(arr, elem) {
-	// TODO: use Array.indexOf for IE >= 9
-	var i;
-	for (i = arr.length - 1; i >= 0; i--) {
-		if (arr[i] === elem) {
-			arr.splice(i, 1);
-			return true;
-		}
-	}
-	return false;
-}
-
-
-// /**
-//  * Calculate a 32 bit FNV-1a hash
-//  * Found here: https://gist.github.com/vaiorabbit/5657561
-//  * Ref.: http://isthe.com/chongo/tech/comp/fnv/
-//  *
-//  * @param {string} str the input value
-//  * @param {boolean} [asString=false] set to true to return the hash value as
-//  *     8-digit hex string instead of an integer
-//  * @param {integer} [seed] optionally pass the hash of the previous chunk
-//  * @returns {integer | string}
-//  */
-// function hashFnv32a(str, asString, seed) {
-// 	/*jshint bitwise:false */
-// 	var i, l,
-// 		hval = (seed === undefined) ? 0x811c9dc5 : seed;
-
-// 	for (i = 0, l = str.length; i < l; i++) {
-// 		hval ^= str.charCodeAt(i);
-// 		hval += (hval << 1) + (hval << 4) + (hval << 7) + (hval << 8) + (hval << 24);
-// 	}
-// 	if( asString ){
-// 		// Convert to 8 digit hex string
-// 		return ("0000000" + (hval >>> 0).toString(16)).substr(-8);
-// 	}
-// 	return hval >>> 0;
-// }
-
-
-/**
- * JS Implementation of MurmurHash3 (r136) (as of May 20, 2011)
- *
- * @author <a href="mailto:gary.court@gmail.com">Gary Court</a>
- * @see http://github.com/garycourt/murmurhash-js
- * @author <a href="mailto:aappleby@gmail.com">Austin Appleby</a>
- * @see http://sites.google.com/site/murmurhash/
- *
- * @param {string} key ASCII only
- * @param {boolean} [asString=false]
- * @param {number} seed Positive integer only
- * @return {number} 32-bit positive integer hash
- */
-function hashMurmur3(key, asString, seed) {
-	/*jshint bitwise:false */
-	var h1b, k1,
-		remainder = key.length & 3,
-		bytes = key.length - remainder,
-		h1 = seed,
-		c1 = 0xcc9e2d51,
-		c2 = 0x1b873593,
-		i = 0;
-
-	while (i < bytes) {
-		k1 =
-			((key.charCodeAt(i) & 0xff)) |
-			((key.charCodeAt(++i) & 0xff) << 8) |
-			((key.charCodeAt(++i) & 0xff) << 16) |
-			((key.charCodeAt(++i) & 0xff) << 24);
-		++i;
-
-		k1 = ((((k1 & 0xffff) * c1) + ((((k1 >>> 16) * c1) & 0xffff) << 16))) & 0xffffffff;
-		k1 = (k1 << 15) | (k1 >>> 17);
-		k1 = ((((k1 & 0xffff) * c2) + ((((k1 >>> 16) * c2) & 0xffff) << 16))) & 0xffffffff;
-
-		h1 ^= k1;
-		h1 = (h1 << 13) | (h1 >>> 19);
-		h1b = ((((h1 & 0xffff) * 5) + ((((h1 >>> 16) * 5) & 0xffff) << 16))) & 0xffffffff;
-		h1 = (((h1b & 0xffff) + 0x6b64) + ((((h1b >>> 16) + 0xe654) & 0xffff) << 16));
-	}
-
-	k1 = 0;
-
-	switch (remainder) {
-		/*jshint -W086:true */
-		case 3: k1 ^= (key.charCodeAt(i + 2) & 0xff) << 16;
-		case 2: k1 ^= (key.charCodeAt(i + 1) & 0xff) << 8;
-		case 1: k1 ^= (key.charCodeAt(i) & 0xff);
-
-		k1 = (((k1 & 0xffff) * c1) + ((((k1 >>> 16) * c1) & 0xffff) << 16)) & 0xffffffff;
-		k1 = (k1 << 15) | (k1 >>> 17);
-		k1 = (((k1 & 0xffff) * c2) + ((((k1 >>> 16) * c2) & 0xffff) << 16)) & 0xffffffff;
-		h1 ^= k1;
-	}
-
-	h1 ^= key.length;
-
-	h1 ^= h1 >>> 16;
-	h1 = (((h1 & 0xffff) * 0x85ebca6b) + ((((h1 >>> 16) * 0x85ebca6b) & 0xffff) << 16)) & 0xffffffff;
-	h1 ^= h1 >>> 13;
-	h1 = ((((h1 & 0xffff) * 0xc2b2ae35) + ((((h1 >>> 16) * 0xc2b2ae35) & 0xffff) << 16))) & 0xffffffff;
-	h1 ^= h1 >>> 16;
-
-	if( asString ){
-		// Convert to 8 digit hex string
-		return ("0000000" + (h1 >>> 0).toString(16)).substr(-8);
-	}
-	return h1 >>> 0;
-}
-
-// console.info(hashMurmur3("costarring"));
-// console.info(hashMurmur3("costarring", true));
-// console.info(hashMurmur3("liquid"));
-// console.info(hashMurmur3("liquid", true));
-
-
-/*
- * Return a unique key for node by calculationg the hash of the parents refKey-list
- */
-function calcUniqueKey(node) {
-	var key,
-		path = $.map(node.getParentList(false, true), function(e){ return e.refKey || e.key; });
-	path = path.join("/");
-	key = "id_" + hashMurmur3(path, true);
-	node.debug(path + " -> " + key);
-	return key;
-}
-
-
-/**
- * [ext-clones] Return a list of clone-nodes or null.
- * @param {boolean} [includeSelf=false]
- * @returns {FancytreeNode[] | null}
- *
- * @alias FancytreeNode#getCloneList
- * @requires jquery.fancytree.clones.js
- */
-$.ui.fancytree._FancytreeNodeClass.prototype.getCloneList = function(includeSelf){
-	var key,
-		tree = this.tree,
-		refList = tree.refMap[this.refKey] || null,
-		keyMap = tree.keyMap;
-
-	if( refList ) {
-		key = this.key;
-		// Convert key list to node list
-		if( includeSelf ) {
-			refList = $.map(refList, function(val){ return keyMap[val]; });
-		} else {
-			refList = $.map(refList, function(val){ return val === key ? null : keyMap[val]; });
-			if( refList.length < 1 ) {
-				refList = null;
-			}
-		}
-	}
-	return refList;
-};
-
-
-/**
- * [ext-clones] Return true if this node has at least another clone with same refKey.
- * @returns {boolean}
- *
- * @alias FancytreeNode#isClone
- * @requires jquery.fancytree.clones.js
- */
-$.ui.fancytree._FancytreeNodeClass.prototype.isClone = function(){
-	var refKey = this.refKey || null,
-		refList = refKey && this.tree.refMap[refKey] || null;
-	return !!(refList && refList.length > 1);
-};
-
-
-/**
- * [ext-clones] Update key and/or refKey for an existing node.
- * @param {string} key
- * @param {string} refKey
- * @returns {boolean}
- *
- * @alias FancytreeNode#reRegister
- * @requires jquery.fancytree.clones.js
- */
-$.ui.fancytree._FancytreeNodeClass.prototype.reRegister = function(key, refKey){
-	key = (key == null) ? null :  "" + key;
-	refKey = (refKey == null) ? null :  "" + refKey;
-	this.debug("reRegister", key, refKey);
-
-	var tree = this.tree,
-		prevKey = this.key,
-		prevRefKey = this.refKey,
-		keyMap = tree.keyMap,
-		refMap = tree.refMap,
-		refList = refMap[prevRefKey] || null,
-//		curCloneKeys = refList ? node.getCloneList(true),
-		modified = false;
-
-	// Key has changed: update all references
-	if( key != null && key !== this.key ) {
-		if( keyMap[key] ) {
-			$.error("[ext-clones] reRegister(" + key + "): already exists.");
-		}
-		// Update keyMap
-		delete keyMap[prevKey];
-		keyMap[key] = this;
-		// Update refMap
-		if( refList ) {
-			refMap[prevRefKey] = $.map(refList, function(e){
-				return e === prevKey ? key : e;
-			});
-		}
-		this.key = key;
-		modified = true;
-	}
-
-	// refKey has changed
-	if( refKey != null && refKey !== this.refKey ) {
-		// Remove previous refKeys
-		if( refList ){
-			if( refList.length === 1 ){
-				delete refMap[prevRefKey];
-			}else{
-				refMap[prevRefKey] = $.map(refList, function(e){
-					return e === prevKey ? null : e;
-				});
-			}
-		}
-		// Add refKey
-		if( refMap[refKey] ) {
-			refMap[refKey].append(key);
-		}else{
-			refMap[refKey] = [ this.key ];
-		}
-		this.refKey = refKey;
-		modified = true;
-	}
-	return modified;
-};
-
-
-/**
- * [ext-clones] Return all nodes with a given refKey (null if not found).
- * @param {string} refKey
- * @param {FancytreeNode} [rootNode] optionally restrict results to descendants of this node
- * @returns {FancytreeNode[] | null}
- * @alias Fancytree#getNodesByRef
- * @requires jquery.fancytree.clones.js
- */
-$.ui.fancytree._FancytreeClass.prototype.getNodesByRef = function(refKey, rootNode){
-	var keyMap = this.keyMap,
-		refList = this.refMap[refKey] || null;
-
-	if( refList ) {
-		// Convert key list to node list
-		if( rootNode ) {
-			refList = $.map(refList, function(val){
-				var node = keyMap[val];
-				return node.isDescendantOf(rootNode) ? node : null;
-			});
-		}else{
-			refList = $.map(refList, function(val){ return keyMap[val]; });
-		}
-		if( refList.length < 1 ) {
-			refList = null;
-		}
-	}
-	return refList;
-};
-
-
-/**
- * [ext-clones] Replace a refKey with a new one.
- * @param {string} oldRefKey
- * @param {string} newRefKey
- * @alias Fancytree#changeRefKey
- * @requires jquery.fancytree.clones.js
- */
-$.ui.fancytree._FancytreeClass.prototype.changeRefKey = function(oldRefKey, newRefKey) {
-	var i, node,
-		keyMap = this.keyMap,
-		refList = this.refMap[oldRefKey] || null;
-
-	if (refList) {
-		for (i = 0; i < refList.length; i++) {
-			node = keyMap[refList[i]];
-			node.refKey = newRefKey;
-		}
-		delete this.refMap[oldRefKey];
-		this.refMap[newRefKey] = refList;
-	}
-};
-
-
-/*******************************************************************************
- * Extension code
- */
-$.ui.fancytree.registerExtension({
-	name: "clones",
-	version: "0.0.3",
-	// Default options for this extension.
-	options: {
-		highlightActiveClones: true, // set 'fancytree-active-clone' on active clones and all peers
-		highlightClones: false       // set 'fancytree-clone' class on any node that has at least one clone
-	},
-
-	treeCreate: function(ctx){
-		this._super(ctx);
-		ctx.tree.refMap = {};
-		ctx.tree.keyMap = {};
-	},
-	treeInit: function(ctx){
-		this.$container.addClass("fancytree-ext-clones");
-		_assert(ctx.options.defaultKey == null);
-		// Generate unique / reproducible default keys
-		ctx.options.defaultKey = function(node){
-			return calcUniqueKey(node);
-		};
-		// The default implementation loads initial data
-		this._super(ctx);
-	},
-	treeClear: function(ctx){
-		ctx.tree.refMap = {};
-		ctx.tree.keyMap = {};
-		return this._super(ctx);
-	},
-	treeRegisterNode: function(ctx, add, node) {
-		var refList, len,
-			tree = ctx.tree,
-			keyMap = tree.keyMap,
-			refMap = tree.refMap,
-			key = node.key,
-			refKey = (node && node.refKey != null) ? "" + node.refKey : null;
-
-//		ctx.tree.debug("clones.treeRegisterNode", add, node);
-
-		if( key === "_statusNode" ){
-			return this._super(ctx, add, node);
-		}
-
-		if( add ) {
-			if( keyMap[node.key] != null ) {
-				$.error("clones.treeRegisterNode: node.key already exists: " + node.key);
-			}
-			keyMap[key] = node;
-			if( refKey ) {
-				refList = refMap[refKey];
-				if( refList ) {
-					refList.push(key);
-					if( refList.length === 2 && ctx.options.clones.highlightClones ) {
-						// Mark peer node, if it just became a clone (no need to
-						// mark current node, since it will be rendered later anyway)
-						keyMap[refList[0]].renderStatus();
-					}
-				} else {
-					refMap[refKey] = [key];
-				}
-				node.debug("clones.treeRegisterNode: add clone =>", refMap[refKey]);
-			}
-		}else {
-			if( keyMap[key] == null ) {
-				$.error("clones.treeRegisterNode: node.key not registered: " + node.key);
-			}
-			delete keyMap[key];
-			if( refKey ) {
-				refList = refMap[refKey];
-				node.debug("clones.treeRegisterNode: remove clone BEFORE =>", refMap[refKey]);
-				if( refList ) {
-					len = refList.length;
-					if( len <= 1 ){
-						_assert(len === 1);
-						_assert(refList[0] === key);
-						delete refMap[refKey];
-					}else{
-						_removeArrayMember(refList, key);
-						// Unmark peer node, if this was the only clone
-						if( len === 2 && ctx.options.clones.highlightClones ) {
-//							node.debug("clones.treeRegisterNode: last =>", node.getCloneList());
-							keyMap[refList[0]].renderStatus();
-						}
-					}
-					node.debug("clones.treeRegisterNode: remove clone =>", refMap[refKey]);
-				}
-			}
-		}
-		return this._super(ctx, add, node);
-	},
-	nodeRenderStatus: function(ctx) {
-		var $span, res,
-			node = ctx.node;
-
-		res = this._super(ctx);
-
-		if( ctx.options.clones.highlightClones ) {
-			$span = $(node[ctx.tree.statusClassPropName]);
-			// Only if span already exists
-			if( $span.length && node.isClone() ){
-//				node.debug("clones.nodeRenderStatus: ", ctx.options.clones.highlightClones);
-				$span.addClass("fancytree-clone");
-			}
-		}
-		return res;
-	},
-	nodeSetActive: function(ctx, flag) {
-		var res,
-			scpn = ctx.tree.statusClassPropName,
-			node = ctx.node;
-
-		res = this._super(ctx, flag);
-
-		if( ctx.options.clones.highlightActiveClones && node.isClone() ) {
-			$.each(node.getCloneList(true), function(idx, n){
-				n.debug("clones.nodeSetActive: ", flag !== false);
-				$(n[scpn]).toggleClass("fancytree-active-clone", flag !== false);
-			});
-		}
-		return res;
-	}
-});
-}(jQuery, window, document));
-
-/*!
- * jquery.fancytree.dnd.js
- *
- * Drag-and-drop support.
- * (Extension module for jquery.fancytree.js: https://github.com/mar10/fancytree/)
- *
- * Copyright (c) 2014, Martin Wendt (http://wwWendt.de)
- *
- * Released under the MIT license
- * https://github.com/mar10/fancytree/wiki/LicenseInfo
- *
- * @version 2.3.0
- * @date 2014-08-17T10:39
- */
-
-;(function($, window, document, undefined) {
-
-"use strict";
-
-/* *****************************************************************************
- * Private functions and variables
- */
-var logMsg = $.ui.fancytree.debug,
-	didRegisterDnd = false;
-
-/* Convert number to string and prepend +/-; return empty string for 0.*/
-function offsetString(n){
-	return n === 0 ? "" : (( n > 0 ) ? ("+" + n) : ("" + n));
-}
-
-/* *****************************************************************************
- * Drag and drop support
- */
-function _initDragAndDrop(tree) {
-	var dnd = tree.options.dnd || null;
-	// Register 'connectToFancytree' option with ui.draggable
-	if( dnd ) {
-		_registerDnd();
-	}
-	// Attach ui.draggable to this Fancytree instance
-	if(dnd && dnd.dragStart ) {
-		tree.widget.element.draggable($.extend({
-			addClasses: false,
-			appendTo: "body",
-			containment: false,
-			delay: 0,
-			distance: 4,
-			revert: false,
-			scroll: true, // to disable, also set css 'position: inherit' on ul.fancytree-container
-			scrollSpeed: 7,
-			scrollSensitivity: 10,
-			// Delegate draggable.start, drag, and stop events to our handler
-			connectToFancytree: true,
-			// Let source tree create the helper element
-			helper: function(event) {
-				var sourceNode = $.ui.fancytree.getNode(event.target);
-				if(!sourceNode){ // Dynatree issue 211
-					// might happen, if dragging a table *header*
-					return "<div>ERROR?: helper requested but sourceNode not found</div>";
-				}
-				return sourceNode.tree.ext.dnd._onDragEvent("helper", sourceNode, null, event, null, null);
-			},
-			start: function(event, ui) {
-				var sourceNode = ui.helper.data("ftSourceNode");
-				return !!sourceNode; // Abort dragging if no node could be found
-			}
-		}, tree.options.dnd.draggable));
-	}
-	// Attach ui.droppable to this Fancytree instance
-	if(dnd && dnd.dragDrop) {
-		tree.widget.element.droppable($.extend({
-			addClasses: false,
-			tolerance: "intersect",
-			greedy: false
-/*
-			activate: function(event, ui) {
-				logMsg("droppable - activate", event, ui, this);
-			},
-			create: function(event, ui) {
-				logMsg("droppable - create", event, ui);
-			},
-			deactivate: function(event, ui) {
-				logMsg("droppable - deactivate", event, ui);
-			},
-			drop: function(event, ui) {
-				logMsg("droppable - drop", event, ui);
-			},
-			out: function(event, ui) {
-				logMsg("droppable - out", event, ui);
-			},
-			over: function(event, ui) {
-				logMsg("droppable - over", event, ui);
-			}
-*/
-		}, tree.options.dnd.droppable));
-	}
-}
-
-//--- Extend ui.draggable event handling --------------------------------------
-
-function _registerDnd() {
-	if(didRegisterDnd){
-		return;
-	}
-
-	// Register proxy-functions for draggable.start/drag/stop
-
-	$.ui.plugin.add("draggable", "connectToFancytree", {
-		start: function(event, ui) {
-			// 'draggable' was renamed to 'ui-draggable' since jQueryUI 1.10
-			var draggable = $(this).data("ui-draggable") || $(this).data("draggable"),
-				sourceNode = ui.helper.data("ftSourceNode") || null;
-
-			if(sourceNode) {
-				// Adjust helper offset, so cursor is slightly outside top/left corner
-				draggable.offset.click.top = -2;
-				draggable.offset.click.left = + 16;
-				// Trigger dragStart event
-				// TODO: when called as connectTo..., the return value is ignored(?)
-				return sourceNode.tree.ext.dnd._onDragEvent("start", sourceNode, null, event, ui, draggable);
-			}
-		},
-		drag: function(event, ui) {
-			var isHelper,
-				// 'draggable' was renamed to 'ui-draggable' since jQueryUI 1.10
-				draggable = $(this).data("ui-draggable") || $(this).data("draggable"),
-				sourceNode = ui.helper.data("ftSourceNode") || null,
-				prevTargetNode = ui.helper.data("ftTargetNode") || null,
-				targetNode = $.ui.fancytree.getNode(event.target);
-
-			if(event.target && !targetNode){
-				// We got a drag event, but the targetNode could not be found
-				// at the event location. This may happen,
-				// 1. if the mouse jumped over the drag helper,
-				// 2. or if a non-fancytree element is dragged
-				// We ignore it:
-				isHelper = $(event.target).closest("div.fancytree-drag-helper,#fancytree-drop-marker").length > 0;
-				if(isHelper){
-					logMsg("Drag event over helper: ignored.");
-					return;
-				}
-			}
-			ui.helper.data("ftTargetNode", targetNode);
-			// Leaving a tree node
-			if(prevTargetNode && prevTargetNode !== targetNode ) {
-				prevTargetNode.tree.ext.dnd._onDragEvent("leave", prevTargetNode, sourceNode, event, ui, draggable);
-			}
-			if(targetNode){
-				if(!targetNode.tree.options.dnd.dragDrop) {
-					// not enabled as drop target
-				} else if(targetNode === prevTargetNode) {
-					// Moving over same node
-					targetNode.tree.ext.dnd._onDragEvent("over", targetNode, sourceNode, event, ui, draggable);
-				}else{
-					// Entering this node first time
-					targetNode.tree.ext.dnd._onDragEvent("enter", targetNode, sourceNode, event, ui, draggable);
-				}
-			}
-			// else go ahead with standard event handling
-		},
-		stop: function(event, ui) {
-			// 'draggable' was renamed to 'ui-draggable' since jQueryUI 1.10
-			var draggable = $(this).data("ui-draggable") || $(this).data("draggable"),
-				sourceNode = ui.helper.data("ftSourceNode") || null,
-				targetNode = ui.helper.data("ftTargetNode") || null,
-//				mouseDownEvent = draggable._mouseDownEvent,
-				eventType = event.type,
-				dropped = (eventType === "mouseup" && event.which === 1);
-
-			if(!dropped){
-				logMsg("Drag was cancelled");
-			}
-			if(targetNode) {
-				if(dropped){
-					targetNode.tree.ext.dnd._onDragEvent("drop", targetNode, sourceNode, event, ui, draggable);
-				}
-				targetNode.tree.ext.dnd._onDragEvent("leave", targetNode, sourceNode, event, ui, draggable);
-			}
-			if(sourceNode){
-				sourceNode.tree.ext.dnd._onDragEvent("stop", sourceNode, null, event, ui, draggable);
-			}
-		}
-	});
-
-	didRegisterDnd = true;
-}
-
-
-/* *****************************************************************************
- *
- */
-
-$.ui.fancytree.registerExtension({
-	name: "dnd",
-	version: "0.1.0",
-	// Default options for this extension.
-	options: {
-		// Make tree nodes draggable:
-		dragStart: null,  // Callback(sourceNode, data), return true, to enable dnd
-		dragStop: null,   // Callback(sourceNode, data)
-//      helper: null,
-		// Make tree nodes accept draggables
-		autoExpandMS: 1000, // Expand nodes after n milliseconds of hovering.
-		preventVoidMoves: true, // Prevent dropping nodes 'before self', etc.
-		preventRecursiveMoves: true, // Prevent dropping nodes on own descendants
-		focusOnClick: false, // Focus, although draggable cancels mousedown event (#270)
-		dragEnter: null,  // Callback(targetNode, data)
-		dragOver: null,   // Callback(targetNode, data)
-		dragDrop: null,   // Callback(targetNode, data)
-		dragLeave: null,  // Callback(targetNode, data)
-		//
-		draggable: null,  // Additional options passed to jQuery draggable
-		droppable: null   // Additional options passed to jQuery droppable
-	},
-
-	treeInit: function(ctx){
-		var tree = ctx.tree;
-		this._super(ctx);
-		// issue #270: draggable eats mousedown events
-		if( tree.options.dnd.dragStart ){
-			tree.$container.on("mousedown", function(event){
-				if( !tree.hasFocus() && ctx.options.dnd.focusOnClick ) {
-					var node = $.ui.fancytree.getNode(event);
-					node.debug("Re-enable focus that was prevented by jQuery UI draggable.");
-					// node.setFocus();
-					// $(node.span).closest(":tabbable").focus();
-					// $(event.target).trigger("focus");
-					// $(event.target).closest(":tabbable").trigger("focus");
-					$(event.target).closest(":tabbable").focus();
-				}
-			});
-		}
-		_initDragAndDrop(tree);
-	},
-	/* Override key handler in order to cancel dnd on escape.*/
-	nodeKeydown: function(ctx) {
-		var event = ctx.originalEvent;
-		if( event.which === $.ui.keyCode.ESCAPE) {
-			this._local._cancelDrag();
-		}
-		return this._super(ctx);
-	},
-	nodeClick: function(ctx) {
-		// if( ctx.options.dnd.dragStart ){
-		// 	ctx.tree.$container.focus();
-		// }
-		return this._super(ctx);
-	},
-	/* Display drop marker according to hitMode ('after', 'before', 'over', 'out', 'start', 'stop'). */
-	_setDndStatus: function(sourceNode, targetNode, helper, hitMode, accept) {
-		var posOpts,
-			markerOffsetX = 0,
-			markerAt = "center",
-			instData = this._local,
-			$source = sourceNode ? $(sourceNode.span) : null,
-			$target = $(targetNode.span);
-
-		if( !instData.$dropMarker ) {
-			instData.$dropMarker = $("<div id='fancytree-drop-marker'></div>")
-				.hide()
-				.css({"z-index": 1000})
-				.prependTo($(this.$div).parent());
-//                .prependTo("body");
-		}
-//      this.$dropMarker.attr("class", hitMode);
-		if(hitMode === "after" || hitMode === "before" || hitMode === "over"){
-//          $source && $source.addClass("fancytree-drag-source");
-
-//          $target.addClass("fancytree-drop-target");
-
-			switch(hitMode){
-			case "before":
-				instData
-				.$dropMarker.removeClass("fancytree-drop-after fancytree-drop-over")
-					.addClass("fancytree-drop-before");
-				markerAt = "top";
-				break;
-			case "after":
-				instData.$dropMarker.removeClass("fancytree-drop-before fancytree-drop-over")
-					.addClass("fancytree-drop-after");
-				markerAt = "bottom";
-				break;
-			default:
-				instData.$dropMarker.removeClass("fancytree-drop-after fancytree-drop-before")
-					.addClass("fancytree-drop-over");
-				$target.addClass("fancytree-drop-target");
-				markerOffsetX = 8;
-			}
-
-			if( $.ui.fancytree.jquerySupports.positionMyOfs ){
-				posOpts = {
-					my: "left" + offsetString(markerOffsetX) + " center",
-					at: "left " + markerAt,
-					of: $target
-				};
-			} else {
-				posOpts = {
-					my: "left center",
-					at: "left " + markerAt,
-					of: $target,
-					offset: "" + markerOffsetX + " 0"
-				};
-			}
-			instData.$dropMarker
-				.show()
-				.position(posOpts);
-//          helper.addClass("fancytree-drop-hover");
-		} else {
-//          $source && $source.removeClass("fancytree-drag-source");
-			$target.removeClass("fancytree-drop-target");
-			instData.$dropMarker.hide();
-//          helper.removeClass("fancytree-drop-hover");
-		}
-		if(hitMode === "after"){
-			$target.addClass("fancytree-drop-after");
-		} else {
-			$target.removeClass("fancytree-drop-after");
-		}
-		if(hitMode === "before"){
-			$target.addClass("fancytree-drop-before");
-		} else {
-			$target.removeClass("fancytree-drop-before");
-		}
-		if(accept === true){
-			if($source){
-				$source.addClass("fancytree-drop-accept");
-			}
-			$target.addClass("fancytree-drop-accept");
-			helper.addClass("fancytree-drop-accept");
-		}else{
-			if($source){
-				$source.removeClass("fancytree-drop-accept");
-			}
-			$target.removeClass("fancytree-drop-accept");
-			helper.removeClass("fancytree-drop-accept");
-		}
-		if(accept === false){
-			if($source){
-				$source.addClass("fancytree-drop-reject");
-			}
-			$target.addClass("fancytree-drop-reject");
-			helper.addClass("fancytree-drop-reject");
-		}else{
-			if($source){
-				$source.removeClass("fancytree-drop-reject");
-			}
-			$target.removeClass("fancytree-drop-reject");
-			helper.removeClass("fancytree-drop-reject");
-		}
-	},
-
-	/*
-	 * Handles drag'n'drop functionality.
-	 *
-	 * A standard jQuery drag-and-drop process may generate these calls:
-	 *
-	 * draggable helper():
-	 *     _onDragEvent("helper", sourceNode, null, event, null, null);
-	 * start:
-	 *     _onDragEvent("start", sourceNode, null, event, ui, draggable);
-	 * drag:
-	 *     _onDragEvent("leave", prevTargetNode, sourceNode, event, ui, draggable);
-	 *     _onDragEvent("over", targetNode, sourceNode, event, ui, draggable);
-	 *     _onDragEvent("enter", targetNode, sourceNode, event, ui, draggable);
-	 * stop:
-	 *     _onDragEvent("drop", targetNode, sourceNode, event, ui, draggable);
-	 *     _onDragEvent("leave", targetNode, sourceNode, event, ui, draggable);
-	 *     _onDragEvent("stop", sourceNode, null, event, ui, draggable);
-	 */
-	_onDragEvent: function(eventName, node, otherNode, event, ui, draggable) {
-		if(eventName !== "over"){
-			logMsg("tree.ext.dnd._onDragEvent(%s, %o, %o) - %o", eventName, node, otherNode, this);
-		}
-		var $helper, nodeOfs, relPos, relPos2,
-			enterResponse, hitMode, r,
-			opts = this.options,
-			dnd = opts.dnd,
-			ctx = this._makeHookContext(node, event, {otherNode: otherNode, ui: ui, draggable: draggable}),
-			res = null,
-			$nodeTag = $(node.span);
-
-		switch (eventName) {
-		case "helper":
-			// Only event and node argument is available
-			$helper = $("<div class='fancytree-drag-helper'><span class='fancytree-drag-helper-img' /></div>")
-				.css({zIndex: 3, position: "relative"}) // so it appears above ext-wide selection bar
-				.append($nodeTag.find("span.fancytree-title").clone());
-			// DT issue 244: helper should be child of scrollParent
-			$("ul.fancytree-container", node.tree.$div).append($helper);
-			// Attach node reference to helper object
-			$helper.data("ftSourceNode", node);
-			// logMsg("helper=%o", $helper);
-			// logMsg("helper.sourceNode=%o", $helper.data("ftSourceNode"));
-			res = $helper;
-			break;
-
-		case "start":
-			if( node.isStatusNode() ) {
-				res = false;
-			} else if(dnd.dragStart) {
-				res = dnd.dragStart(node, ctx);
-			}
-			if(res === false) {
-				this.debug("tree.dragStart() cancelled");
-				//draggable._clear();
-				// NOTE: the return value seems to be ignored (drag is not canceled, when false is returned)
-				// TODO: call this._cancelDrag()?
-				ui.helper.trigger("mouseup")
-					.hide();
-			} else {
-				$nodeTag.addClass("fancytree-drag-source");
-			}
-			break;
-
-		case "enter":
-			if(dnd.preventRecursiveMoves && node.isDescendantOf(otherNode)){
-				r = false;
-			}else{
-				r = dnd.dragEnter ? dnd.dragEnter(node, ctx) : null;
-			}
-			if(!r){
-				// convert null, undefined, false to false
-				res = false;
-			}else if ( $.isArray(r) ) {
-				// TODO: also accept passing an object of this format directly
-				res = {
-					over: ($.inArray("over", r) >= 0),
-					before: ($.inArray("before", r) >= 0),
-					after: ($.inArray("after", r) >= 0)
-				};
-			}else{
-				res = {
-					over: ((r === true) || (r === "over")),
-					before: ((r === true) || (r === "before")),
-					after: ((r === true) || (r === "after"))
-				};
-			}
-			ui.helper.data("enterResponse", res);
-			logMsg("helper.enterResponse: %o", res);
-			break;
-
-		case "over":
-			enterResponse = ui.helper.data("enterResponse");
-			hitMode = null;
-			if(enterResponse === false){
-				// Don't call dragOver if onEnter returned false.
-//                break;
-			} else if(typeof enterResponse === "string") {
-				// Use hitMode from onEnter if provided.
-				hitMode = enterResponse;
-			} else {
-				// Calculate hitMode from relative cursor position.
-				nodeOfs = $nodeTag.offset();
-				relPos = { x: event.pageX - nodeOfs.left,
-						   y: event.pageY - nodeOfs.top };
-				relPos2 = { x: relPos.x / $nodeTag.width(),
-							y: relPos.y / $nodeTag.height() };
-
-				if( enterResponse.after && relPos2.y > 0.75 ){
-					hitMode = "after";
-				} else if(!enterResponse.over && enterResponse.after && relPos2.y > 0.5 ){
-					hitMode = "after";
-				} else if(enterResponse.before && relPos2.y <= 0.25) {
-					hitMode = "before";
-				} else if(!enterResponse.over && enterResponse.before && relPos2.y <= 0.5) {
-					hitMode = "before";
-				} else if(enterResponse.over) {
-					hitMode = "over";
-				}
-				// Prevent no-ops like 'before source node'
-				// TODO: these are no-ops when moving nodes, but not in copy mode
-				if( dnd.preventVoidMoves ){
-					if(node === otherNode){
-						logMsg("    drop over source node prevented");
-						hitMode = null;
-					}else if(hitMode === "before" && otherNode && node === otherNode.getNextSibling()){
-						logMsg("    drop after source node prevented");
-						hitMode = null;
-					}else if(hitMode === "after" && otherNode && node === otherNode.getPrevSibling()){
-						logMsg("    drop before source node prevented");
-						hitMode = null;
-					}else if(hitMode === "over" && otherNode && otherNode.parent === node && otherNode.isLastSibling() ){
-						logMsg("    drop last child over own parent prevented");
-						hitMode = null;
-					}
-				}
-//                logMsg("hitMode: %s - %s - %s", hitMode, (node.parent === otherNode), node.isLastSibling());
-				ui.helper.data("hitMode", hitMode);
-			}
-			// Auto-expand node (only when 'over' the node, not 'before', or 'after')
-			if(hitMode === "over" && dnd.autoExpandMS && node.hasChildren() !== false && !node.expanded) {
-				node.scheduleAction("expand", dnd.autoExpandMS);
-			}
-			if(hitMode && dnd.dragOver){
-				// TODO: http://code.google.com/p/dynatree/source/detail?r=625
-				ctx.hitMode = hitMode;
-				res = dnd.dragOver(node, ctx);
-			}
-			// DT issue 332
-//			this._setDndStatus(otherNode, node, ui.helper, hitMode, res!==false);
-			this._local._setDndStatus(otherNode, node, ui.helper, hitMode, res!==false && hitMode !== null);
-			break;
-
-		case "drop":
-			hitMode = ui.helper.data("hitMode");
-			if(hitMode && dnd.dragDrop){
-				ctx.hitMode = hitMode;
-				dnd.dragDrop(node, ctx);
-			}
-			break;
-
-		case "leave":
-			// Cancel pending expand request
-			node.scheduleAction("cancel");
-			ui.helper.data("enterResponse", null);
-			ui.helper.data("hitMode", null);
-			this._local._setDndStatus(otherNode, node, ui.helper, "out", undefined);
-			if(dnd.dragLeave){
-				dnd.dragLeave(node, ctx);
-			}
-			break;
-
-		case "stop":
-			$nodeTag.removeClass("fancytree-drag-source");
-			if(dnd.dragStop){
-				dnd.dragStop(node, ctx);
-			}
-			break;
-
-		default:
-			$.error("Unsupported drag event: " + eventName);
-		}
-		return res;
-	},
-
-	_cancelDrag: function() {
-		 var dd = $.ui.ddmanager.current;
-		 if(dd){
-			 dd.cancel();
-		 }
-	}
-});
-}(jQuery, window, document));
-
-/*!
- * jquery.fancytree.edit.js
- *
- * Make node titles editable.
- * (Extension module for jquery.fancytree.js: https://github.com/mar10/fancytree/)
- *
- * Copyright (c) 2014, Martin Wendt (http://wwWendt.de)
- *
- * Released under the MIT license
- * https://github.com/mar10/fancytree/wiki/LicenseInfo
- *
- * @version 2.3.0
- * @date 2014-08-17T10:39
- */
-
-;(function($, window, document, undefined) {
-
-"use strict";
-
-
-/*******************************************************************************
- * Private functions and variables
- */
-
-var isMac = /Mac/.test(navigator.platform),
-	escapeHtml = $.ui.fancytree.escapeHtml,
-	unescapeHtml = $.ui.fancytree.unescapeHtml;
-	// modifiers = {shift: "shiftKey", ctrl: "ctrlKey", alt: "altKey", meta: "metaKey"},
-	// specialKeys = {
-	// 	8: "backspace", 9: "tab", 10: "return", 13: "return", 16: "shift", 17: "ctrl", 18: "alt", 19: "pause",
-	// 	20: "capslock", 27: "esc", 32: "space", 33: "pageup", 34: "pagedown", 35: "end", 36: "home",
-	// 	37: "left", 38: "up", 39: "right", 40: "down", 45: "insert", 46: "del",
-	// 	96: "0", 97: "1", 98: "2", 99: "3", 100: "4", 101: "5", 102: "6", 103: "7",
-	// 	104: "8", 105: "9", 106: "*", 107: "+", 109: "-", 110: ".", 111 : "/",
-	// 	112: "f1", 113: "f2", 114: "f3", 115: "f4", 116: "f5", 117: "f6", 118: "f7", 119: "f8",
-	// 	120: "f9", 121: "f10", 122: "f11", 123: "f12", 144: "numlock", 145: "scroll", 186: ";", 191: "/",
-	// 	220: "\\", 222: "'", 224: "meta"
-	// },
-	// shiftNums = {
-	// 	"`": "~", "1": "!", "2": "@", "3": "#", "4": "$", "5": "%", "6": "^", "7": "&",
-	// 	"8": "*", "9": "(", "0": ")", "-": "_", "=": "+", ";": ": ", "'": "\"", ",": "<",
-	// 	".": ">",  "/": "?",  "\\": "|"
-	// };
-
-
-// $.ui.fancytree.isKeydownEvent = function(e, code){
-// 	var i, part, partmap, partlist = code.split("+"), len = parts.length;
-// 	var c = String.fromCharCode(e.which).toLowerCase();
-// 	for( i = 0; i < len; i++ ) {
-// 	}
-// 	alert (parts.unshift());
-// 	alert (parts.unshift());
-// 	alert (parts.unshift());
-// };
-
-
-/**
- * [ext-edit] Start inline editing of current node title.
- *
- * @alias FancytreeNode#editStart
- * @requires Fancytree
- */
-$.ui.fancytree._FancytreeNodeClass.prototype.editStart = function(){
-	var $input,
-		node = this,
-		tree = this.tree,
-		local = tree.ext.edit,
-		prevTitle = node.title,
-		instOpts = tree.options.edit,
-		$title = $(".fancytree-title", node.span),
-		eventData = {node: node, tree: tree, options: tree.options};
-
-	if( instOpts.beforeEdit.call(node, {type: "beforeEdit"}, eventData) === false){
-		return false;
-	}
-	// beforeEdit may want to modify the title before editing
-	prevTitle = node.title;
-
-	node.debug("editStart");
-	// Disable standard Fancytree mouse- and key handling
-	tree.widget._unbind();
-	// #116: ext-dnd prevents the blur event, so we have to catch outer clicks
-	$(document).on("mousedown.fancytree-edit", function(event){
-		if( ! $(event.target).hasClass("fancytree-edit-input") ){
-			node.editEnd(true, event);
-		}
-	});
-
-	// Replace node with <input>
-	$input = $("<input />", {
-		"class": "fancytree-edit-input",
-		value: unescapeHtml(prevTitle)
-	});
-	if ( instOpts.adjustWidthOfs != null ) {
-		$input.width($title.width() + instOpts.adjustWidthOfs);
-	}
-	if ( instOpts.inputCss != null ) {
-		$input.css(instOpts.inputCss);
-	}
-	eventData.input = $input;
-
-	$title.html($input);
-
-	$.ui.fancytree.assert(!local.currentNode, "recursive edit");
-	local.currentNode = this;
-	// Focus <input> and bind keyboard handler
-	$input
-		.focus()
-		.change(function(event){
-			$input.addClass("fancytree-edit-dirty");
-		}).keydown(function(event){
-			switch( event.which ) {
-			case $.ui.keyCode.ESCAPE:
-				node.editEnd(false, event);
-				break;
-			case $.ui.keyCode.ENTER:
-				node.editEnd(true, event);
-				return false; // so we don't start editmode on Mac
-			}
-			event.stopPropagation();
-		}).blur(function(event){
-			return node.editEnd(true, event);
-		});
-
-	instOpts.edit.call(node, {type: "edit"}, eventData);
-};
-
-
-/**
- * [ext-edit] Stop inline editing.
- * @param {Boolean} [applyChanges=false]
- * @alias FancytreeNode#editEnd
- * @requires jquery.fancytree.edit.js
- */
-$.ui.fancytree._FancytreeNodeClass.prototype.editEnd = function(applyChanges, _event){
-	var node = this,
-		tree = this.tree,
-		local = tree.ext.edit,
-		instOpts = tree.options.edit,
-		$title = $(".fancytree-title", node.span),
-		$input = $title.find("input.fancytree-edit-input"),
-		newVal = $input.val(),
-		dirty = $input.hasClass("fancytree-edit-dirty"),
-		doSave = (applyChanges || (dirty && applyChanges !== false)) && (newVal !== node.title),
-		eventData = {
-			node: node, tree: tree, options: tree.options, originalEvent: _event,
-			dirty: dirty,
-			save: doSave,
-			input: $input,
-			value: newVal
-			};
-
-	if( instOpts.beforeClose.call(node, {type: "beforeClose"}, eventData) === false){
-		return false;
-	}
-	if( doSave && instOpts.save.call(node, {type: "save"}, eventData) === false){
-		return false;
-	}
-	$input
-		.removeClass("fancytree-edit-dirty")
-		.unbind();
-	// Unbind outer-click handler
-	$(document).off(".fancytree-edit");
-
-	if( doSave ) {
-		node.setTitle( escapeHtml(newVal) );
-	}else{
-		node.renderTitle();
-	}
-	// Re-enable mouse and keyboard handling
-	tree.widget._bind();
-	local.currentNode = null;
-	node.setFocus();
-	// Set keyboard focus, even if setFocus() claims 'nothing to do'
-	$(tree.$container).focus();
-	eventData.input = null;
-	instOpts.close.call(node, {type: "close"}, eventData);
-	return true;
-};
-
-
-$.ui.fancytree._FancytreeNodeClass.prototype.startEdit = function(){
-	this.warn("FancytreeNode.startEdit() is deprecated since 2014-01-04. Use .editStart() instead.");
-	return this.editStart.apply(this, arguments);
-};
-
-
-$.ui.fancytree._FancytreeNodeClass.prototype.endEdit = function(){
-	this.warn("FancytreeNode.endEdit() is deprecated since 2014-01-04. Use .editEnd() instead.");
-	return this.editEnd.apply(this, arguments);
-};
-
-
-///**
-// * Create a new child or sibling node.
-// *
-// * @param {String} [mode] 'before', 'after', or 'child'
-// * @lends FancytreeNode.prototype
-// * @requires jquery.fancytree.edit.js
-// */
-//$.ui.fancytree._FancytreeNodeClass.prototype.editCreateNode = function(mode){
-//	var newNode,
-//		node = this,
-//		tree = this.tree,
-//		local = tree.ext.edit,
-//		instOpts = tree.options.edit,
-//		$title = $(".fancytree-title", node.span),
-//		$input = $title.find("input.fancytree-edit-input"),
-//		newVal = $input.val(),
-//		dirty = $input.hasClass("fancytree-edit-dirty"),
-//		doSave = (applyChanges || (dirty && applyChanges !== false)) && (newVal !== node.title),
-//		eventData = {
-//			node: node, tree: tree, options: tree.options, originalEvent: _event,
-//			dirty: dirty,
-//			save: doSave,
-//			input: $input,
-//			value: newVal
-//			};
-//
-//	node.debug("editCreate");
-//
-//	if( instOpts.beforeEdit.call(node, {type: "beforeCreateNode"}, eventData) === false){
-//		return false;
-//	}
-//	newNode = this.addNode({title: "Neuer Knoten"}, mode);
-//
-//	newNode.editStart();
-//};
-
-
-/**
- * [ext-edit] Check if any node in this tree  in edit mode.
- *
- * @returns {FancytreeNode | null}
- * @alias Fancytree#isEditing
- * @requires jquery.fancytree.edit.js
- */
-$.ui.fancytree._FancytreeClass.prototype.isEditing = function(){
-	return this.ext.edit.currentNode;
-};
-
-
-/**
- * [ext-edit] Check if this node is in edit mode.
- * @returns {Boolean} true if node is currently beeing edited
- * @alias FancytreeNode#isEditing
- * @requires jquery.fancytree.edit.js
- */
-$.ui.fancytree._FancytreeNodeClass.prototype.isEditing = function(){
-	return this.tree.ext.edit.currentNode === this;
-};
-
-
-/*******************************************************************************
- * Extension code
- */
-$.ui.fancytree.registerExtension({
-	name: "edit",
-	version: "0.1.0",
-	// Default options for this extension.
-	options: {
-		adjustWidthOfs: 4,   // null: don't adjust input size to content
-		inputCss: {minWidth: "3em"},
-		triggerCancel: ["esc", "tab", "click"],
-		// triggerStart: ["f2", "dblclick", "shift+click", "mac+enter"],
-		triggerStart: ["f2", "shift+click", "mac+enter"],
-		beforeClose: $.noop, // Return false to prevent cancel/save (data.input is available)
-		beforeEdit: $.noop,  // Return false to prevent edit mode
-		close: $.noop,       // Editor was removed
-		edit: $.noop,        // Editor was opened (available as data.input)
-//		keypress: $.noop,    // Not yet implemented
-		save: $.noop         // Save data.input.val() or return false to keep editor open
-	},
-	// Local attributes
-	currentNode: null,
-
-	treeInit: function(ctx){
-		this._super(ctx);
-		this.$container.addClass("fancytree-ext-edit");
-	},
-	nodeClick: function(ctx) {
-		if( $.inArray("shift+click", ctx.options.edit.triggerStart) >= 0 ){
-			if( ctx.originalEvent.shiftKey ){
-				ctx.node.editStart();
-				return false;
-			}
-		}
-		return this._super(ctx);
-	},
-	nodeDblclick: function(ctx) {
-		if( $.inArray("dblclick", ctx.options.edit.triggerStart) >= 0 ){
-			ctx.node.editStart();
-			return false;
-		}
-		return this._super(ctx);
-	},
-	nodeKeydown: function(ctx) {
-		switch( ctx.originalEvent.which ) {
-		case 113: // [F2]
-			if( $.inArray("f2", ctx.options.edit.triggerStart) >= 0 ){
-				ctx.node.editStart();
-				return false;
-			}
-			break;
-		case $.ui.keyCode.ENTER:
-			if( $.inArray("mac+enter", ctx.options.edit.triggerStart) >= 0 && isMac ){
-				ctx.node.editStart();
-				return false;
-			}
-			break;
-		}
-		return this._super(ctx);
-	}
-});
-}(jQuery, window, document));
-
-/*!
- * jquery.fancytree.filter.js
- *
- * Remove or highlight tree nodes, based on a filter.
- * (Extension module for jquery.fancytree.js: https://github.com/mar10/fancytree/)
- *
- * Copyright (c) 2014, Martin Wendt (http://wwWendt.de)
- *
- * Released under the MIT license
- * https://github.com/mar10/fancytree/wiki/LicenseInfo
- *
- * @version 2.3.0
- * @date 2014-08-17T10:39
- */
-
-;(function($, window, document, undefined) {
-
-"use strict";
-
-
-/*******************************************************************************
- * Private functions and variables
- */
-
-function _escapeRegex(str){
-	/*jshint regexdash:true */
-	return (str + "").replace(/([.?*+\^\$\[\]\\(){}|-])/g, "\\$1");
-}
-
-$.ui.fancytree._FancytreeClass.prototype._applyFilterImpl = function(filter, branchMode, leavesOnly){
-	var match, re,
-		count = 0,
-		hideMode = this.options.filter.mode === "hide";
-		// leavesOnly = !branchMode && this.options.filter.leavesOnly;
-	leavesOnly = !!leavesOnly && !branchMode;
-
-	// Default to 'match title substring (not case sensitive)'
-	if(typeof filter === "string"){
-		match = _escapeRegex(filter); // make sure a '.' is treated literally
-		re = new RegExp(".*" + match + ".*", "i");
-		filter = function(node){
-			return !!re.exec(node.title);
-		};
-	}
-
-	this.enableFilter = true;
-	this.$div.addClass("fancytree-ext-filter");
-	if( hideMode ){
-		this.$div.addClass("fancytree-ext-filter-hide");
-	} else {
-		this.$div.addClass("fancytree-ext-filter-dimm");
-	}
-	// Reset current filter
-	this.visit(function(node){
-		delete node.match;
-		delete node.subMatch;
-	});
-	// Adjust node.hide, .match, .subMatch flags
-	this.visit(function(node){
-		if ((!leavesOnly || node.children == null) && filter(node)) {
-			count++;
-			node.match = true;
-			node.visitParents(function(p){
-				p.subMatch = true;
-			});
-			if( branchMode ) {
-				node.visit(function(p){
-					p.match = true;
-				});
-				return "skip";
-			}
-		}
-	});
-	// Redraw
-	this.render();
-	return count;
-};
-
-/**
- * [ext-filter] Dimm or hide nodes.
- *
- * @param {function | string} filter
- * @param {boolean} [leavesOnly=false]
- * @returns {integer} count
- * @alias Fancytree#filterNodes
- * @requires jquery.fancytree.filter.js
- */
-$.ui.fancytree._FancytreeClass.prototype.filterNodes = function(filter, leavesOnly){
-	return this._applyFilterImpl(filter, false, leavesOnly);
-};
-
-$.ui.fancytree._FancytreeClass.prototype.applyFilter = function(filter){
-	this.warn("Fancytree.applyFilter() is deprecated since 2014-05-10. Use .filterNodes() instead.");
-	return this.filterNodes.apply(this, arguments);
-};
-
-/**
- * [ext-filter] Dimm or hide whole branches.
- *
- * @param {function | string} filter
- * @returns {integer} count
- * @alias Fancytree#filterBranches
- * @requires jquery.fancytree.filter.js
- */
-$.ui.fancytree._FancytreeClass.prototype.filterBranches = function(filter){
-	return this._applyFilterImpl(filter, true, null);
-};
-
-
-/**
- * [ext-filter] Reset the filter.
- *
- * @alias Fancytree#clearFilter
- * @requires jquery.fancytree.filter.js
- */
-$.ui.fancytree._FancytreeClass.prototype.clearFilter = function(){
-	this.visit(function(node){
-		delete node.match;
-		delete node.subMatch;
-	});
-	this.enableFilter = false;
-	this.$div.removeClass("fancytree-ext-filter fancytree-ext-filter-dimm fancytree-ext-filter-hide");
-	this.render();
-};
-
-
-/*******************************************************************************
- * Extension code
- */
-$.ui.fancytree.registerExtension({
-	name: "filter",
-	version: "0.2.0",
-	// Default options for this extension.
-	options: {
-		mode: "dimm"
-//		leavesOnly: false
-	},
-	treeInit: function(ctx){
-		this._super(ctx);
-	},
-	nodeRenderStatus: function(ctx) {
-		// Set classes for current status
-		var res,
-			node = ctx.node,
-			tree = ctx.tree,
-			$span = $(node[tree.statusClassPropName]);
-
-		res = this._super(ctx);
-		// nothing to do, if node was not yet rendered
-		if( !$span.length || !tree.enableFilter ) {
-			return res;
-		}
-		$span
-			.toggleClass("fancytree-match", !!node.match)
-			.toggleClass("fancytree-submatch", !!node.subMatch)
-			.toggleClass("fancytree-hide", !(node.match || node.subMatch));
-
-		return res;
-	}
-});
-}(jQuery, window, document));
-
-/*!
- * jquery.fancytree.glyph.js
- *
- * Use glyph fonts as instead of icon sprites.
- * (Extension module for jquery.fancytree.js: https://github.com/mar10/fancytree/)
- *
- * Copyright (c) 2014, Martin Wendt (http://wwWendt.de)
- *
- * Released under the MIT license
- * https://github.com/mar10/fancytree/wiki/LicenseInfo
- *
- * @version 2.3.0
- * @date 2014-08-17T10:39
- */
-
-;(function($, window, document, undefined) {
-
-"use strict";
-
-/* *****************************************************************************
- * Private functions and variables
- */
-
-function _getIcon(opts, type){
-	return opts.map[type];
-}
-
-$.ui.fancytree.registerExtension({
-	name: "glyph",
-	version: "0.1.0",
-	// Default options for this extension.
-	options: {
-		prefix: "icon-",
-		extra: null,
-		map: {
-			doc: "icon-file-alt",
-			docOpen: "icon-file-alt",
-			checkbox: "icon-check-empty",
-			checkboxSelected: "icon-check",
-			checkboxUnknown: "icon-check icon-muted",
-			error: "icon-exclamation-sign",
-			expanderClosed: "icon-caret-right",
-			expanderLazy: "icon-angle-right",
-			expanderOpen: "icon-caret-down",
-			folder: "icon-folder-close-alt",
-			folderOpen: "icon-folder-open-alt",
-			loading: "icon-refresh icon-spin",
-			noExpander: ""
-		},
-		icon: null // TODO: allow callback here
-	},
-
-	treeInit: function(ctx){
-		var tree = ctx.tree;
-		this._super(ctx);
-		tree.$container.addClass("fancytree-ext-glyph");
-	},
-	nodeRenderStatus: function(ctx) {
-		var icon, span,
-			node = ctx.node,
-			$span = $(node.span),
-			opts = ctx.options.glyph,
-			// callback = opts.icon,
-			map = opts.map
-			// prefix = opts.prefix
-			// $span = $(node.span)
-			;
-
-		this._super(ctx);
-
-		if( node.isRoot() ){
-			return;
-		}
-		// #257: only search one level deep:
-		// span = $("span.fancytree-expander", node.span).get(0);
-		span = $span.children("span.fancytree-expander").get(0);
-		if( span ){
-			if( node.isLoading() ){
-				icon = "loading";
-			}else if( node.expanded ){
-				icon = "expanderOpen";
-			}else if( node.isUndefined() ){
-				icon = "expanderLazy";
-			}else if( node.hasChildren() ){
-				icon = "expanderClosed";
-			}else{
-				icon = "noExpander";
-			}
-			// node.debug(icon, map[icon], span);
-			span.className = "fancytree-expander " + map[icon];
-		}
-
-		if( node.tr ){
-			span = $(node.tr).children("span.fancytree-checkbox").get(0);
-		}else{
-			span = $span.children("span.fancytree-checkbox").get(0);
-		}
-		if( span ){
-			icon = node.selected ? "checkboxSelected" : (node.partsel ? "checkboxUnknown" : "checkbox");
-			span.className = "fancytree-checkbox " + map[icon];
-		}
-
-		// span = $("span.fancytree-icon", node.span).get(0);
-		span = $span.children("span.fancytree-icon").get(0);
-		if( span ){
-			if( node.folder ){
-				icon = node.expanded ? _getIcon(opts, "folderOpen") : _getIcon(opts, "folder");
-			}else{
-				icon = node.expanded ? _getIcon(opts, "docOpen") : _getIcon(opts, "doc");
-			}
-			span.className = "fancytree-icon " + icon;
-		}
-	},
-	nodeSetStatus: function(ctx, status, message, details) {
-		var span,
-			opts = ctx.options.glyph,
-			node = ctx.node;
-
-		this._super(ctx, status, message, details);
-
-		if(node.parent){
-			span = $("span.fancytree-expander", node.span).get(0);
-		}else{
-			span = $(".fancytree-statusnode-wait, .fancytree-statusnode-error", node[this.nodeContainerAttrName])
-				.find("span.fancytree-expander").get(0);
-		}
-		if( status === "loading"){
-			// $("span.fancytree-expander", ctx.node.span).addClass(_getIcon(opts, "loading"));
-			span.className = "fancytree-expander " + _getIcon(opts, "loading");
-		}else if( status === "error"){
-			span.className = "fancytree-expander " + _getIcon(opts, "error");
-		}
-	}
-});
-}(jQuery, window, document));
-
-/*!
- * jquery.fancytree.gridnav.js
- *
- * Support keyboard navigation for trees with embedded input controls.
- * (Extension module for jquery.fancytree.js: https://github.com/mar10/fancytree/)
- *
- * Copyright (c) 2014, Martin Wendt (http://wwWendt.de)
- *
- * Released under the MIT license
- * https://github.com/mar10/fancytree/wiki/LicenseInfo
- *
- * @version 2.3.0
- * @date 2014-08-17T10:39
- */
-
-;(function($, window, document, undefined) {
-
-"use strict";
-
-
-/*******************************************************************************
- * Private functions and variables
- */
-
-// Allow these navigation keys even when input controls are focused
-
-var	KC = $.ui.keyCode,
-	// which keys are *not* handled by embedded control, but passed to tree
-	// navigation handler:
-	NAV_KEYS = {
-		"text": [KC.UP, KC.DOWN],
-		"checkbox": [KC.UP, KC.DOWN, KC.LEFT, KC.RIGHT],
-		"radiobutton": [KC.UP, KC.DOWN, KC.LEFT, KC.RIGHT],
-		"select-one": [KC.LEFT, KC.RIGHT],
-		"select-multiple": [KC.LEFT, KC.RIGHT]
-	};
-
-
-/* Calculate TD column index (considering colspans).*/
-function getColIdx($tr, $td) {
-	var colspan,
-		td = $td.get(0),
-		idx = 0;
-
-	$tr.children().each(function () {
-		if( this === td ) {
-			return false;
-		}
-		colspan = $(this).prop("colspan");
-		idx += colspan ? colspan : 1;
-	});
-	return idx;
-}
-
-
-/* Find TD at given column index (considering colspans).*/
-function findTdAtColIdx($tr, colIdx) {
-	var colspan,
-		res = null,
-		idx = 0;
-
-	$tr.children().each(function () {
-		if( idx >= colIdx ) {
-			res = $(this);
-			return false;
-		}
-		colspan = $(this).prop("colspan");
-		idx += colspan ? colspan : 1;
-	});
-	return res;
-}
-
-
-/* Find adjacent cell for a given direction. Skip empty cells and consider merged cells */
-function findNeighbourTd($target, keyCode){
-	var $tr, colIdx,
-		$td = $target.closest("td"),
-		$tdNext = null;
-
-	switch( keyCode ){
-		case KC.LEFT:
-			$tdNext = $td.prev();
-			break;
-		case KC.RIGHT:
-			$tdNext = $td.next();
-			break;
-		case KC.UP:
-		case KC.DOWN:
-			$tr = $td.parent();
-			colIdx = getColIdx($tr, $td);
-			while( true ) {
-				$tr = (keyCode === KC.UP) ? $tr.prev() : $tr.next();
-				if( !$tr.length ) {
-					break;
-				}
-				// Skip hidden rows
-				if( $tr.is(":hidden") ) {
-					continue;
-				}
-				// Find adjacent cell in the same column
-				$tdNext = findTdAtColIdx($tr, colIdx);
-				// Skip cells that don't conatain a focusable element
-				if( $tdNext && $tdNext.find(":input").length ) {
-					break;
-				}
-			}
-			break;
-	}
-	return $tdNext;
-}
-
-
-/*******************************************************************************
- * Extension code
- */
-$.ui.fancytree.registerExtension({
-	name: "gridnav",
-	version: "0.0.1",
-	// Default options for this extension.
-	options: {
-		autofocusInput:   false,  // Focus first embedded input if node gets activated
-		handleCursorKeys: true   // Allow UP/DOWN in inputs to move to prev/next node
-	},
-
-	treeInit: function(ctx){
-		// gridnav requires the table extension to be loaded before itself
-		this._requireExtension("table", true, true);
-		this._super(ctx);
-
-		this.$container.addClass("fancytree-ext-gridnav");
-
-		// Activate node if embedded input gets focus (due to a click)
-		this.$container.on("focusin", function(event){
-			var ctx2,
-				node = $.ui.fancytree.getNode(event.target);
-
-			if( node && !node.isActive() ){
-				// Call node.setActive(), but also pass the event
-				ctx2 = ctx.tree._makeHookContext(node, event);
-				ctx.tree._callHook("nodeSetActive", ctx2, true);
-			}
-		});
-	},
-	nodeSetActive: function(ctx, flag) {
-		var $outer,
-			opts = ctx.options.gridnav,
-			node = ctx.node,
-			event = ctx.originalEvent || {},
-			triggeredByInput = $(event.target).is(":input");
-
-		flag = (flag !== false);
-
-		this._super(ctx, flag);
-
-		if( flag ){
-			if( ctx.options.titlesTabbable ){
-				if( !triggeredByInput ) {
-					$(node.span).find("span.fancytree-title").focus();
-					node.setFocus();
-				}
-				// If one node is tabbable, the container no longer needs to be
-				ctx.tree.$container.attr("tabindex", "-1");
-				// ctx.tree.$container.removeAttr("tabindex");
-			} else if( opts.autofocusInput && !triggeredByInput ){
-				// Set focus to input sub input (if node was clicked, but not
-				// when TAB was pressed )
-				$outer = $(node.tr || node.span);
-				$outer.find(":input:enabled:first").focus();
-			}
-		}
-	},
-	nodeKeydown: function(ctx) {
-		var inputType, handleKeys, $td,
-			opts = ctx.options.gridnav,
-			event = ctx.originalEvent,
-			$target = $(event.target);
-
-		// jQuery
-		inputType = $target.is(":input:enabled") ? $target.prop("type") : null;
-//		ctx.tree.debug("ext-gridnav nodeKeydown", event, inputType);
-
-		if( inputType && opts.handleCursorKeys ){
-			handleKeys = NAV_KEYS[inputType];
-			if( handleKeys && $.inArray(event.which, handleKeys) >= 0 ){
-				$td = findNeighbourTd($target, event.which);
-				// ctx.node.debug("ignore keydown in input", event.which, handleKeys);
-				if( $td && $td.length ) {
-					$td.find(":input:enabled").focus();
-					// Prevent Fancytree default navigation
-					return false;
-				}
-			}
-			return true;
-		}
-		ctx.tree.debug("ext-gridnav NOT HANDLED", event, inputType);
-		return this._super(ctx);
-	}
-});
-}(jQuery, window, document));
-
-/*!
- * jquery.fancytree.persist.js
- *
- * Persist tree status in cookiesRemove or highlight tree nodes, based on a filter.
- * (Extension module for jquery.fancytree.js: https://github.com/mar10/fancytree/)
- *
- * @depends: jquery.cookie.js
- *
- * Copyright (c) 2014, Martin Wendt (http://wwWendt.de)
- *
- * Released under the MIT license
- * https://github.com/mar10/fancytree/wiki/LicenseInfo
- *
- * @version 2.3.0
- * @date 2014-08-17T10:39
- */
-
-;(function($, window, document, undefined) {
-
-"use strict";
-
-
-/*******************************************************************************
- * Private functions and variables
- */
-function _assert(cond, msg){
-	msg = msg || "";
-	if(!cond){
-		$.error("Assertion failed " + msg);
-	}
-}
-
-var ACTIVE = "active",
-	EXPANDED = "expanded",
-	FOCUS = "focus",
-	SELECTED = "selected";
-
-
-/* Recursively load lazy nodes
- * @param {string} mode 'load', 'expand', false
- */
-function _loadLazyNodes(tree, local, keyList, mode, dfd) {
-	var i, key, l, node,
-		foundOne = false,
-		deferredList = [],
-		missingKeyList = [];
-
-	keyList = keyList || [];
-	dfd = dfd || $.Deferred();
-
-	for( i=0, l=keyList.length; i<l; i++ ) {
-		key = keyList[i];
-		node = tree.getNodeByKey(key);
-		if( node ) {
-			if( mode && node.isUndefined() ) {
-				foundOne = true;
-				tree.debug("_loadLazyNodes: " + node + " is lazy: loading...");
-				if( mode === "expand" ) {
-					deferredList.push(node.setExpanded());
-				} else {
-					deferredList.push(node.load());
-				}
-			} else {
-				tree.debug("_loadLazyNodes: " + node + " already loaded.");
-				node.setExpanded();
-			}
-		} else {
-			missingKeyList.push(key);
-			tree.debug("_loadLazyNodes: " + node + " was not yet found.");
-		}
-	}
-
-	$.when.apply($, deferredList).always(function(){
-		// All lazy-expands have finished
-		if( foundOne && missingKeyList.length > 0 ) {
-			// If we read new nodes from server, try to resolve yet-missing keys
-			_loadLazyNodes(tree, local, missingKeyList, mode, dfd);
-		} else {
-			if( missingKeyList.length ) {
-				tree.warn("_loadLazyNodes: could not load those keys: ", missingKeyList);
-				for( i=0, l=missingKeyList.length; i<l; i++ ) {
-					key = keyList[i];
-					local._appendKey(EXPANDED, keyList[i], false);
-				}
-			}
-			dfd.resolve();
-		}
-	});
-	return dfd;
-}
-
-
-/**
- * [ext-persist] Remove persistence cookies of the given type(s).
- * Called like
- *     $("#tree").fancytree("getTree").clearCookies("active expanded focus selected");
- *
- * @alias Fancytree#clearCookies
- * @requires jquery.fancytree.persist.js
- */
-$.ui.fancytree._FancytreeClass.prototype.clearCookies = function(types){
-	var local = this.ext.persist,
-		prefix = local.cookiePrefix;
-
-	types = types || "active expanded focus selected";
-	if(types.indexOf(ACTIVE) >= 0){
-		local._data(prefix + ACTIVE, null);
-	}
-	if(types.indexOf(EXPANDED) >= 0){
-		local._data(prefix + EXPANDED, null);
-	}
-	if(types.indexOf(FOCUS) >= 0){
-		local._data(prefix + FOCUS, null);
-	}
-	if(types.indexOf(SELECTED) >= 0){
-		local._data(prefix + SELECTED, null);
-	}
-};
-
-
-/**
- * [ext-persist] Return persistence information from cookies
- *
- * Called like
- *     $("#tree").fancytree("getTree").getPersistData();
- *
- * @alias Fancytree#getPersistData
- * @requires jquery.fancytree.persist.js
- */
-$.ui.fancytree._FancytreeClass.prototype.getPersistData = function(){
-	var local = this.ext.persist,
-		prefix = local.cookiePrefix,
-		delim = local.cookieDelimiter,
-		res = {};
-
-	res[ACTIVE] = local._data(prefix + ACTIVE);
-	res[EXPANDED] = (local._data(prefix + EXPANDED) || "").split(delim);
-	res[SELECTED] = (local._data(prefix + SELECTED) || "").split(delim);
-	res[FOCUS] = local._data(prefix + FOCUS);
-	return res;
-};
-
-
-/* *****************************************************************************
- * Extension code
- */
-$.ui.fancytree.registerExtension({
-	name: "persist",
-	version: "0.3.0",
-	// Default options for this extension.
-	options: {
-		cookieDelimiter: "~",
-		cookiePrefix: undefined, // 'fancytree-<treeId>-' by default
-		cookie: {
-			raw: false,
-			expires: "",
-			path: "",
-			domain: "",
-			secure: false
-		},
-		expandLazy: false,     // true: recursively expand and load lazy nodes
-		overrideSource: false, // true: cookie takes precedence over `source` data attributes.
-		store: "auto",         // 'cookie': force cookie, 'local': force localStore, 'session': force sessionStore
-		types: "active expanded focus selected"
-	},
-
-	/* Generic read/write string data to cookie, sessionStorage or localStorage. */
-	_data: function(key, value){
-		var ls = this._local.localStorage; // null, sessionStorage, or localStorage
-
-		if( value === undefined ) {
-			return ls ? ls.getItem(key) : $.cookie(key);
-		} else if ( value === null ) {
-			if( ls ) {
-				ls.removeItem(key);
-			} else {
-				$.removeCookie(key);
-			}
-		} else {
-			if( ls ) {
-				ls.setItem(key, value);
-			} else {
-				$.cookie(key, value, this.options.persist.cookie);
-			}
-		}
-	},
-
-	/* Append `key` to a cookie. */
-	_appendKey: function(type, key, flag){
-		key = "" + key; // #90
-		var local = this._local,
-			instOpts = this.options.persist,
-			delim = instOpts.cookieDelimiter,
-			cookieName = local.cookiePrefix + type,
-			data = local._data(cookieName),
-			keyList = data ? data.split(delim) : [],
-			idx = $.inArray(key, keyList);
-		// Remove, even if we add a key,  so the key is always the last entry
-		if(idx >= 0){
-			keyList.splice(idx, 1);
-		}
-		// Append key to cookie
-		if(flag){
-			keyList.push(key);
-		}
-		local._data(cookieName, keyList.join(delim));
-	},
-
-	treeInit: function(ctx){
-		var tree = ctx.tree,
-			opts = ctx.options,
-			local = this._local,
-			instOpts = this.options.persist;
-
-		// For 'auto' or 'cookie' mode, the cookie plugin must be available
-		_assert(instOpts.store === "localStore" || $.cookie, "Missing required plugin for 'persist' extension: jquery.cookie.js");
-
-		local.cookiePrefix = instOpts.cookiePrefix || ("fancytree-" + tree._id + "-");
-		local.storeActive = instOpts.types.indexOf(ACTIVE) >= 0;
-		local.storeExpanded = instOpts.types.indexOf(EXPANDED) >= 0;
-		local.storeSelected = instOpts.types.indexOf(SELECTED) >= 0;
-		local.storeFocus = instOpts.types.indexOf(FOCUS) >= 0;
-		if( instOpts.store === "cookie" || !window.localStorage ) {
-			local.localStorage = null;
-		} else {
-			local.localStorage = (instOpts.store === "local") ? window.localStorage : window.sessionStorage;
-		}
-
-		// Bind init-handler to apply cookie state
-		tree.$div.bind("fancytreeinit", function(event){
-			var cookie, dfd, i, keyList, node,
-				prevFocus = $.cookie(local.cookiePrefix + FOCUS); // record this before node.setActive() overrides it;
-
-			tree.debug("COOKIE " + document.cookie);
-
-			cookie = local._data(local.cookiePrefix + EXPANDED);
-			keyList = cookie && cookie.split(instOpts.cookieDelimiter);
-
-			if( local.storeExpanded ) {
-				// Recursively load nested lazy nodes if expandLazy is 'expand' or 'load'
-				// Also remove expand-cookies for unmatched nodes
-				dfd = _loadLazyNodes(tree, local, keyList, instOpts.expandLazy ? "expand" : false , null);
-			} else {
-				// nothing to do
-				dfd = new $.Deferred().resolve();
-			}
-
-			dfd.done(function(){
-				if(local.storeSelected){
-					cookie = local._data(local.cookiePrefix + SELECTED);
-					if(cookie){
-						keyList = cookie.split(instOpts.cookieDelimiter);
-						for(i=0; i<keyList.length; i++){
-							node = tree.getNodeByKey(keyList[i]);
-							if(node){
-								if(node.selected === undefined || instOpts.overrideSource && (node.selected === false)){
-	//								node.setSelected();
-									node.selected = true;
-									node.renderStatus();
-								}
-							}else{
-								// node is no longer member of the tree: remove from cookie also
-								local._appendKey(SELECTED, keyList[i], false);
-							}
-						}
-					}
-				}
-				if(local.storeActive){
-					cookie = local._data(local.cookiePrefix + ACTIVE);
-					if(cookie && (opts.persist.overrideSource || !tree.activeNode)){
-						node = tree.getNodeByKey(cookie);
-						if(node){
-							node.setActive();
-						}
-					}
-				}
-				if(local.storeFocus && prevFocus){
-					node = tree.getNodeByKey(prevFocus);
-					if(node){
-						node.setFocus();
-					}
-				}
-			});
-		});
-		// Init the tree
-		return this._super(ctx);
-	},
-	nodeSetActive: function(ctx, flag, opts) {
-		var res,
-			local = this._local;
-
-		flag = (flag !== false);
-		res = this._super(ctx, flag, opts);
-
-		if(local.storeActive){
-			local._data(local.cookiePrefix + ACTIVE, this.activeNode ? this.activeNode.key : null);
-		}
-		return res;
-	},
-	nodeSetExpanded: function(ctx, flag, opts) {
-		var res,
-			node = ctx.node,
-			local = this._local;
-
-		flag = (flag !== false);
-		res = this._super(ctx, flag, opts);
-
-		if(local.storeExpanded){
-			local._appendKey(EXPANDED, node.key, flag);
-		}
-		return res;
-	},
-	nodeSetFocus: function(ctx, flag) {
-		var res,
-			local = this._local;
-
-		flag = (flag !== false);
-		res = this._super(ctx, flag);
-
-		if(flag && local.storeFocus){
-			local._data(local.cookiePrefix + FOCUS, this.focusNode ? this.focusNode.key : null);
-		}
-		return res;
-	},
-	nodeSetSelected: function(ctx, flag) {
-		var res,
-			node = ctx.node,
-			local = this._local;
-
-		flag = (flag !== false);
-		res = this._super(ctx, flag);
-
-		if(local.storeSelected){
-			local._appendKey(SELECTED, node.key, flag);
-		}
-		return res;
-	}
-});
-}(jQuery, window, document));
-
-/*!
- * jquery.fancytree.table.js
- *
- * Render tree as table (aka 'treegrid', 'tabletree').
- * (Extension module for jquery.fancytree.js: https://github.com/mar10/fancytree/)
- *
- * Copyright (c) 2014, Martin Wendt (http://wwWendt.de)
- *
- * Released under the MIT license
- * https://github.com/mar10/fancytree/wiki/LicenseInfo
- *
- * @version 2.3.0
- * @date 2014-08-17T10:39
- */
-
-;(function($, window, document, undefined) {
-
-"use strict";
-
-/* *****************************************************************************
- * Private functions and variables
- */
-function _assert(cond, msg){
-	msg = msg || "";
-	if(!cond){
-		$.error("Assertion failed " + msg);
-	}
-}
-
-function insertSiblingAfter(referenceNode, newNode) {
-	referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
-}
-
-/* Show/hide all rows that are structural descendants of `parent`. */
-function setChildRowVisibility(parent, flag) {
-	parent.visit(function(node){
-		var tr = node.tr;
-		// currentFlag = node.hide ? false : flag; // fix for ext-filter
-		if(tr){
-			tr.style.display = (node.hide || !flag) ? "none" : "";
-		}
-		if(!node.expanded){
-			return "skip";
-		}
-	});
-}
-
-/* Find node that is rendered in previous row. */
-function findPrevRowNode(node){
-	var i, last, prev,
-		parent = node.parent,
-		siblings = parent ? parent.children : null;
-
-	if(siblings && siblings.length > 1 && siblings[0] !== node){
-		// use the lowest descendant of the preceeding sibling
-		i = $.inArray(node, siblings);
-		prev = siblings[i - 1];
-		_assert(prev.tr);
-		// descend to lowest child (with a <tr> tag)
-		while(prev.children){
-			last = prev.children[prev.children.length - 1];
-			if(!last.tr){
-				break;
-			}
-			prev = last;
-		}
-	}else{
-		// if there is no preceding sibling, use the direct parent
-		prev = parent;
-	}
-	return prev;
-}
-
-
-$.ui.fancytree.registerExtension({
-	name: "table",
-	version: "0.2.0",
-	// Default options for this extension.
-	options: {
-		checkboxColumnIdx: null, // render the checkboxes into the this column index (default: nodeColumnIdx)
-		customStatus: false,	 // true: generate renderColumns events for status nodes
-		indentation: 16,         // indent every node level by 16px
-		nodeColumnIdx: 0         // render node expander, icon, and title to this column (default: #0)
-	},
-	// Overide virtual methods for this extension.
-	// `this`       : is this extension object
-	// `this._super`: the virtual function that was overriden (member of prev. extension or Fancytree)
-	treeInit: function(ctx){
-		var i, $row, tdRole,
-			tree = ctx.tree,
-			$table = tree.widget.element;
-
-		$table.addClass("fancytree-container fancytree-ext-table");
-		tree.tbody = $table.find("> tbody")[0];
-		tree.columnCount = $("thead >tr >th", $table).length;
-		$(tree.tbody).empty();
-
-		tree.rowFragment = document.createDocumentFragment();
-		$row = $("<tr />");
-		tdRole = "";
-		if(ctx.options.aria){
-			$row.attr("role", "row");
-			tdRole = " role='gridcell'";
-		}
-		for(i=0; i<tree.columnCount; i++) {
-			if(ctx.options.table.nodeColumnIdx === i){
-				$row.append("<td" + tdRole + "><span class='fancytree-node' /></td>");
-			}else{
-				$row.append("<td" + tdRole + " />");
-			}
-		}
-		tree.rowFragment.appendChild($row.get(0));
-
-		// Make sure that status classes are set on the node's <tr> elements
-		tree.statusClassPropName = "tr";
-		tree.ariaPropName = "tr";
-		this.nodeContainerAttrName = "tr";
-
-		this._super(ctx);
-
-		// standard Fancytree created a root UL
-		$(tree.rootNode.ul).remove();
-		tree.rootNode.ul = null;
-		tree.$container = $table;
-		// Add container to the TAB chain
-		this.$container.attr("tabindex", this.options.tabbable ? "0" : "-1");
-		if(this.options.aria){
-			tree.$container
-				.attr("role", "treegrid")
-				.attr("aria-readonly", true);
-		}
-	},
-	/* Called by nodeRender to sync node order with tag order.*/
-//    nodeFixOrder: function(ctx) {
-//    },
-	nodeRemoveChildMarkup: function(ctx) {
-		var node = ctx.node;
-//		DT.debug("nodeRemoveChildMarkup()", node.toString());
-		node.visit(function(n){
-			if(n.tr){
-				$(n.tr).remove();
-				n.tr = null;
-			}
-		});
-	},
-	nodeRemoveMarkup: function(ctx) {
-		var node = ctx.node;
-//		DT.debug("nodeRemoveMarkup()", node.toString());
-		if(node.tr){
-			$(node.tr).remove();
-			node.tr = null;
-		}
-		this.nodeRemoveChildMarkup(ctx);
-	},
-	/* Override standard render. */
-	nodeRender: function(ctx, force, deep, collapsed, _recursive) {
-		var children, firstTr, i, l, newRow, prevNode, prevTr, subCtx,
-			tree = ctx.tree,
-			node = ctx.node,
-			opts = ctx.options,
-			isRootNode = !node.parent;
-
-		if( !_recursive ){
-			ctx.hasCollapsedParents = node.parent && !node.parent.expanded;
-		}
-		// $.ui.fancytree.debug("*** nodeRender " + node + ", isRoot=" + isRootNode, "tr=" + node.tr, "hcp=" + ctx.hasCollapsedParents, "parent.tr=" + (node.parent && node.parent.tr));
-		if( !isRootNode ){
-			if(!node.tr){
-				if( ctx.hasCollapsedParents /*&& !node.parent.tr*/ ) {
-					// #166: we assume that the parent will be (recursively) rendered
-					// later anyway.
-					node.debug("nodeRender ignored due to unrendered parent");
-					return;
-				}
-				// Create new <tr> after previous row
-				newRow = tree.rowFragment.firstChild.cloneNode(true);
-				prevNode = findPrevRowNode(node);
-				// $.ui.fancytree.debug("*** nodeRender " + node + ": prev: " + prevNode.key);
-				_assert(prevNode);
-				if(collapsed === true && _recursive){
-					// hide all child rows, so we can use an animation to show it later
-					newRow.style.display = "none";
-				}else if(deep && ctx.hasCollapsedParents){
-					// also hide this row if deep === true but any parent is collapsed
-					newRow.style.display = "none";
-//					newRow.style.color = "red";
-				}
-				if(!prevNode.tr){
-					_assert(!prevNode.parent, "prev. row must have a tr, or is system root");
-					tree.tbody.appendChild(newRow);
-				}else{
-					insertSiblingAfter(prevNode.tr, newRow);
-				}
-				node.tr = newRow;
-				if( node.key && opts.generateIds ){
-					node.tr.id = opts.idPrefix + node.key;
-				}
-				node.tr.ftnode = node;
-				if(opts.aria){
-					// TODO: why doesn't this work:
-//                  node.li.role = "treeitem";
-					$(node.tr).attr("aria-labelledby", "ftal_" + node.key);
-				}
-				node.span = $("span.fancytree-node", node.tr).get(0);
-				// Set icon, link, and title (normally this is only required on initial render)
-				this.nodeRenderTitle(ctx);
-				// Allow tweaking, binding, after node was created for the first time
-//				tree._triggerNodeEvent("createNode", ctx);
-				if ( opts.createNode ){
-					opts.createNode.call(tree, {type: "createNode"}, ctx);
-				}
-			} else {
-				if( force ) {
-					// Set icon, link, and title (normally this is only required on initial render)
-					this.nodeRenderTitle(ctx); // triggers renderColumns()
-				} else {
-					// Update element classes according to node state
-					this.nodeRenderStatus(ctx);
-				}
-			}
-		}
-		// Allow tweaking after node state was rendered
-//		tree._triggerNodeEvent("renderNode", ctx);
-		if ( opts.renderNode ){
-			opts.renderNode.call(tree, {type: "renderNode"}, ctx);
-		}
-		// Visit child nodes
-		// Add child markup
-		children = node.children;
-		if(children && (isRootNode || deep || node.expanded)){
-			for(i=0, l=children.length; i<l; i++) {
-				subCtx = $.extend({}, ctx, {node: children[i]});
-				subCtx.hasCollapsedParents = subCtx.hasCollapsedParents || !node.expanded;
-				this.nodeRender(subCtx, force, deep, collapsed, true);
-			}
-		}
-		// Make sure, that <tr> order matches node.children order.
-		if(children && !_recursive){ // we only have to do it once, for the root branch
-			prevTr = node.tr || null;
-			firstTr = tree.tbody.firstChild;
-			// Iterate over all descendants
-			node.visit(function(n){
-				if(n.tr){
-					if(!n.parent.expanded && n.tr.style.display !== "none"){
-						// fix after a node was dropped over a collapsed
-						n.tr.style.display = "none";
-						setChildRowVisibility(n, false);
-					}
-					if(n.tr.previousSibling !== prevTr){
-						node.debug("_fixOrder: mismatch at node: " + n);
-						var nextTr = prevTr ? prevTr.nextSibling : firstTr;
-						tree.tbody.insertBefore(n.tr, nextTr);
-					}
-					prevTr = n.tr;
-				}
-			});
-		}
-		// Update element classes according to node state
-		// if(!isRootNode){
-		// 	this.nodeRenderStatus(ctx);
-		// }
-	},
-	nodeRenderTitle: function(ctx, title) {
-		var $cb,
-			node = ctx.node,
-			opts = ctx.options;
-
-		this._super(ctx);
-		// Move checkbox to custom column
-		if(opts.checkbox && opts.table.checkboxColumnIdx != null ){
-			$cb = $("span.fancytree-checkbox", node.span).detach();
-			$(node.tr).find("td:first").html($cb);
-		}
-		// Let user code write column content
-		// ctx.tree._triggerNodeEvent("renderColumns", node);
-		// Update element classes according to node state
-		if( ! node.isRoot() ){
-			this.nodeRenderStatus(ctx);
-		}
-		if( !opts.table.customStatus && node.isStatusNode() ) {
-			// default rendering for status node: leave other cells empty
-		} else if ( opts.renderColumns ) {
-			opts.renderColumns.call(ctx.tree, {type: "renderColumns"}, ctx);
-		}
-	},
-	nodeRenderStatus: function(ctx) {
-		var indent,
-			node = ctx.node,
-			opts = ctx.options;
-
-		this._super(ctx);
-
-		$(node.tr).removeClass("fancytree-node");
-		// indent
-		indent = (node.getLevel() - 1) * opts.table.indentation;
-		$(node.span).css({marginLeft: indent + "px"});
-	 },
-	/* Expand node, return Deferred.promise. */
-	nodeSetExpanded: function(ctx, flag, opts) {
-		var dfd = new $.Deferred(),
-			subOpts = $.extend({}, opts, {noEvents: true, noAnimation: true});
-
-		opts = opts || {};
-
-		function _afterExpand(ok) {
-			flag = (flag !== false);
-			setChildRowVisibility(ctx.node, flag);
-			if( ok ) {
-				if( flag && ctx.options.autoScroll && !opts.noAnimation && ctx.node.hasChildren() ) {
-					// Scroll down to last child, but keep current node visible
-					ctx.node.getLastChild().scrollIntoView(true, {topNode: ctx.node}).always(function(){
-						if( !opts.noEvents ) {
-							ctx.tree._triggerNodeEvent(flag ? "expand" : "collapse", ctx);
-						}
-						dfd.resolveWith(ctx.node);
-					});
-				} else {
-					if( !opts.noEvents ) {
-						ctx.tree._triggerNodeEvent(flag ? "expand" : "collapse", ctx);
-					}
-					dfd.resolveWith(ctx.node);
-				}
-			} else {
-				if( !opts.noEvents ) {
-					ctx.tree._triggerNodeEvent(flag ? "expand" : "collapse", ctx);
-				}
-				dfd.rejectWith(ctx.node);
-			}
-		}
-		// Call base-expand with disabled  events and animation
-		this._super(ctx, flag, subOpts).done(function () {
-			_afterExpand(true);
-		}).fail(function () {
-			_afterExpand(false);
-		});
-		return dfd.promise();
-	},
-	nodeSetStatus: function(ctx, status, message, details) {
-		if(status === "ok"){
-			var node = ctx.node,
-				firstChild = ( node.children ? node.children[0] : null );
-			if ( firstChild && firstChild.isStatusNode() ) {
-				$(firstChild.tr).remove();
-			}
-		}
-		this._super(ctx, status, message, details);
-	},
-	treeClear: function(ctx) {
-		this.nodeRemoveChildMarkup(this._makeHookContext(this.rootNode));
-		return this._super(ctx);
-	}
-	/*,
-	treeSetFocus: function(ctx, flag) {
-//	        alert("treeSetFocus" + ctx.tree.$container);
-		ctx.tree.$container.focus();
-		$.ui.fancytree.focusTree = ctx.tree;
-	}*/
-});
-}(jQuery, window, document));
-
-/*!
- * jquery.fancytree.themeroller.js
- *
- * Enable jQuery UI ThemeRoller styles.
- * (Extension module for jquery.fancytree.js: https://github.com/mar10/fancytree/)
- *
- * @see http://jqueryui.com/themeroller/
- *
- * Copyright (c) 2014, Martin Wendt (http://wwWendt.de)
- *
- * Released under the MIT license
- * https://github.com/mar10/fancytree/wiki/LicenseInfo
- *
- * @version 2.3.0
- * @date 2014-08-17T10:39
- */
-
-;(function($, window, document, undefined) {
-
-"use strict";
-
-/*******************************************************************************
- * Extension code
- */
-$.ui.fancytree.registerExtension({
-	name: "themeroller",
-	version: "0.0.1",
-	// Default options for this extension.
-	options: {
-		activeClass: "ui-state-active",
-		foccusClass: "ui-state-focus",
-		hoverClass: "ui-state-hover",
-		selectedClass: "ui-state-highlight"
-	},
-
-	treeInit: function(ctx){
-		this._super(ctx);
-		var $el = ctx.widget.element;
-
-		if($el[0].nodeName === "TABLE"){
-			$el.addClass("ui-widget ui-corner-all");
-			$el.find(">thead tr").addClass("ui-widget-header");
-			$el.find(">tbody").addClass("ui-widget-conent");
-		}else{
-			$el.addClass("ui-widget ui-widget-content ui-corner-all");
-		}
-
-		$el.delegate(".fancytree-node", "mouseenter mouseleave", function(event){
-			var node = $.ui.fancytree.getNode(event.target),
-				flag = (event.type === "mouseenter");
-			node.debug("hover: " + flag);
-			$(node.span).toggleClass("ui-state-hover ui-corner-all", flag);
-		});
-	},
-	treeDestroy: function(ctx){
-		this._super(ctx);
-		ctx.widget.element.removeClass("ui-widget ui-widget-content ui-corner-all");
-	},
-	nodeRenderStatus: function(ctx){
-		var node = ctx.node,
-			$el = $(node.span);
-		this._super(ctx);
-/*
-		.ui-state-highlight: Class to be applied to highlighted or selected elements. Applies "highlight" container styles to an element and its child text, links, and icons.
-		.ui-state-error: Class to be applied to error messaging container elements. Applies "error" container styles to an element and its child text, links, and icons.
-		.ui-state-error-text: An additional class that applies just the error text color without background. Can be used on form labels for instance. Also applies error icon color to child icons.
-
-		.ui-state-default: Class to be applied to clickable button-like elements. Applies "clickable default" container styles to an element and its child text, links, and icons.
-		.ui-state-hover: Class to be applied on mouseover to clickable button-like elements. Applies "clickable hover" container styles to an element and its child text, links, and icons.
-		.ui-state-focus: Class to be applied on keyboard focus to clickable button-like elements. Applies "clickable hover" container styles to an element and its child text, links, and icons.
-		.ui-state-active: Class to be applied on mousedown to clickable button-like elements. Applies "clickable active" container styles to an element and its child text, links, and icons.
-*/
-		$el.toggleClass("ui-state-active", node.isActive());
-		$el.toggleClass("ui-state-focus", node.hasFocus());
-		$el.toggleClass("ui-state-highlight", node.isSelected());
-//		node.debug("ext-themeroller.nodeRenderStatus: ", node.span.className);
-	}
-});
-}(jQuery, window, document));
+//= require fancytree/src/jquery.fancytree
+//= require fancytree/src/jquery.fancytree.childcounter
+//= require fancytree/src/jquery.fancytree.clones
+//= require fancytree/src/jquery.fancytree.columnview
+//= require fancytree/src/jquery.fancytree.dnd
+//= require fancytree/src/jquery.fancytree.edit
+//= require fancytree/src/jquery.fancytree.filter
+//= require fancytree/src/jquery.fancytree.glyph
+//= require fancytree/src/jquery.fancytree.gridnav
+//= require fancytree/src/jquery.fancytree.menu
+//= require fancytree/src/jquery.fancytree.persist
+//= require fancytree/src/jquery.fancytree.table
+//= require fancytree/src/jquery.fancytree.themeroller
+//= require fancytree/src/jquery.fancytree.wide
diff --git a/app/assets/javascripts/fancytree/jquery.fancytree-core.js b/app/assets/javascripts/fancytree/jquery.fancytree-core.js
new file mode 100644
index 0000000..e4f8b59
--- /dev/null
+++ b/app/assets/javascripts/fancytree/jquery.fancytree-core.js
@@ -0,0 +1 @@
+//= require fancytree/src/jquery.fancytree
\ No newline at end of file
diff --git a/app/assets/javascripts/fancytree/jquery.fancytree-custom.min.js b/app/assets/javascripts/fancytree/jquery.fancytree-custom.min.js
deleted file mode 100644
index a67c401..0000000
--- a/app/assets/javascripts/fancytree/jquery.fancytree-custom.min.js
+++ /dev/null
@@ -1,44 +0,0 @@
-/*! jQuery Fancytree Plugin - 2.3.0 - 2014-08-17T10:39
-  * https://github.com/mar10/fancytree
-  * Copyright (c) 2014 Martin Wendt; Licensed MIT */
-(function( factory ) {
-	if ( typeof define === "function" && define.amd ) {
-		define( [ "jquery" ], factory );
-	} else {
-		factory( jQuery );
-	}
-}(function( $ ) {
-
-!function(a,b,c,d){"use strict";function e(b){b=b||"",a.error("Not implemented: "+b)}function f(b,c){b||(c=c?": "+c:"",a.error("Assertion failed"+c))}function g(a,c){var d,e,f=b.console?b.console[a]:null;if(f)if(f.apply)f.apply(b.console,c);else{for(e="",d=0;d<c.length;d++)e+=c[d];f(e)}}function h(a){return!(!a.tree||a.statusNodeType===d)}function i(b){var c,d,e,f=a.map(a.trim(b).split("."),function(a){return parseInt(a,10)}),g=a.map(Array.prototype.slice.call(arguments,1),function(a){return parseInt(a,10)});for(c=0;c<g.length;c++)if(d=f[c]||0,e=g[c]||0,d!==e)return d>e;return!0}function j(a,b,c,d,e){var f=function(){var c=b[a],f=d[a],g=b.ext[e],h=function(){return c.apply(b,arguments)};return function(){var a=b._local,c=b._super;try{return b._local=g,b._super=h,f.apply(b,arguments)}finally{b._local=a,b._super=c}}}();return f}function k(b,c,d,e){for(var f in d)"function"==typeof d[f]?"function"==typeof b[f]?b[f]=j(f,b,c,d,e):"_"===f.charAt(0)?b.ext[e][f]=j(f,b,c,d,e):a.error("Could not override tree."+f+". Use prefix '_' to create tree."+e+"._"+f):"options"!==f&&(b.ext[e][f]=d[f])}function l(b,c){return b===d?a.Deferred(function(){this.resolve()}).promise():a.Deferred(function(){this.resolveWith(b,c)}).promise()}function m(b,c){return b===d?a.Deferred(function(){this.reject()}).promise():a.Deferred(function(){this.rejectWith(b,c)}).promise()}function n(a,b){return function(){a.resolveWith(b)}}function o(b){var c=a.extend({},b.data()),d=c.json;return delete c.fancytree,d&&(delete c.json,c=a.extend(c,d)),c}function p(a){return a=a.toLowerCase(),function(b){return b.title.toLowerCase().indexOf(a)>=0}}function q(b,c){var d,e,g,h;for(this.parent=b,this.tree=b.tree,this.ul=null,this.li=null,this.statusNodeType=null,this._isLoading=!1,this._error=null,this.data={},d=0,e=x.length;e>d;d++)g=x[d],this[g]=c[g];c.data&&a.extend(this.data,c.data);for(g in c)y[g]||a.isFunction(c[g])||z[g]||(this.data[g]=c[g]);null==this.key?this.tree.options.defaultKey?(this.key=this.tree.options.defaultKey(this),f(this.key,"defaultKey() must return a unique key")):this.key="_"+t._nextNodeKey++:this.key=""+this.key,c.active&&(f(null===this.tree.activeNode,"only one active node allowed"),this.tree.activeNode=this),c.selected&&(this.tree.lastSelectedNode=this),this.children=null,h=c.children,h&&h.length&&this._setChildren(h),this.tree._callHook("treeRegisterNode",this.tree,!0,this)}function r(b){this.widget=b,this.$div=b.element,this.options=b.options,this.options&&a.isFunction(this.options.lazyload)&&(a.isFunction(this.options.lazyLoad)||(this.options.lazyLoad=function(){t.warn("The 'lazyload' event is deprecated since 2014-02-25. Use 'lazyLoad' (with uppercase L) instead."),b.options.lazyload.apply(this,arguments)})),this.options&&a.isFunction(this.options.loaderror)&&a.error("The 'loaderror' event was renamed since 2014-07-03. Use 'loadError' (with uppercase E) instead."),this.ext={},this.data=o(this.$div),this._id=a.ui.fancytree._nextId++,this._ns=".fancytree-"+this._id,this.activeNode=null,this.focusNode=null,this._hasFocus=null,this.lastSelectedNode=null,this.systemFocusElement=null,this.statusClassPropName="span",this.ariaPropName="li",this.nodeContainerAttrName="li",this.$div.find(">ul.fancytree-container").remove();var c,d={tree:this};this.rootNode=new q(d,{title:"root",key:"root_"+this._id,children:null,expanded:!0}),this.rootNode.parent=null,c=a("<ul>",{"class":"ui-fancytree fancytree-container"}).appendTo(this.$div),this.$container=c,this.rootNode.ul=c[0],null==this.options.debugLevel&&(this.options.debugLevel=t.debugLevel),this.$container.attr("tabindex",this.options.tabbable?"0":"-1"),this.options.aria&&this.$container.attr("role","tree").attr("aria-multiselectable",!0)}if(a.ui.fancytree&&a.ui.fancytree.version)return void a.ui.fancytree.warn("Fancytree: ignored duplicate include");var s,t=null,u={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","/":"&#x2F;"},v="active expanded focus folder hideCheckbox lazy selected unselectable".split(" "),w={},x="expanded extraClasses folder hideCheckbox key lazy refKey selected title tooltip unselectable".split(" "),y={},z={active:!0,children:!0,data:!0,focus:!0};for(s=0;s<v.length;s++)w[v[s]]=!0;for(s=0;s<x.length;s++)y[x[s]]=!0;q.prototype={_findDirectChild:function(a){var b,c,d=this.children;if(d)if("string"==typeof a){for(b=0,c=d.length;c>b;b++)if(d[b].key===a)return d[b]}else{if("number"==typeof a)return this.children[a];if(a.parent===this)return a}return null},_setChildren:function(a){f(a&&(!this.children||0===this.children.length),"only init supported"),this.children=[];for(var b=0,c=a.length;c>b;b++)this.children.push(new q(this,a[b]))},addChildren:function(b,c){var d,e,g,h=null,i=[];for(a.isPlainObject(b)&&(b=[b]),this.children||(this.children=[]),d=0,e=b.length;e>d;d++)i.push(new q(this,b[d]));return h=i[0],null==c?this.children=this.children.concat(i):(c=this._findDirectChild(c),g=a.inArray(c,this.children),f(g>=0,"insertBefore must be an existing child"),this.children.splice.apply(this.children,[g,0].concat(i))),(!this.parent||this.parent.ul||this.tr)&&this.render(),3===this.tree.options.selectMode&&this.fixSelection3FromEndNodes(),h},addNode:function(a,b){switch((b===d||"over"===b)&&(b="child"),b){case"after":return this.getParent().addChildren(a,this.getNextSibling());case"before":return this.getParent().addChildren(a,this);case"child":case"over":return this.addChildren(a)}f(!1,"Invalid mode: "+b)},appendSibling:function(a){return this.addNode(a,"after")},applyPatch:function(b){if(null===b)return this.remove(),l(this);var c,d,e,f={children:!0,expanded:!0,parent:!0};for(c in b)e=b[c],f[c]||a.isFunction(e)||(y[c]?this[c]=e:this.data[c]=e);return b.hasOwnProperty("children")&&(this.removeChildren(),b.children&&this._setChildren(b.children)),this.isVisible()&&(this.renderTitle(),this.renderStatus()),d=b.hasOwnProperty("expanded")?this.setExpanded(b.expanded):l(this)},collapseSiblings:function(){return this.tree._callHook("nodeCollapseSiblings",this)},copyTo:function(a,b,c){return a.addNode(this.toDict(!0,c),b)},countChildren:function(a){var b,c,d,e=this.children;if(!e)return 0;if(d=e.length,a!==!1)for(b=0,c=d;c>b;b++)d+=e[b].countChildren();return d},debug:function(){this.tree.options.debugLevel>=2&&(Array.prototype.unshift.call(arguments,this.toString()),g("debug",arguments))},discard:function(){return this.warn("FancytreeNode.discard() is deprecated since 2014-02-16. Use .resetLazy() instead."),this.resetLazy()},findAll:function(b){b=a.isFunction(b)?b:p(b);var c=[];return this.visit(function(a){b(a)&&c.push(a)}),c},findFirst:function(b){b=a.isFunction(b)?b:p(b);var c=null;return this.visit(function(a){return b(a)?(c=a,!1):void 0}),c},_changeSelectStatusAttrs:function(a){var b=!1;switch(a){case!1:b=this.selected||this.partsel,this.selected=!1,this.partsel=!1;break;case!0:b=!this.selected||!this.partsel,this.selected=!0,this.partsel=!0;break;case d:b=this.selected||!this.partsel,this.selected=!1,this.partsel=!0;break;default:f(!1,"invalid state: "+a)}return b&&this.renderStatus(),b},fixSelection3AfterClick:function(){var a=this.isSelected();this.visit(function(b){b._changeSelectStatusAttrs(a)}),this.fixSelection3FromEndNodes()},fixSelection3FromEndNodes:function(){function a(b){var c,e,f,g,h,i,j,k=b.children;if(k&&k.length){for(i=!0,j=!1,c=0,e=k.length;e>c;c++)f=k[c],g=a(f),g!==!1&&(j=!0),g!==!0&&(i=!1);h=i?!0:j?d:!1}else h=!!b.selected;return b._changeSelectStatusAttrs(h),h}f(3===this.tree.options.selectMode,"expected selectMode 3"),a(this),this.visitParents(function(a){var b,c,e,f,g=a.children,h=!0,i=!1;for(b=0,c=g.length;c>b;b++)e=g[b],(e.selected||e.partsel)&&(i=!0),e.unselectable||e.selected||(h=!1);f=h?!0:i?d:!1,a._changeSelectStatusAttrs(f)})},fromDict:function(b){for(var c in b)y[c]?this[c]=b[c]:"data"===c?a.extend(this.data,b.data):a.isFunction(b[c])||z[c]||(this.data[c]=b[c]);b.children&&(this.removeChildren(),this.addChildren(b.children)),this.renderTitle()},getChildren:function(){return this.hasChildren()===d?d:this.children},getFirstChild:function(){return this.children?this.children[0]:null},getIndex:function(){return a.inArray(this,this.parent.children)},getIndexHier:function(b){b=b||".";var c=[];return a.each(this.getParentList(!1,!0),function(a,b){c.push(b.getIndex()+1)}),c.join(b)},getKeyPath:function(a){var b=[],c=this.tree.options.keyPathSeparator;return this.visitParents(function(a){a.parent&&b.unshift(a.key)},!a),c+b.join(c)},getLastChild:function(){return this.children?this.children[this.children.length-1]:null},getLevel:function(){for(var a=0,b=this.parent;b;)a++,b=b.parent;return a},getNextSibling:function(){if(this.parent){var a,b,c=this.parent.children;for(a=0,b=c.length-1;b>a;a++)if(c[a]===this)return c[a+1]}return null},getParent:function(){return this.parent},getParentList:function(a,b){for(var c=[],d=b?this:this.parent;d;)(a||d.parent)&&c.unshift(d),d=d.parent;return c},getPrevSibling:function(){if(this.parent){var a,b,c=this.parent.children;for(a=1,b=c.length;b>a;a++)if(c[a]===this)return c[a-1]}return null},hasChildren:function(){return this.lazy?null==this.children?d:0===this.children.length?!1:1===this.children.length&&this.children[0].isStatusNode()?d:!0:!!this.children},hasFocus:function(){return this.tree.hasFocus()&&this.tree.focusNode===this},info:function(){this.tree.options.debugLevel>=1&&(Array.prototype.unshift.call(arguments,this.toString()),g("info",arguments))},isActive:function(){return this.tree.activeNode===this},isChildOf:function(a){return this.parent&&this.parent===a},isDescendantOf:function(a){if(!a||a.tree!==this.tree)return!1;for(var b=this.parent;b;){if(b===a)return!0;b=b.parent}return!1},isExpanded:function(){return!!this.expanded},isFirstSibling:function(){var a=this.parent;return!a||a.children[0]===this},isFolder:function(){return!!this.folder},isLastSibling:function(){var a=this.parent;return!a||a.children[a.children.length-1]===this},isLazy:function(){return!!this.lazy},isLoaded:function(){return!this.lazy||this.hasChildren()!==d},isLoading:function(){return!!this._isLoading},isRoot:function(){return this.tree.rootNode===this},isSelected:function(){return!!this.selected},isStatusNode:function(){return!!this.statusNodeType},isUndefined:function(){return this.hasChildren()===d},isVisible:function(){var a,b,c=this.getParentList(!1,!1);for(a=0,b=c.length;b>a;a++)if(!c[a].expanded)return!1;return!0},lazyLoad:function(a){return this.warn("FancytreeNode.lazyLoad() is deprecated since 2014-02-16. Use .load() instead."),this.load(a)},load:function(a){var b,c,d=this;return f(this.isLazy(),"load() requires a lazy node"),f(a||this.isUndefined(),"Pass forceReload=true to re-load a lazy node"),this.isLoaded()&&this.resetLazy(),c=this.tree._triggerNodeEvent("lazyLoad",this),c===!1?l(this):(f("boolean"!=typeof c,"lazyLoad event must return source in data.result"),b=this.tree._callHook("nodeLoadChildren",this,c),this.expanded&&b.always(function(){d.render()}),b)},makeVisible:function(b){var c,d=this,e=[],f=new a.Deferred,g=this.getParentList(!1,!1),h=g.length,i=!(b&&b.noAnimation===!0),j=!(b&&b.scrollIntoView===!1);for(c=h-1;c>=0;c--)e.push(g[c].setExpanded(!0,b));return a.when.apply(a,e).done(function(){j?d.scrollIntoView(i).done(function(){f.resolve()}):f.resolve()}),f.promise()},moveTo:function(b,c,e){(c===d||"over"===c)&&(c="child");var g,h=this.parent,i="child"===c?b:b.parent;if(this!==b){if(!this.parent)throw"Cannot move system root";if(i.isDescendantOf(this))throw"Cannot move a node to its own descendant";if(1===this.parent.children.length){if(this.parent===i)return;this.parent.children=this.parent.lazy?[]:null,this.parent.expanded=!1}else g=a.inArray(this,this.parent.children),f(g>=0),this.parent.children.splice(g,1);if(this.parent=i,i.hasChildren())switch(c){case"child":i.children.push(this);break;case"before":g=a.inArray(b,i.children),f(g>=0),i.children.splice(g,0,this);break;case"after":g=a.inArray(b,i.children),f(g>=0),i.children.splice(g+1,0,this);break;default:throw"Invalid mode "+c}else i.children=[this];e&&b.visit(e,!0),this.tree!==b.tree&&(this.warn("Cross-tree moveTo is experimantal!"),this.visit(function(a){a.tree=b.tree},!0)),h.isDescendantOf(i)||h.render(),i.isDescendantOf(h)||i===h||i.render()}},navigate:function(b,c){function d(d){if(d){try{d.makeVisible()}catch(e){}return a(d.span).is(":visible")?c===!1?d.setFocus():d.setActive():(d.debug("Navigate: skipping hidden node"),void d.navigate(b,c))}}var e,f,g=!0,h=a.ui.keyCode,i=null;switch(b){case h.BACKSPACE:this.parent&&this.parent.parent&&d(this.parent);break;case h.LEFT:this.expanded?(this.setExpanded(!1),d(this)):this.parent&&this.parent.parent&&d(this.parent);break;case h.RIGHT:this.expanded||!this.children&&!this.lazy?this.children&&this.children.length&&d(this.children[0]):(this.setExpanded(),d(this));break;case h.UP:for(i=this.getPrevSibling();i&&i.expanded&&i.children&&i.children.length;)i=i.children[i.children.length-1];!i&&this.parent&&this.parent.parent&&(i=this.parent),d(i);break;case h.DOWN:if(this.expanded&&this.children&&this.children.length)i=this.children[0];else for(f=this.getParentList(!1,!0),e=f.length-1;e>=0&&!(i=f[e].getNextSibling());e--);d(i);break;default:g=!1}},remove:function(){return this.parent.removeChild(this)},removeChild:function(a){return this.tree._callHook("nodeRemoveChild",this,a)},removeChildren:function(){return this.tree._callHook("nodeRemoveChildren",this)},render:function(a,b){return this.tree._callHook("nodeRender",this,a,b)},renderTitle:function(){return this.tree._callHook("nodeRenderTitle",this)},renderStatus:function(){return this.tree._callHook("nodeRenderStatus",this)},resetLazy:function(){this.removeChildren(),this.expanded=!1,this.lazy=!0,this.children=d,this.renderStatus()},scheduleAction:function(a,b){this.tree.timer&&clearTimeout(this.tree.timer),this.tree.timer=null;var c=this;switch(a){case"cancel":break;case"expand":this.tree.timer=setTimeout(function(){c.tree.debug("setTimeout: trigger expand"),c.setExpanded(!0)},b);break;case"activate":this.tree.timer=setTimeout(function(){c.tree.debug("setTimeout: trigger activate"),c.setActive(!0)},b);break;default:throw"Invalid mode "+a}},scrollIntoView:function(e,g){g!==d&&h(g)&&(this.warn("scrollIntoView() with 'topNode' option is deprecated since 2014-05-08. Use 'options.topNode' instead."),g={topNode:g});var i,j,k,l,m=a.extend({effects:e===!0?{duration:200,queue:!1}:e,scrollOfs:this.tree.options.scrollOfs,scrollParent:this.tree.options.scrollParent||this.tree.$container,topNode:null},g),n=new a.Deferred,o=this,p=a(this.span).height(),q=a(m.scrollParent),r=m.scrollOfs.top||0,s=m.scrollOfs.bottom||0,t=q.height(),u=q.scrollTop(),v=q,w=q[0]===b,x=m.topNode||null,y=null;return f(a(this.span).is(":visible"),"scrollIntoView node is invisible"),w?(j=a(this.span).offset().top,i=x?a(x.span).offset().top:0,v=a("html,body")):(f(q[0]!==c&&q[0]!==c.body,"scrollParent should be an simple element or `window`, not document or body."),l=q.offset().top,j=a(this.span).offset().top-l+u,i=x?a(x.span).offset().top-l+u:0,k=Math.max(0,q.innerHeight()-q[0].clientHeight),t-=k),u+r>j?y=j-r:j+p>u+t-s&&(y=j+p-t+s,x&&(f(a(x.span).is(":visible")),y>i&&(y=i-r))),null!==y?m.effects?(m.effects.complete=function(){n.resolveWith(o)},v.stop(!0).animate({scrollTop:y},m.effects)):(v[0].scrollTop=y,n.resolveWith(this)):n.resolveWith(this),n.promise()},setActive:function(a,b){return this.tree._callHook("nodeSetActive",this,a,b)},setExpanded:function(a,b){return this.tree._callHook("nodeSetExpanded",this,a,b)},setFocus:function(a){return this.tree._callHook("nodeSetFocus",this,a)},setSelected:function(a){return this.tree._callHook("nodeSetSelected",this,a)},setStatus:function(a,b,c){return this.tree._callHook("nodeSetStatus",this,a,b,c)},setTitle:function(a){this.title=a,this.renderTitle()},sortChildren:function(a,b){var c,d,e=this.children;if(e){if(a=a||function(a,b){var c=a.title.toLowerCase(),d=b.title.toLowerCase();return c===d?0:c>d?1:-1},e.sort(a),b)for(c=0,d=e.length;d>c;c++)e[c].children&&e[c].sortChildren(a,"$norender$");"$norender$"!==b&&this.render()}},toDict:function(b,c){var d,e,f,g={},h=this;if(a.each(x,function(a,b){(h[b]||h[b]===!1)&&(g[b]=h[b])}),a.isEmptyObject(this.data)||(g.data=a.extend({},this.data),a.isEmptyObject(g.data)&&delete g.data),c&&c(g),b&&this.hasChildren())for(g.children=[],d=0,e=this.children.length;e>d;d++)f=this.children[d],f.isStatusNode()||g.children.push(f.toDict(!0,c));return g},toggleExpanded:function(){return this.tree._callHook("nodeToggleExpanded",this)},toggleSelected:function(){return this.tree._callHook("nodeToggleSelected",this)},toString:function(){return"<FancytreeNode(#"+this.key+", '"+this.title+"')>"},visit:function(a,b){var c,d,e=!0,f=this.children;if(b===!0&&(e=a(this),e===!1||"skip"===e))return e;if(f)for(c=0,d=f.length;d>c&&(e=f[c].visit(a,!0),e!==!1);c++);return e},visitParents:function(a,b){if(b&&a(this)===!1)return!1;for(var c=this.parent;c;){if(a(c)===!1)return!1;c=c.parent}return!0},warn:function(){Array.prototype.unshift.call(arguments,this.toString()),g("warn",arguments)}},r.prototype={_makeHookContext:function(b,c,e){var f,g;return b.node!==d?(c&&b.originalEvent!==c&&a.error("invalid args"),f=b):b.tree?(g=b.tree,f={node:b,tree:g,widget:g.widget,options:g.widget.options,originalEvent:c}):b.widget?f={node:null,tree:b,widget:b.widget,options:b.widget.options,originalEvent:c}:a.error("invalid args"),e&&a.extend(f,e),f},_callHook:function(b,c){var d=this._makeHookContext(c),e=this[b],f=Array.prototype.slice.call(arguments,2);return a.isFunction(e)||a.error("_callHook('"+b+"') is not a function"),f.unshift(d),e.apply(this,f)},_requireExtension:function(b,c,d,e){d=!!d;var g=this._local.name,h=this.options.extensions,i=a.inArray(b,h)<a.inArray(g,h),j=c&&null==this.ext[b],k=!j&&null!=d&&d!==i;return f(g&&g!==b),j||k?(e||(j||c?(e="'"+g+"' extension requires '"+b+"'",k&&(e+=" to be registered "+(d?"before":"after")+" itself")):e="If used together, `"+b+"` must be registered "+(d?"before":"after")+" `"+g+"`"),a.error(e),!1):!0},activateKey:function(a){var b=this.getNodeByKey(a);return b?b.setActive():this.activeNode&&this.activeNode.setActive(!1),b},applyPatch:function(b){var c,d,e,g,h,i,j=b.length,k=[];for(d=0;j>d;d++)e=b[d],f(2===e.length,"patchList must be an array of length-2-arrays"),g=e[0],h=e[1],i=null===g?this.rootNode:this.getNodeByKey(g),i?(c=new a.Deferred,k.push(c),i.applyPatch(h).always(n(c,i))):this.warn("could not find node with key '"+g+"'");return a.when.apply(a,k).promise()},count:function(){return this.rootNode.countChildren()},debug:function(){this.options.debugLevel>=2&&(Array.prototype.unshift.call(arguments,this.toString()),g("debug",arguments))},generateFormElements:function(b,c){var d,e=b!==!1?"ft_"+this._id+"[]":b,f=c!==!1?"ft_"+this._id+"_active":c,g="fancytree_result_"+this._id,h=a("#"+g);h.length?h.empty():h=a("<div>",{id:g}).hide().insertAfter(this.$container),e&&(d=this.getSelectedNodes(3===this.options.selectMode),a.each(d,function(b,c){h.append(a("<input>",{type:"checkbox",name:e,value:c.key,checked:!0}))})),f&&this.activeNode&&h.append(a("<input>",{type:"radio",name:f,value:this.activeNode.key,checked:!0}))},getActiveNode:function(){return this.activeNode},getFirstChild:function(){return this.rootNode.getFirstChild()},getFocusNode:function(){return this.focusNode},getNodeByKey:function(a,b){var d,e;return!b&&(d=c.getElementById(this.options.idPrefix+a))?d.ftnode?d.ftnode:null:(b=b||this.rootNode,e=null,b.visit(function(b){return b.key===a?(e=b,!1):void 0},!0),e)},getRootNode:function(){return this.rootNode},getSelectedNodes:function(a){var b=[];return this.rootNode.visit(function(c){return c.selected&&(b.push(c),a===!0)?"skip":void 0}),b},hasFocus:function(){return!!this._hasFocus},info:function(){this.options.debugLevel>=1&&(Array.prototype.unshift.call(arguments,this.toString()),g("info",arguments))},loadKeyPath:function(b,c,e){function f(a,b,d){c.call(r,b,"loading"),b.load().done(function(){r.loadKeyPath.call(r,l[a],c,b).always(n(d,r))}).fail(function(){r.warn("loadKeyPath: error loading: "+a+" (parent: "+p+")"),c.call(r,b,"error"),d.reject()})}var g,h,i,j,k,l,m,o,p=e||this.rootNode,q=this.options.keyPathSeparator,r=this;for(a.isArray(b)||(b=[b]),l={},i=0;i<b.length;i++)for(j=b[i],j.charAt(0)===q&&(j=j.substr(1)),o=j.split(q);o.length;){if(k=o.shift(),m=p._findDirectChild(k),!m){this.warn("loadKeyPath: key not found: "+k+" (parent: "+p+")"),c.call(this,k,"error");break}if(0===o.length){c.call(this,m,"ok");break}if(m.lazy&&m.hasChildren()===d){c.call(this,m,"loaded"),l[k]?l[k].push(o.join(q)):l[k]=[o.join(q)];break}c.call(this,m,"loaded"),p=m}g=[];for(k in l)m=p._findDirectChild(k),h=new a.Deferred,g.push(h),f(k,m,h);return a.when.apply(a,g).promise()},reactivate:function(a){var b=this.activeNode;b&&(this.activeNode=null,b.setActive(),a&&b.setFocus())},reload:function(a){return this._callHook("treeClear",this),this._callHook("treeLoad",this,a)},render:function(a,b){return this.rootNode.render(a,b)},setFocus:function(a){return this._callHook("treeSetFocus",this,a)},toDict:function(a,b){var c=this.rootNode.toDict(!0,b);return a?c:c.children},toString:function(){return"<Fancytree(#"+this._id+")>"},_triggerNodeEvent:function(a,b,c,e){var f=this._makeHookContext(b,c,e),g=this.widget._trigger(a,c,f);return g!==!1&&f.result!==d?f.result:g},_triggerTreeEvent:function(a,b){var c=this._makeHookContext(this,b),e=this.widget._trigger(a,b,c);return e!==!1&&c.result!==d?c.result:e},visit:function(a){return this.rootNode.visit(a,!1)},warn:function(){Array.prototype.unshift.call(arguments,this.toString()),g("warn",arguments)}},a.extend(r.prototype,{nodeClick:function(a){var b,c,d=a.originalEvent,e=a.targetType,f=a.node;if("expander"===e)this._callHook("nodeToggleExpanded",a);else if("checkbox"===e)this._callHook("nodeToggleSelected",a),this._callHook("nodeSetFocus",a,!0);else{if(c=!1,b=!0,f.folder)switch(a.options.clickFolderMode){case 2:c=!0,b=!1;break;case 3:b=!0,c=!0}b&&(this.nodeSetFocus(a),this._callHook("nodeSetActive",a,!0)),c&&this._callHook("nodeToggleExpanded",a)}"a"===d.target.localName&&"fancytree-title"===d.target.className&&d.preventDefault()},nodeCollapseSiblings:function(a,b){var c,d,e,f=a.node;if(f.parent)for(c=f.parent.children,d=0,e=c.length;e>d;d++)c[d]!==f&&c[d].expanded&&this._callHook("nodeSetExpanded",c[d],!1,b)},nodeDblclick:function(a){"title"===a.targetType&&4===a.options.clickFolderMode&&this._callHook("nodeToggleExpanded",a),"title"===a.targetType&&a.originalEvent.preventDefault()},nodeKeydown:function(b){var c,d=b.originalEvent,e=b.node,f=b.tree,g=b.options,h=!0,i=!(d.ctrlKey||!g.autoActivate),j=a.ui.keyCode;switch(e||(this.rootNode.getFirstChild().setFocus(),e=b.node=this.focusNode,e.debug("Keydown force focus on first node")),d.which){case j.NUMPAD_ADD:case 187:f.nodeSetExpanded(b,!0);break;case j.NUMPAD_SUBTRACT:case 189:f.nodeSetExpanded(b,!1);break;case j.SPACE:g.checkbox?f.nodeToggleSelected(b):f.nodeSetActive(b,!0);break;case j.ENTER:f.nodeSetActive(b,!0);break;case j.BACKSPACE:case j.LEFT:case j.RIGHT:case j.UP:case j.DOWN:c=e.navigate(d.which,i);break;default:h=!1}h&&d.preventDefault()},nodeLoadChildren:function(b,c){var d,e,g,h=b.tree,i=b.node;return a.isFunction(c)&&(c=c()),c.url&&(d=a.extend({},b.options.ajax,c),d.debugDelay?(e=d.debugDelay,a.isArray(e)&&(e=e[0]+Math.random()*(e[1]-e[0])),i.debug("nodeLoadChildren waiting debug delay "+Math.round(e)+"ms"),d.debugDelay=!1,g=a.Deferred(function(b){setTimeout(function(){a.ajax(d).done(function(){b.resolveWith(this,arguments)}).fail(function(){b.rejectWith(this,arguments)})},e)})):g=a.ajax(d),c=new a.Deferred,g.done(function(d){var e,f;if("string"==typeof d&&a.error("Ajax request returned a string (did you get the JSON dataType wrong?)."),b.options.postProcess){if(f=h._triggerNodeEvent("postProcess",b,b.originalEvent,{response:d,error:null,dataType:this.dataType}),f.error)return e=a.isPlainObject(f.error)?f.error:{message:f.error},e=h._makeHookContext(i,null,e),void c.rejectWith(this,[e]);d=a.isArray(f)?f:d}else d&&d.hasOwnProperty("d")&&b.options.enableAspx&&(d="string"==typeof d.d?a.parseJSON(d.d):d.d);c.resolveWith(this,[d])}).fail(function(a,b,d){var e=h._makeHookContext(i,null,{error:a,args:Array.prototype.slice.call(arguments),message:d,details:a.status+": "+d});c.rejectWith(this,[e])})),a.isFunction(c.promise)&&(f(!i.isLoading()),h.nodeSetStatus(b,"loading"),c.done(function(){h.nodeSetStatus(b,"ok")}).fail(function(a){var c;c=a.node&&a.error&&a.message?a:h._makeHookContext(i,null,{error:a,args:Array.prototype.slice.call(arguments),message:a?a.message||a.toString():""}),h._triggerNodeEvent("loadError",c,null)!==!1&&h.nodeSetStatus(b,"error",c.message,c.details)})),a.when(c).done(function(b){var c;a.isPlainObject(b)&&(f(a.isArray(b.children),"source must contain (or be) an array of children"),f(i.isRoot(),"source may only be an object for root nodes"),c=b,b=b.children,delete c.children,a.extend(h.data,c)),f(a.isArray(b),"expected array of children"),i._setChildren(b),h._triggerNodeEvent("loadChildren",i)})},nodeLoadKeyPath:function(){},nodeRemoveChild:function(b,c){var d,e=b.node,g=b.options,h=a.extend({},b,{node:c}),i=e.children;return 1===i.length?(f(c===i[0]),this.nodeRemoveChildren(b)):(this.activeNode&&(c===this.activeNode||this.activeNode.isDescendantOf(c))&&this.activeNode.setActive(!1),this.focusNode&&(c===this.focusNode||this.focusNode.isDescendantOf(c))&&(this.focusNode=null),this.nodeRemoveMarkup(h),this.nodeRemoveChildren(h),d=a.inArray(c,i),f(d>=0),c.visit(function(a){a.parent=null},!0),this._callHook("treeRegisterNode",this,!1,c),g.removeNode&&g.removeNode.call(b.tree,{type:"removeNode"},h),void i.splice(d,1))},nodeRemoveChildMarkup:function(b){var c=b.node;c.ul&&(c.isRoot()?a(c.ul).empty():(a(c.ul).remove(),c.ul=null),c.visit(function(a){a.li=a.ul=null}))},nodeRemoveChildren:function(b){var c,d=b.tree,e=b.node,f=e.children,g=b.options;f&&(this.activeNode&&this.activeNode.isDescendantOf(e)&&this.activeNode.setActive(!1),this.focusNode&&this.focusNode.isDescendantOf(e)&&(this.focusNode=null),this.nodeRemoveChildMarkup(b),c=a.extend({},b),e.visit(function(a){a.parent=null,d._callHook("treeRegisterNode",d,!1,a),g.removeNode&&(c.node=a,g.removeNode.call(b.tree,{type:"removeNode"},c))}),e.children=e.lazy?[]:null,this.nodeRenderStatus(b))},nodeRemoveMarkup:function(b){var c=b.node;c.li&&(a(c.li).remove(),c.li=null),this.nodeRemoveChildMarkup(b)},nodeRender:function(b,d,e,g,h){var i,j,k,l,m,n,o,p=b.node,q=b.tree,r=b.options,s=r.aria,t=!1,u=p.parent,v=!u,w=p.children;if(v||u.ul){if(f(v||u.ul,"parent UL must exist"),v||(p.li&&(d||p.li.parentNode!==p.parent.ul)&&(p.li.parentNode!==p.parent.ul&&this.warn("unlink "+p+" (must be child of "+p.parent+")"),this.nodeRemoveMarkup(b)),p.li?this.nodeRenderStatus(b):(t=!0,p.li=c.createElement("li"),p.li.ftnode=p,p.key&&r.generateIds&&(p.li.id=r.idPrefix+p.key),p.span=c.createElement("span"),p.span.className="fancytree-node",s&&a(p.span).attr("aria-labelledby","ftal_"+p.key),p.li.appendChild(p.span),this.nodeRenderTitle(b),r.createNode&&r.createNode.call(q,{type:"createNode"},b)),r.renderNode&&r.renderNode.call(q,{type:"renderNode"},b)),w){if(v||p.expanded||e===!0){for(p.ul||(p.ul=c.createElement("ul"),(g===!0&&!h||!p.expanded)&&(p.ul.style.display="none"),s&&a(p.ul).attr("role","group"),p.li?p.li.appendChild(p.ul):p.tree.$div.append(p.ul)),l=0,m=w.length;m>l;l++)o=a.extend({},b,{node:w[l]}),this.nodeRender(o,d,e,!1,!0);for(i=p.ul.firstChild;i;)k=i.ftnode,k&&k.parent!==p?(p.debug("_fixParent: remove missing "+k,i),n=i.nextSibling,i.parentNode.removeChild(i),i=n):i=i.nextSibling;for(i=p.ul.firstChild,l=0,m=w.length-1;m>l;l++)j=w[l],k=i.ftnode,j!==k?p.ul.insertBefore(j.li,k.li):i=i.nextSibling}}else p.ul&&(this.warn("remove child markup for "+p),this.nodeRemoveChildMarkup(b));v||t&&u.ul.appendChild(p.li)}},nodeRenderTitle:function(a,b){var c,e,f,g,h,i,j=a.node,k=a.tree,l=a.options,m=l.aria,n=j.getLevel(),o=[],p=j.data.icon;b!==d&&(j.title=b),j.span&&(n<l.minExpandLevel?n>1&&o.push(m?"<span role='button' class='fancytree-expander'></span>":"<span class='fancytree-expander'></span>"):o.push(m?"<span role='button' class='fancytree-expander'></span>":"<span class='fancytree-expander'></span>"),l.checkbox&&j.hideCheckbox!==!0&&!j.isStatusNode()&&o.push(m?"<span role='checkbox' class='fancytree-checkbox'></span>":"<span class='fancytree-checkbox'></span>"),g=m?" role='img'":"",p&&"string"==typeof p?(e="/"===p.charAt(0)?p:(l.imagePath||"")+p,o.push("<img src='"+e+"' class='fancytree-icon' alt='' />")):j.data.iconclass?o.push("<span "+g+" class='fancytree-custom-icon "+j.data.iconclass+"'></span>"):(p===!0||p!==!1&&l.icons!==!1)&&o.push("<span "+g+" class='fancytree-icon'></span>"),f="",l.renderTitle&&(f=l.renderTitle.call(k,{type:"renderTitle"},a)||""),f||(i=j.tooltip?" title='"+t.escapeHtml(j.tooltip)+"'":"",c=m?" id='ftal_"+j.key+"'":"",g=m?" role='treeitem'":"",h=l.titlesTabbable?" tabindex='0'":"",f="<span "+g+" class='fancytree-title'"+c+i+h+">"+j.title+"</span>"),o.push(f),j.span.innerHTML=o.join(""),this.nodeRenderStatus(a))},nodeRenderStatus:function(b){var c=b.node,d=b.tree,e=b.options,f=c.hasChildren(),g=c.isLastSibling(),h=e.aria,i=a(c.span).find(".fancytree-title"),j=e._classNames,k=[],l=c[d.statusClassPropName];l&&(k.push(j.node),d.activeNode===c&&k.push(j.active),d.focusNode===c?(k.push(j.focused),h&&i.attr("aria-activedescendant",!0)):h&&i.removeAttr("aria-activedescendant"),c.expanded?(k.push(j.expanded),h&&i.attr("aria-expanded",!0)):h&&i.removeAttr("aria-expanded"),c.folder&&k.push(j.folder),f!==!1&&k.push(j.hasChildren),g&&k.push(j.lastsib),c.lazy&&null==c.children&&k.push(j.lazy),c.partsel&&k.push(j.partsel),c._isLoading&&k.push(j.loading),c._error&&k.push(j.error),c.selected?(k.push(j.selected),h&&i.attr("aria-selected",!0)):h&&i.attr("aria-selected",!1),c.extraClasses&&k.push(c.extraClasses),k.push(f===!1?j.combinedExpanderPrefix+"n"+(g?"l":""):j.combinedExpanderPrefix+(c.expanded?"e":"c")+(c.lazy&&null==c.children?"d":"")+(g?"l":"")),k.push(j.combinedIconPrefix+(c.expanded?"e":"c")+(c.folder?"f":"")),l.className=k.join(" "),c.li&&(c.li.className=g?j.lastsib:""))},nodeSetActive:function(b,c,d){d=d||{};var e,g=b.node,h=b.tree,i=b.options,j=d.noEvents===!0,k=g===h.activeNode;return c=c!==!1,k===c?l(g):c&&!j&&this._triggerNodeEvent("beforeActivate",g,b.originalEvent)===!1?m(g,["rejected"]):void(c?(h.activeNode&&(f(h.activeNode!==g,"node was active (inconsistency)"),e=a.extend({},b,{node:h.activeNode}),h.nodeSetActive(e,!1),f(null===h.activeNode,"deactivate was out of sync?")),i.activeVisible&&g.makeVisible({scrollIntoView:!1}),h.activeNode=g,h.nodeRenderStatus(b),h.nodeSetFocus(b),j||h._triggerNodeEvent("activate",g,b.originalEvent)):(f(h.activeNode===g,"node was not active (inconsistency)"),h.activeNode=null,this.nodeRenderStatus(b),j||b.tree._triggerNodeEvent("deactivate",g,b.originalEvent)))},nodeSetExpanded:function(b,c,e){e=e||{};var f,g,h,i,j,k,n=b.node,o=b.tree,p=b.options,q=e.noAnimation===!0,r=e.noEvents===!0;if(c=c!==!1,n.expanded&&c||!n.expanded&&!c)return l(n);if(c&&!n.lazy&&!n.hasChildren())return l(n);if(!c&&n.getLevel()<p.minExpandLevel)return m(n,["locked"]);if(!r&&this._triggerNodeEvent("beforeExpand",n,b.originalEvent)===!1)return m(n,["rejected"]);if(q||n.isVisible()||(q=e.noAnimation=!0),g=new a.Deferred,c&&!n.expanded&&p.autoCollapse){j=n.getParentList(!1,!0),k=p.autoCollapse;try{for(p.autoCollapse=!1,h=0,i=j.length;i>h;h++)this._callHook("nodeCollapseSiblings",j[h],e)}finally{p.autoCollapse=k}}return g.done(function(){c&&p.autoScroll&&!q?n.getLastChild().scrollIntoView(!0,{topNode:n}).always(function(){r||b.tree._triggerNodeEvent(c?"expand":"collapse",b)}):r||b.tree._triggerNodeEvent(c?"expand":"collapse",b)}),f=function(d){var e,f,g,h;if(n.expanded=c,o._callHook("nodeRender",b,!1,!1,!0),n.ul)if(g="none"!==n.ul.style.display,h=!!n.expanded,g===h)n.warn("nodeSetExpanded: UL.style.display already set");else{if(p.fx&&!q)return e=p.fx.duration||200,f=p.fx.easing,void a(n.ul).animate(p.fx,e,f,function(){d()
-});n.ul.style.display=n.expanded||!parent?"":"none"}d()},c&&n.lazy&&n.hasChildren()===d?n.load().done(function(){g.notifyWith&&g.notifyWith(n,["loaded"]),f(function(){g.resolveWith(n)})}).fail(function(a){f(function(){g.rejectWith(n,["load failed ("+a+")"])})}):f(function(){g.resolveWith(n)}),g.promise()},nodeSetFocus:function(b,c){var d,e=b.tree,f=b.node;if(c=c!==!1,e.focusNode){if(e.focusNode===f&&c)return;d=a.extend({},b,{node:e.focusNode}),e.focusNode=null,this._triggerNodeEvent("blur",d),this._callHook("nodeRenderStatus",d)}c&&(this.hasFocus()||(f.debug("nodeSetFocus: forcing container focus"),this._callHook("treeSetFocus",b,!0,!0)),f.makeVisible({scrollIntoView:!1}),e.focusNode=f,this._triggerNodeEvent("focus",b),b.options.autoScroll&&f.scrollIntoView(),this._callHook("nodeRenderStatus",b))},nodeSetSelected:function(a,b){var c=a.node,d=a.tree,e=a.options;if(b=b!==!1,c.debug("nodeSetSelected("+b+")",a),!c.unselectable){if(c.selected&&b||!c.selected&&!b)return!!c.selected;if(this._triggerNodeEvent("beforeSelect",c,a.originalEvent)===!1)return!!c.selected;b&&1===e.selectMode?d.lastSelectedNode&&d.lastSelectedNode.setSelected(!1):3===e.selectMode&&(c.selected=b,c.fixSelection3AfterClick()),c.selected=b,this.nodeRenderStatus(a),d.lastSelectedNode=b?c:null,d._triggerNodeEvent("select",a)}},nodeSetStatus:function(b,c,d,e){function f(){var a=h.children?h.children[0]:null;if(a&&a.isStatusNode()){try{h.ul&&(h.ul.removeChild(a.li),a.li=null)}catch(b){}1===h.children.length?h.children=[]:h.children.shift()}}function g(b,c){var d=h.children?h.children[0]:null;return d&&d.isStatusNode()?(a.extend(d,b),i._callHook("nodeRender",d)):(b.key="_statusNode",h._setChildren([b]),h.children[0].statusNodeType=c,i.render()),h.children[0]}var h=b.node,i=b.tree;switch(c){case"ok":f(),h._isLoading=!1,h._error=null,h.renderStatus();break;case"loading":h.parent||g({title:i.options.strings.loading+(d?" ("+d+") ":""),tooltip:e,extraClasses:"fancytree-statusnode-wait"},c),h._isLoading=!0,h._error=null,h.renderStatus();break;case"error":g({title:i.options.strings.loadError+(d?" ("+d+") ":""),tooltip:e,extraClasses:"fancytree-statusnode-error"},c),h._isLoading=!1,h._error={message:d,details:e},h.renderStatus();break;default:a.error("invalid node status "+c)}},nodeToggleExpanded:function(a){return this.nodeSetExpanded(a,!a.node.expanded)},nodeToggleSelected:function(a){return this.nodeSetSelected(a,!a.node.selected)},treeClear:function(a){var b=a.tree;b.activeNode=null,b.focusNode=null,b.$div.find(">ul.fancytree-container").empty(),b.rootNode.children=null},treeCreate:function(){},treeDestroy:function(){},treeInit:function(a){this.treeLoad(a)},treeLoad:function(b,c){var d,f,g,h=b.tree,i=b.widget.element,j=a.extend({},b,{node:this.rootNode});if(h.rootNode.children&&this.treeClear(b),c=c||this.options.source)"string"==typeof c&&e();else switch(d=i.data("type")||"html"){case"html":f=i.find(">ul:first"),f.addClass("ui-fancytree-source ui-helper-hidden"),c=a.ui.fancytree.parseHtml(f),this.data=a.extend(this.data,o(f));break;case"json":c=a.parseJSON(i.text()),c.children&&(c.title&&(h.title=c.title),c=c.children);break;default:a.error("Invalid data-type: "+d)}return g=this.nodeLoadChildren(j,c).done(function(){h.render(),3===b.options.selectMode&&h.rootNode.fixSelection3FromEndNodes(),h._triggerTreeEvent("init",!0)}).fail(function(){h.render(),h._triggerTreeEvent("init",!1)})},treeRegisterNode:function(){},treeSetFocus:function(a,b){b=b!==!1,b!==this.hasFocus()&&(this._hasFocus=b,this.$container.toggleClass("fancytree-treefocus",b),this._triggerTreeEvent(b?"focusTree":"blurTree"))}}),a.widget("ui.fancytree",{options:{activeVisible:!0,ajax:{type:"GET",cache:!1,dataType:"json"},aria:!1,autoActivate:!0,autoCollapse:!1,autoScroll:!1,checkbox:!1,clickFolderMode:4,debugLevel:null,disabled:!1,enableAspx:!0,extensions:[],fx:{height:"toggle",duration:200},generateIds:!1,icons:!0,idPrefix:"ft_",keyboard:!0,keyPathSeparator:"/",minExpandLevel:1,scrollOfs:{top:0,bottom:0},scrollParent:null,selectMode:2,strings:{loading:"Loading&#8230;",loadError:"Load error!"},tabbable:!0,titlesTabbable:!1,_classNames:{node:"fancytree-node",folder:"fancytree-folder",combinedExpanderPrefix:"fancytree-exp-",combinedIconPrefix:"fancytree-ico-",hasChildren:"fancytree-has-children",active:"fancytree-active",selected:"fancytree-selected",expanded:"fancytree-expanded",lazy:"fancytree-lazy",focused:"fancytree-focused",partsel:"fancytree-partsel",lastsib:"fancytree-lastsib",loading:"fancytree-loading",error:"fancytree-error"},lazyLoad:null,postProcess:null},_create:function(){this.tree=new r(this),this.$source=this.source||"json"===this.element.data("type")?this.element:this.element.find(">ul:first");var b,c,e,g=this.options.extensions,h=this.tree;for(e=0;e<g.length;e++)c=g[e],b=a.ui.fancytree._extensions[c],b||a.error("Could not apply extension '"+c+"' (it is not registered, did you forget to include it?)"),this.tree.options[c]=a.extend(!0,{},b.options,this.tree.options[c]),f(this.tree.ext[c]===d,"Extension name must not exist as Fancytree.ext attribute: '"+c+"'"),this.tree.ext[c]={},k(this.tree,h,b,c),h=b;this.tree._callHook("treeCreate",this.tree)},_init:function(){this.tree._callHook("treeInit",this.tree),this._bind()},_setOption:function(b,c){var d=!0,e=!1;switch(b){case"aria":case"checkbox":case"icons":case"minExpandLevel":case"tabbable":this.tree._callHook("treeCreate",this.tree),e=!0;break;case"source":d=!1,this.tree._callHook("treeLoad",this.tree,c)}this.tree.debug("set option "+b+"="+c+" <"+typeof c+">"),d&&a.Widget.prototype._setOption.apply(this,arguments),e&&this.tree.render(!0,!1)},destroy:function(){this._unbind(),this.tree._callHook("treeDestroy",this.tree),this.tree.$div.find(">ul.fancytree-container").remove(),this.$source&&this.$source.removeClass("ui-helper-hidden"),a.Widget.prototype.destroy.call(this)},_unbind:function(){var b=this.tree._ns;this.element.unbind(b),this.tree.$container.unbind(b),a(c).unbind(b)},_bind:function(){var a=this,b=this.options,c=this.tree,d=c._ns;this._unbind(),c.$container.on("focusin"+d+" focusout"+d,function(a){var b=t.getNode(a),d="focusin"===a.type;b?c._callHook("nodeSetFocus",b,d):c._callHook("treeSetFocus",c,d)}).on("selectstart"+d,"span.fancytree-title",function(a){a.preventDefault()}).on("keydown"+d,function(a){if(b.disabled||b.keyboard===!1)return!0;var d,e=c.focusNode,f=c._makeHookContext(e||c,a),g=c.phase;try{return c.phase="userEvent",d=e?c._triggerNodeEvent("keydown",e,a):c._triggerTreeEvent("keydown",a),"preventNav"===d?d=!0:d!==!1&&(d=c._callHook("nodeKeydown",f)),d}finally{c.phase=g}}).on("click"+d+" dblclick"+d,function(c){if(b.disabled)return!0;var d,e=t.getEventTarget(c),f=e.node,g=a.tree,h=g.phase;if(!f)return!0;d=g._makeHookContext(f,c);try{switch(g.phase="userEvent",c.type){case"click":return d.targetType=e.type,g._triggerNodeEvent("click",d,c)===!1?!1:g._callHook("nodeClick",d);case"dblclick":return d.targetType=e.type,g._triggerNodeEvent("dblclick",d,c)===!1?!1:g._callHook("nodeDblclick",d)}}finally{g.phase=h}})},getActiveNode:function(){return this.tree.activeNode},getNodeByKey:function(a){return this.tree.getNodeByKey(a)},getRootNode:function(){return this.tree.rootNode},getTree:function(){return this.tree}}),t=a.ui.fancytree,a.extend(a.ui.fancytree,{version:"2.3.0",buildType: "production",debugLevel: 1,_nextId:1,_nextNodeKey:1,_extensions:{},_FancytreeClass:r,_FancytreeNodeClass:q,jquerySupports:{positionMyOfs:i(a.ui.version,1,9)},assert:function(a,b){return f(a,b)},debounce:function(a,b,c,d){var e;return 3===arguments.length&&"boolean"!=typeof c&&(d=c,c=!1),function(){var f=arguments;d=d||this,c&&!e&&b.apply(d,f),clearTimeout(e),e=setTimeout(function(){c||b.apply(d,f),e=null},a)}},debug:function(){a.ui.fancytree.debugLevel>=2&&g("log",arguments)},error:function(){g("error",arguments)},escapeHtml:function(a){return(""+a).replace(/[&<>"'\/]/g,function(a){return u[a]})},unescapeHtml:function(a){var b=c.createElement("div");return b.innerHTML=a,0===b.childNodes.length?"":b.childNodes[0].nodeValue},getEventTargetType:function(a){return this.getEventTarget(a).type},getEventTarget:function(b){var c=b&&b.target?b.target.className:"",e={node:this.getNode(b.target),type:d};return/\bfancytree-title\b/.test(c)?e.type="title":/\bfancytree-expander\b/.test(c)?e.type=e.node.hasChildren()===!1?"prefix":"expander":/\bfancytree-checkbox\b/.test(c)||/\bfancytree-radio\b/.test(c)?e.type="checkbox":/\bfancytree-icon\b/.test(c)?e.type="icon":/\bfancytree-node\b/.test(c)?e.type="title":b&&b.target&&a(b.target).closest(".fancytree-title").length&&(e.type="title"),e},getNode:function(a){if(a instanceof q)return a;for(a.selector!==d?a=a[0]:a.originalEvent!==d&&(a=a.target);a;){if(a.ftnode)return a.ftnode;a=a.parentNode}return null},info:function(){a.ui.fancytree.debugLevel>=1&&g("info",arguments)},parseHtml:function(b){var c,e,f,g,h,i,j,k,l=b.find(">li"),m=[];return l.each(function(){var l,n=a(this),p=n.find(">span:first",this),q=p.length?null:n.find(">a:first"),r={tooltip:null,data:{}};for(p.length?r.title=p.html():q&&q.length?(r.title=q.html(),r.data.href=q.attr("href"),r.data.target=q.attr("target"),r.tooltip=q.attr("title")):(r.title=n.html(),g=r.title.search(/<ul/i),g>=0&&(r.title=r.title.substring(0,g))),r.title=a.trim(r.title),e=0,f=v.length;f>e;e++)r[v[e]]=d;for(j=this.className.split(" "),c=[],e=0,f=j.length;f>e;e++)k=j[e],w[k]?r[k]=!0:c.push(k);if(r.extraClasses=c.join(" "),h=n.attr("title"),h&&(r.tooltip=h),h=n.attr("id"),h&&(r.key=h),l=o(n),l&&!a.isEmptyObject(l)){for(e=0,f=x.length;f>e;e++)h=x[e],i=l[h],null!=i&&(delete l[h],r[h]=i);a.extend(r.data,l)}b=n.find(">ul:first"),r.children=b.length?a.ui.fancytree.parseHtml(b):r.lazy?d:null,m.push(r)}),m},registerExtension:function(b){f(null!=b.name,"extensions must have a `name` property."),f(null!=b.version,"extensions must have a `version` property."),a.ui.fancytree._extensions[b.name]=b},warn:function(){g("warn",arguments)}})}(jQuery,window,document);
-
-/*! Extension 'jquery.fancytree.childcounter.min.js' */
-!function(a){"use strict";a.ui.fancytree._FancytreeClass.prototype.countSelected=function(a){{var b=this;b.options}return b.getSelectedNodes(a).length},a.ui.fancytree._FancytreeNodeClass.prototype.toUpper=function(){var a=this;return a.setTitle(a.title.toUpperCase())},a.ui.fancytree.prototype.widgetMethod1=function(a){this.tree;return a},a.ui.fancytree.registerExtension({name:"childcounter",version:"1.0.0",options:{deep:!0,hideZeros:!0,hideExpanded:!1},foo:42,_appendCounter:function(){},treeInit:function(a){a.options,a.options.childcounter;this._super(a),this.$container.addClass("fancytree-ext-childcounter")},treeDestroy:function(a){this._super(a)},nodeRenderTitle:function(b,c){var d=b.node,e=b.options.childcounter,f=null==d.data.childCounter?d.countChildren(e.deep):+d.data.childCounter;this._super(b,c),!f&&e.hideZeros||d.isExpanded()&&e.hideExpanded||a("span.fancytree-icon",d.span).append(a("<span class='fancytree-childcounter'/>").text(f))},nodeSetExpanded:function(a,b,c){{var d=a.tree;a.node}return this._super(a,b,c).always(function(){d.nodeRenderTitle(a)})}})}(jQuery);
-
-/*! Extension 'jquery.fancytree.clones.min.js' */
-!function(a){"use strict";function b(b,c){b||(c=c?": "+c:"",a.error("Assertion failed"+c))}function c(a,b){var c;for(c=a.length-1;c>=0;c--)if(a[c]===b)return a.splice(c,1),!0;return!1}function d(a,b,c){for(var d,e,f=3&a.length,g=a.length-f,h=c,i=3432918353,j=461845907,k=0;g>k;)e=255&a.charCodeAt(k)|(255&a.charCodeAt(++k))<<8|(255&a.charCodeAt(++k))<<16|(255&a.charCodeAt(++k))<<24,++k,e=(65535&e)*i+(((e>>>16)*i&65535)<<16)&4294967295,e=e<<15|e>>>17,e=(65535&e)*j+(((e>>>16)*j&65535)<<16)&4294967295,h^=e,h=h<<13|h>>>19,d=5*(65535&h)+((5*(h>>>16)&65535)<<16)&4294967295,h=(65535&d)+27492+(((d>>>16)+58964&65535)<<16);switch(e=0,f){case 3:e^=(255&a.charCodeAt(k+2))<<16;case 2:e^=(255&a.charCodeAt(k+1))<<8;case 1:e^=255&a.charCodeAt(k),e=(65535&e)*i+(((e>>>16)*i&65535)<<16)&4294967295,e=e<<15|e>>>17,e=(65535&e)*j+(((e>>>16)*j&65535)<<16)&4294967295,h^=e}return h^=a.length,h^=h>>>16,h=2246822507*(65535&h)+((2246822507*(h>>>16)&65535)<<16)&4294967295,h^=h>>>13,h=3266489909*(65535&h)+((3266489909*(h>>>16)&65535)<<16)&4294967295,h^=h>>>16,b?("0000000"+(h>>>0).toString(16)).substr(-8):h>>>0}function e(b){var c,e=a.map(b.getParentList(!1,!0),function(a){return a.refKey||a.key});return e=e.join("/"),c="id_"+d(e,!0),b.debug(e+" -> "+c),c}a.ui.fancytree._FancytreeNodeClass.prototype.getCloneList=function(b){var c,d=this.tree,e=d.refMap[this.refKey]||null,f=d.keyMap;return e&&(c=this.key,b?e=a.map(e,function(a){return f[a]}):(e=a.map(e,function(a){return a===c?null:f[a]}),e.length<1&&(e=null))),e},a.ui.fancytree._FancytreeNodeClass.prototype.isClone=function(){var a=this.refKey||null,b=a&&this.tree.refMap[a]||null;return!!(b&&b.length>1)},a.ui.fancytree._FancytreeNodeClass.prototype.reRegister=function(b,c){b=null==b?null:""+b,c=null==c?null:""+c,this.debug("reRegister",b,c);var d=this.tree,e=this.key,f=this.refKey,g=d.keyMap,h=d.refMap,i=h[f]||null,j=!1;return null!=b&&b!==this.key&&(g[b]&&a.error("[ext-clones] reRegister("+b+"): already exists."),delete g[e],g[b]=this,i&&(h[f]=a.map(i,function(a){return a===e?b:a})),this.key=b,j=!0),null!=c&&c!==this.refKey&&(i&&(1===i.length?delete h[f]:h[f]=a.map(i,function(a){return a===e?null:a})),h[c]?h[c].append(b):h[c]=[this.key],this.refKey=c,j=!0),j},a.ui.fancytree._FancytreeClass.prototype.getNodesByRef=function(b,c){var d=this.keyMap,e=this.refMap[b]||null;return e&&(e=c?a.map(e,function(a){var b=d[a];return b.isDescendantOf(c)?b:null}):a.map(e,function(a){return d[a]}),e.length<1&&(e=null)),e},a.ui.fancytree._FancytreeClass.prototype.changeRefKey=function(a,b){var c,d,e=this.keyMap,f=this.refMap[a]||null;if(f){for(c=0;c<f.length;c++)d=e[f[c]],d.refKey=b;delete this.refMap[a],this.refMap[b]=f}},a.ui.fancytree.registerExtension({name:"clones",version:"0.0.3",options:{highlightActiveClones:!0,highlightClones:!1},treeCreate:function(a){this._super(a),a.tree.refMap={},a.tree.keyMap={}},treeInit:function(a){this.$container.addClass("fancytree-ext-clones"),b(null==a.options.defaultKey),a.options.defaultKey=function(a){return e(a)},this._super(a)},treeClear:function(a){return a.tree.refMap={},a.tree.keyMap={},this._super(a)},treeRegisterNode:function(d,e,f){var g,h,i=d.tree,j=i.keyMap,k=i.refMap,l=f.key,m=f&&null!=f.refKey?""+f.refKey:null;return"_statusNode"===l?this._super(d,e,f):(e?(null!=j[f.key]&&a.error("clones.treeRegisterNode: node.key already exists: "+f.key),j[l]=f,m&&(g=k[m],g?(g.push(l),2===g.length&&d.options.clones.highlightClones&&j[g[0]].renderStatus()):k[m]=[l],f.debug("clones.treeRegisterNode: add clone =>",k[m]))):(null==j[l]&&a.error("clones.treeRegisterNode: node.key not registered: "+f.key),delete j[l],m&&(g=k[m],f.debug("clones.treeRegisterNode: remove clone BEFORE =>",k[m]),g&&(h=g.length,1>=h?(b(1===h),b(g[0]===l),delete k[m]):(c(g,l),2===h&&d.options.clones.highlightClones&&j[g[0]].renderStatus()),f.debug("clones.treeRegisterNode: remove clone =>",k[m])))),this._super(d,e,f))},nodeRenderStatus:function(b){var c,d,e=b.node;return d=this._super(b),b.options.clones.highlightClones&&(c=a(e[b.tree.statusClassPropName]),c.length&&e.isClone()&&c.addClass("fancytree-clone")),d},nodeSetActive:function(b,c){var d,e=b.tree.statusClassPropName,f=b.node;return d=this._super(b,c),b.options.clones.highlightActiveClones&&f.isClone()&&a.each(f.getCloneList(!0),function(b,d){d.debug("clones.nodeSetActive: ",c!==!1),a(d[e]).toggleClass("fancytree-active-clone",c!==!1)}),d}})}(jQuery,window,document);
-
-/*! Extension 'jquery.fancytree.dnd.min.js' */
-!function(a,b,c,d){"use strict";function e(a){return 0===a?"":a>0?"+"+a:""+a}function f(b){var c=b.options.dnd||null;c&&g(),c&&c.dragStart&&b.widget.element.draggable(a.extend({addClasses:!1,appendTo:"body",containment:!1,delay:0,distance:4,revert:!1,scroll:!0,scrollSpeed:7,scrollSensitivity:10,connectToFancytree:!0,helper:function(b){var c=a.ui.fancytree.getNode(b.target);return c?c.tree.ext.dnd._onDragEvent("helper",c,null,b,null,null):"<div>ERROR?: helper requested but sourceNode not found</div>"},start:function(a,b){var c=b.helper.data("ftSourceNode");return!!c}},b.options.dnd.draggable)),c&&c.dragDrop&&b.widget.element.droppable(a.extend({addClasses:!1,tolerance:"intersect",greedy:!1},b.options.dnd.droppable))}function g(){i||(a.ui.plugin.add("draggable","connectToFancytree",{start:function(b,c){var d=a(this).data("ui-draggable")||a(this).data("draggable"),e=c.helper.data("ftSourceNode")||null;return e?(d.offset.click.top=-2,d.offset.click.left=16,e.tree.ext.dnd._onDragEvent("start",e,null,b,c,d)):void 0},drag:function(b,c){var d,e=a(this).data("ui-draggable")||a(this).data("draggable"),f=c.helper.data("ftSourceNode")||null,g=c.helper.data("ftTargetNode")||null,i=a.ui.fancytree.getNode(b.target);return b.target&&!i&&(d=a(b.target).closest("div.fancytree-drag-helper,#fancytree-drop-marker").length>0)?void h("Drag event over helper: ignored."):(c.helper.data("ftTargetNode",i),g&&g!==i&&g.tree.ext.dnd._onDragEvent("leave",g,f,b,c,e),void(i&&i.tree.options.dnd.dragDrop&&(i===g?i.tree.ext.dnd._onDragEvent("over",i,f,b,c,e):i.tree.ext.dnd._onDragEvent("enter",i,f,b,c,e))))},stop:function(b,c){var d=a(this).data("ui-draggable")||a(this).data("draggable"),e=c.helper.data("ftSourceNode")||null,f=c.helper.data("ftTargetNode")||null,g=b.type,i="mouseup"===g&&1===b.which;i||h("Drag was cancelled"),f&&(i&&f.tree.ext.dnd._onDragEvent("drop",f,e,b,c,d),f.tree.ext.dnd._onDragEvent("leave",f,e,b,c,d)),e&&e.tree.ext.dnd._onDragEvent("stop",e,null,b,c,d)}}),i=!0)}var h=a.ui.fancytree.debug,i=!1;a.ui.fancytree.registerExtension({name:"dnd",version:"0.1.0",options:{dragStart:null,dragStop:null,autoExpandMS:1e3,preventVoidMoves:!0,preventRecursiveMoves:!0,focusOnClick:!1,dragEnter:null,dragOver:null,dragDrop:null,dragLeave:null,draggable:null,droppable:null},treeInit:function(b){var c=b.tree;this._super(b),c.options.dnd.dragStart&&c.$container.on("mousedown",function(d){if(!c.hasFocus()&&b.options.dnd.focusOnClick){var e=a.ui.fancytree.getNode(d);e.debug("Re-enable focus that was prevented by jQuery UI draggable."),a(d.target).closest(":tabbable").focus()}}),f(c)},nodeKeydown:function(b){var c=b.originalEvent;return c.which===a.ui.keyCode.ESCAPE&&this._local._cancelDrag(),this._super(b)},nodeClick:function(a){return this._super(a)},_setDndStatus:function(b,c,d,f,g){var h,i=0,j="center",k=this._local,l=b?a(b.span):null,m=a(c.span);if(k.$dropMarker||(k.$dropMarker=a("<div id='fancytree-drop-marker'></div>").hide().css({"z-index":1e3}).prependTo(a(this.$div).parent())),"after"===f||"before"===f||"over"===f){switch(f){case"before":k.$dropMarker.removeClass("fancytree-drop-after fancytree-drop-over").addClass("fancytree-drop-before"),j="top";break;case"after":k.$dropMarker.removeClass("fancytree-drop-before fancytree-drop-over").addClass("fancytree-drop-after"),j="bottom";break;default:k.$dropMarker.removeClass("fancytree-drop-after fancytree-drop-before").addClass("fancytree-drop-over"),m.addClass("fancytree-drop-target"),i=8}h=a.ui.fancytree.jquerySupports.positionMyOfs?{my:"left"+e(i)+" center",at:"left "+j,of:m}:{my:"left center",at:"left "+j,of:m,offset:""+i+" 0"},k.$dropMarker.show().position(h)}else m.removeClass("fancytree-drop-target"),k.$dropMarker.hide();"after"===f?m.addClass("fancytree-drop-after"):m.removeClass("fancytree-drop-after"),"before"===f?m.addClass("fancytree-drop-before"):m.removeClass("fancytree-drop-before"),g===!0?(l&&l.addClass("fancytree-drop-accept"),m.addClass("fancytree-drop-accept"),d.addClass("fancytree-drop-accept")):(l&&l.removeClass("fancytree-drop-accept"),m.removeClass("fancytree-drop-accept"),d.removeClass("fancytree-drop-accept")),g===!1?(l&&l.addClass("fancytree-drop-reject"),m.addClass("fancytree-drop-reject"),d.addClass("fancytree-drop-reject")):(l&&l.removeClass("fancytree-drop-reject"),m.removeClass("fancytree-drop-reject"),d.removeClass("fancytree-drop-reject"))},_onDragEvent:function(b,c,e,f,g,i){"over"!==b&&h("tree.ext.dnd._onDragEvent(%s, %o, %o) - %o",b,c,e,this);var j,k,l,m,n,o,p,q=this.options,r=q.dnd,s=this._makeHookContext(c,f,{otherNode:e,ui:g,draggable:i}),t=null,u=a(c.span);switch(b){case"helper":j=a("<div class='fancytree-drag-helper'><span class='fancytree-drag-helper-img' /></div>").css({zIndex:3,position:"relative"}).append(u.find("span.fancytree-title").clone()),a("ul.fancytree-container",c.tree.$div).append(j),j.data("ftSourceNode",c),t=j;break;case"start":c.isStatusNode()?t=!1:r.dragStart&&(t=r.dragStart(c,s)),t===!1?(this.debug("tree.dragStart() cancelled"),g.helper.trigger("mouseup").hide()):u.addClass("fancytree-drag-source");break;case"enter":p=r.preventRecursiveMoves&&c.isDescendantOf(e)?!1:r.dragEnter?r.dragEnter(c,s):null,t=p?a.isArray(p)?{over:a.inArray("over",p)>=0,before:a.inArray("before",p)>=0,after:a.inArray("after",p)>=0}:{over:p===!0||"over"===p,before:p===!0||"before"===p,after:p===!0||"after"===p}:!1,g.helper.data("enterResponse",t),h("helper.enterResponse: %o",t);break;case"over":n=g.helper.data("enterResponse"),o=null,n===!1||("string"==typeof n?o=n:(k=u.offset(),l={x:f.pageX-k.left,y:f.pageY-k.top},m={x:l.x/u.width(),y:l.y/u.height()},n.after&&m.y>.75?o="after":!n.over&&n.after&&m.y>.5?o="after":n.before&&m.y<=.25?o="before":!n.over&&n.before&&m.y<=.5?o="before":n.over&&(o="over"),r.preventVoidMoves&&(c===e?(h("    drop over source node prevented"),o=null):"before"===o&&e&&c===e.getNextSibling()?(h("    drop after source node prevented"),o=null):"after"===o&&e&&c===e.getPrevSibling()?(h("    drop before source node prevented"),o=null):"over"===o&&e&&e.parent===c&&e.isLastSibling()&&(h("    drop last child over own parent prevented"),o=null)),g.helper.data("hitMode",o))),"over"===o&&r.autoExpandMS&&c.hasChildren()!==!1&&!c.expanded&&c.scheduleAction("expand",r.autoExpandMS),o&&r.dragOver&&(s.hitMode=o,t=r.dragOver(c,s)),this._local._setDndStatus(e,c,g.helper,o,t!==!1&&null!==o);break;case"drop":o=g.helper.data("hitMode"),o&&r.dragDrop&&(s.hitMode=o,r.dragDrop(c,s));break;case"leave":c.scheduleAction("cancel"),g.helper.data("enterResponse",null),g.helper.data("hitMode",null),this._local._setDndStatus(e,c,g.helper,"out",d),r.dragLeave&&r.dragLeave(c,s);break;case"stop":u.removeClass("fancytree-drag-source"),r.dragStop&&r.dragStop(c,s);break;default:a.error("Unsupported drag event: "+b)}return t},_cancelDrag:function(){var b=a.ui.ddmanager.current;b&&b.cancel()}})}(jQuery,window,document);
-
-/*! Extension 'jquery.fancytree.edit.min.js' */
-!function(a,b,c){"use strict";var d=/Mac/.test(navigator.platform),e=a.ui.fancytree.escapeHtml,f=a.ui.fancytree.unescapeHtml;a.ui.fancytree._FancytreeNodeClass.prototype.editStart=function(){var b,d=this,e=this.tree,g=e.ext.edit,h=d.title,i=e.options.edit,j=a(".fancytree-title",d.span),k={node:d,tree:e,options:e.options};return i.beforeEdit.call(d,{type:"beforeEdit"},k)===!1?!1:(h=d.title,d.debug("editStart"),e.widget._unbind(),a(c).on("mousedown.fancytree-edit",function(b){a(b.target).hasClass("fancytree-edit-input")||d.editEnd(!0,b)}),b=a("<input />",{"class":"fancytree-edit-input",value:f(h)}),null!=i.adjustWidthOfs&&b.width(j.width()+i.adjustWidthOfs),null!=i.inputCss&&b.css(i.inputCss),k.input=b,j.html(b),a.ui.fancytree.assert(!g.currentNode,"recursive edit"),g.currentNode=this,b.focus().change(function(){b.addClass("fancytree-edit-dirty")}).keydown(function(b){switch(b.which){case a.ui.keyCode.ESCAPE:d.editEnd(!1,b);break;case a.ui.keyCode.ENTER:return d.editEnd(!0,b),!1}b.stopPropagation()}).blur(function(a){return d.editEnd(!0,a)}),void i.edit.call(d,{type:"edit"},k))},a.ui.fancytree._FancytreeNodeClass.prototype.editEnd=function(b,d){var f=this,g=this.tree,h=g.ext.edit,i=g.options.edit,j=a(".fancytree-title",f.span),k=j.find("input.fancytree-edit-input"),l=k.val(),m=k.hasClass("fancytree-edit-dirty"),n=(b||m&&b!==!1)&&l!==f.title,o={node:f,tree:g,options:g.options,originalEvent:d,dirty:m,save:n,input:k,value:l};return i.beforeClose.call(f,{type:"beforeClose"},o)===!1?!1:n&&i.save.call(f,{type:"save"},o)===!1?!1:(k.removeClass("fancytree-edit-dirty").unbind(),a(c).off(".fancytree-edit"),n?f.setTitle(e(l)):f.renderTitle(),g.widget._bind(),h.currentNode=null,f.setFocus(),a(g.$container).focus(),o.input=null,i.close.call(f,{type:"close"},o),!0)},a.ui.fancytree._FancytreeNodeClass.prototype.startEdit=function(){return this.warn("FancytreeNode.startEdit() is deprecated since 2014-01-04. Use .editStart() instead."),this.editStart.apply(this,arguments)},a.ui.fancytree._FancytreeNodeClass.prototype.endEdit=function(){return this.warn("FancytreeNode.endEdit() is deprecated since 2014-01-04. Use .editEnd() instead."),this.editEnd.apply(this,arguments)},a.ui.fancytree._FancytreeClass.prototype.isEditing=function(){return this.ext.edit.currentNode},a.ui.fancytree._FancytreeNodeClass.prototype.isEditing=function(){return this.tree.ext.edit.currentNode===this},a.ui.fancytree.registerExtension({name:"edit",version:"0.1.0",options:{adjustWidthOfs:4,inputCss:{minWidth:"3em"},triggerCancel:["esc","tab","click"],triggerStart:["f2","shift+click","mac+enter"],beforeClose:a.noop,beforeEdit:a.noop,close:a.noop,edit:a.noop,save:a.noop},currentNode:null,treeInit:function(a){this._super(a),this.$container.addClass("fancytree-ext-edit")},nodeClick:function(b){return a.inArray("shift+click",b.options.edit.triggerStart)>=0&&b.originalEvent.shiftKey?(b.node.editStart(),!1):this._super(b)},nodeDblclick:function(b){return a.inArray("dblclick",b.options.edit.triggerStart)>=0?(b.node.editStart(),!1):this._super(b)},nodeKeydown:function(b){switch(b.originalEvent.which){case 113:if(a.inArray("f2",b.options.edit.triggerStart)>=0)return b.node.editStart(),!1;break;case a.ui.keyCode.ENTER:if(a.inArray("mac+enter",b.options.edit.triggerStart)>=0&&d)return b.node.editStart(),!1}return this._super(b)}})}(jQuery,window,document);
-
-/*! Extension 'jquery.fancytree.filter.min.js' */
-!function(a){"use strict";function b(a){return(a+"").replace(/([.?*+\^\$\[\]\\(){}|-])/g,"\\$1")}a.ui.fancytree._FancytreeClass.prototype._applyFilterImpl=function(a,c,d){var e,f,g=0,h="hide"===this.options.filter.mode;return d=!!d&&!c,"string"==typeof a&&(e=b(a),f=new RegExp(".*"+e+".*","i"),a=function(a){return!!f.exec(a.title)}),this.enableFilter=!0,this.$div.addClass("fancytree-ext-filter"),this.$div.addClass(h?"fancytree-ext-filter-hide":"fancytree-ext-filter-dimm"),this.visit(function(a){delete a.match,delete a.subMatch}),this.visit(function(b){return d&&null!=b.children||!a(b)||(g++,b.match=!0,b.visitParents(function(a){a.subMatch=!0}),!c)?void 0:(b.visit(function(a){a.match=!0}),"skip")}),this.render(),g},a.ui.fancytree._FancytreeClass.prototype.filterNodes=function(a,b){return this._applyFilterImpl(a,!1,b)},a.ui.fancytree._FancytreeClass.prototype.applyFilter=function(){return this.warn("Fancytree.applyFilter() is deprecated since 2014-05-10. Use .filterNodes() instead."),this.filterNodes.apply(this,arguments)},a.ui.fancytree._FancytreeClass.prototype.filterBranches=function(a){return this._applyFilterImpl(a,!0,null)},a.ui.fancytree._FancytreeClass.prototype.clearFilter=function(){this.visit(function(a){delete a.match,delete a.subMatch}),this.enableFilter=!1,this.$div.removeClass("fancytree-ext-filter fancytree-ext-filter-dimm fancytree-ext-filter-hide"),this.render()},a.ui.fancytree.registerExtension({name:"filter",version:"0.2.0",options:{mode:"dimm"},treeInit:function(a){this._super(a)},nodeRenderStatus:function(b){var c,d=b.node,e=b.tree,f=a(d[e.statusClassPropName]);return c=this._super(b),f.length&&e.enableFilter?(f.toggleClass("fancytree-match",!!d.match).toggleClass("fancytree-submatch",!!d.subMatch).toggleClass("fancytree-hide",!(d.match||d.subMatch)),c):c}})}(jQuery,window,document);
-
-/*! Extension 'jquery.fancytree.glyph.min.js' */
-!function(a){"use strict";function b(a,b){return a.map[b]}a.ui.fancytree.registerExtension({name:"glyph",version:"0.1.0",options:{prefix:"icon-",extra:null,map:{doc:"icon-file-alt",docOpen:"icon-file-alt",checkbox:"icon-check-empty",checkboxSelected:"icon-check",checkboxUnknown:"icon-check icon-muted",error:"icon-exclamation-sign",expanderClosed:"icon-caret-right",expanderLazy:"icon-angle-right",expanderOpen:"icon-caret-down",folder:"icon-folder-close-alt",folderOpen:"icon-folder-open-alt",loading:"icon-refresh icon-spin",noExpander:""},icon:null},treeInit:function(a){var b=a.tree;this._super(a),b.$container.addClass("fancytree-ext-glyph")},nodeRenderStatus:function(c){var d,e,f=c.node,g=a(f.span),h=c.options.glyph,i=h.map;this._super(c),f.isRoot()||(e=g.children("span.fancytree-expander").get(0),e&&(d=f.isLoading()?"loading":f.expanded?"expanderOpen":f.isUndefined()?"expanderLazy":f.hasChildren()?"expanderClosed":"noExpander",e.className="fancytree-expander "+i[d]),e=f.tr?a(f.tr).children("span.fancytree-checkbox").get(0):g.children("span.fancytree-checkbox").get(0),e&&(d=f.selected?"checkboxSelected":f.partsel?"checkboxUnknown":"checkbox",e.className="fancytree-checkbox "+i[d]),e=g.children("span.fancytree-icon").get(0),e&&(d=f.folder?f.expanded?b(h,"folderOpen"):b(h,"folder"):f.expanded?b(h,"docOpen"):b(h,"doc"),e.className="fancytree-icon "+d))},nodeSetStatus:function(c,d,e,f){var g,h=c.options.glyph,i=c.node;this._super(c,d,e,f),g=i.parent?a("span.fancytree-expander",i.span).get(0):a(".fancytree-statusnode-wait, .fancytree-statusnode-error",i[this.nodeContainerAttrName]).find("span.fancytree-expander").get(0),"loading"===d?g.className="fancytree-expander "+b(h,"loading"):"error"===d&&(g.className="fancytree-expander "+b(h,"error"))}})}(jQuery,window,document);
-
-/*! Extension 'jquery.fancytree.gridnav.min.js' */
-!function(a){"use strict";function b(b,c){var d,e=c.get(0),f=0;return b.children().each(function(){return this===e?!1:(d=a(this).prop("colspan"),void(f+=d?d:1))}),f}function c(b,c){var d,e=null,f=0;return b.children().each(function(){return f>=c?(e=a(this),!1):(d=a(this).prop("colspan"),void(f+=d?d:1))}),e}function d(a,d){var f,g,h=a.closest("td"),i=null;switch(d){case e.LEFT:i=h.prev();break;case e.RIGHT:i=h.next();break;case e.UP:case e.DOWN:for(f=h.parent(),g=b(f,h);;){if(f=d===e.UP?f.prev():f.next(),!f.length)break;if(!f.is(":hidden")&&(i=c(f,g),i&&i.find(":input").length))break}}return i}var e=a.ui.keyCode,f={text:[e.UP,e.DOWN],checkbox:[e.UP,e.DOWN,e.LEFT,e.RIGHT],radiobutton:[e.UP,e.DOWN,e.LEFT,e.RIGHT],"select-one":[e.LEFT,e.RIGHT],"select-multiple":[e.LEFT,e.RIGHT]};a.ui.fancytree.registerExtension({name:"gridnav",version:"0.0.1",options:{autofocusInput:!1,handleCursorKeys:!0},treeInit:function(b){this._requireExtension("table",!0,!0),this._super(b),this.$container.addClass("fancytree-ext-gridnav"),this.$container.on("focusin",function(c){var d,e=a.ui.fancytree.getNode(c.target);e&&!e.isActive()&&(d=b.tree._makeHookContext(e,c),b.tree._callHook("nodeSetActive",d,!0))})},nodeSetActive:function(b,c){var d,e=b.options.gridnav,f=b.node,g=b.originalEvent||{},h=a(g.target).is(":input");c=c!==!1,this._super(b,c),c&&(b.options.titlesTabbable?(h||(a(f.span).find("span.fancytree-title").focus(),f.setFocus()),b.tree.$container.attr("tabindex","-1")):e.autofocusInput&&!h&&(d=a(f.tr||f.span),d.find(":input:enabled:first").focus()))},nodeKeydown:function(b){var c,e,g,h=b.options.gridnav,i=b.originalEvent,j=a(i.target);return c=j.is(":input:enabled")?j.prop("type"):null,c&&h.handleCursorKeys?(e=f[c],e&&a.inArray(i.which,e)>=0&&(g=d(j,i.which),g&&g.length)?(g.find(":input:enabled").focus(),!1):!0):(b.tree.debug("ext-gridnav NOT HANDLED",i,c),this._super(b))}})}(jQuery,window,document);
-
-/*! Extension 'jquery.fancytree.persist.min.js' */
-!function(a,b,c,d){"use strict";function e(b,c){c=c||"",b||a.error("Assertion failed "+c)}function f(b,c,d,e,g){var i,j,k,l,m=!1,n=[],o=[];for(d=d||[],g=g||a.Deferred(),i=0,k=d.length;k>i;i++)j=d[i],l=b.getNodeByKey(j),l?e&&l.isUndefined()?(m=!0,b.debug("_loadLazyNodes: "+l+" is lazy: loading..."),n.push("expand"===e?l.setExpanded():l.load())):(b.debug("_loadLazyNodes: "+l+" already loaded."),l.setExpanded()):(o.push(j),b.debug("_loadLazyNodes: "+l+" was not yet found."));return a.when.apply(a,n).always(function(){if(m&&o.length>0)f(b,c,o,e,g);else{if(o.length)for(b.warn("_loadLazyNodes: could not load those keys: ",o),i=0,k=o.length;k>i;i++)j=d[i],c._appendKey(h,d[i],!1);g.resolve()}}),g}var g="active",h="expanded",i="focus",j="selected";a.ui.fancytree._FancytreeClass.prototype.clearCookies=function(a){var b=this.ext.persist,c=b.cookiePrefix;a=a||"active expanded focus selected",a.indexOf(g)>=0&&b._data(c+g,null),a.indexOf(h)>=0&&b._data(c+h,null),a.indexOf(i)>=0&&b._data(c+i,null),a.indexOf(j)>=0&&b._data(c+j,null)},a.ui.fancytree._FancytreeClass.prototype.getPersistData=function(){var a=this.ext.persist,b=a.cookiePrefix,c=a.cookieDelimiter,d={};return d[g]=a._data(b+g),d[h]=(a._data(b+h)||"").split(c),d[j]=(a._data(b+j)||"").split(c),d[i]=a._data(b+i),d},a.ui.fancytree.registerExtension({name:"persist",version:"0.3.0",options:{cookieDelimiter:"~",cookiePrefix:d,cookie:{raw:!1,expires:"",path:"",domain:"",secure:!1},expandLazy:!1,overrideSource:!1,store:"auto",types:"active expanded focus selected"},_data:function(b,c){var e=this._local.localStorage;return c===d?e?e.getItem(b):a.cookie(b):void(null===c?e?e.removeItem(b):a.removeCookie(b):e?e.setItem(b,c):a.cookie(b,c,this.options.persist.cookie))},_appendKey:function(b,c,d){c=""+c;var e=this._local,f=this.options.persist,g=f.cookieDelimiter,h=e.cookiePrefix+b,i=e._data(h),j=i?i.split(g):[],k=a.inArray(c,j);k>=0&&j.splice(k,1),d&&j.push(c),e._data(h,j.join(g))},treeInit:function(k){var l=k.tree,m=k.options,n=this._local,o=this.options.persist;return e("localStore"===o.store||a.cookie,"Missing required plugin for 'persist' extension: jquery.cookie.js"),n.cookiePrefix=o.cookiePrefix||"fancytree-"+l._id+"-",n.storeActive=o.types.indexOf(g)>=0,n.storeExpanded=o.types.indexOf(h)>=0,n.storeSelected=o.types.indexOf(j)>=0,n.storeFocus=o.types.indexOf(i)>=0,n.localStorage="cookie"!==o.store&&b.localStorage?"local"===o.store?b.localStorage:b.sessionStorage:null,l.$div.bind("fancytreeinit",function(){var b,e,k,p,q,r=a.cookie(n.cookiePrefix+i);l.debug("COOKIE "+c.cookie),b=n._data(n.cookiePrefix+h),p=b&&b.split(o.cookieDelimiter),e=n.storeExpanded?f(l,n,p,o.expandLazy?"expand":!1,null):(new a.Deferred).resolve(),e.done(function(){if(n.storeSelected&&(b=n._data(n.cookiePrefix+j)))for(p=b.split(o.cookieDelimiter),k=0;k<p.length;k++)q=l.getNodeByKey(p[k]),q?(q.selected===d||o.overrideSource&&q.selected===!1)&&(q.selected=!0,q.renderStatus()):n._appendKey(j,p[k],!1);n.storeActive&&(b=n._data(n.cookiePrefix+g),!b||!m.persist.overrideSource&&l.activeNode||(q=l.getNodeByKey(b),q&&q.setActive())),n.storeFocus&&r&&(q=l.getNodeByKey(r),q&&q.setFocus())})}),this._super(k)},nodeSetActive:function(a,b,c){var d,e=this._local;return b=b!==!1,d=this._super(a,b,c),e.storeActive&&e._data(e.cookiePrefix+g,this.activeNode?this.activeNode.key:null),d},nodeSetExpanded:function(a,b,c){var d,e=a.node,f=this._local;return b=b!==!1,d=this._super(a,b,c),f.storeExpanded&&f._appendKey(h,e.key,b),d},nodeSetFocus:function(a,b){var c,d=this._local;return b=b!==!1,c=this._super(a,b),b&&d.storeFocus&&d._data(d.cookiePrefix+i,this.focusNode?this.focusNode.key:null),c},nodeSetSelected:function(a,b){var c,d=a.node,e=this._local;return b=b!==!1,c=this._super(a,b),e.storeSelected&&e._appendKey(j,d.key,b),c}})}(jQuery,window,document);
-
-/*! Extension 'jquery.fancytree.table.min.js' */
-!function(a,b,c){"use strict";function d(b,c){c=c||"",b||a.error("Assertion failed "+c)}function e(a,b){a.parentNode.insertBefore(b,a.nextSibling)}function f(a,b){a.visit(function(a){var c=a.tr;return c&&(c.style.display=a.hide||!b?"none":""),a.expanded?void 0:"skip"})}function g(b){var c,e,f,g=b.parent,h=g?g.children:null;if(h&&h.length>1&&h[0]!==b)for(c=a.inArray(b,h),f=h[c-1],d(f.tr);f.children&&(e=f.children[f.children.length-1],e.tr);)f=e;else f=g;return f}a.ui.fancytree.registerExtension({name:"table",version:"0.2.0",options:{checkboxColumnIdx:null,customStatus:!1,indentation:16,nodeColumnIdx:0},treeInit:function(b){var d,e,f,g=b.tree,h=g.widget.element;for(h.addClass("fancytree-container fancytree-ext-table"),g.tbody=h.find("> tbody")[0],g.columnCount=a("thead >tr >th",h).length,a(g.tbody).empty(),g.rowFragment=c.createDocumentFragment(),e=a("<tr />"),f="",b.options.aria&&(e.attr("role","row"),f=" role='gridcell'"),d=0;d<g.columnCount;d++)e.append(b.options.table.nodeColumnIdx===d?"<td"+f+"><span class='fancytree-node' /></td>":"<td"+f+" />");g.rowFragment.appendChild(e.get(0)),g.statusClassPropName="tr",g.ariaPropName="tr",this.nodeContainerAttrName="tr",this._super(b),a(g.rootNode.ul).remove(),g.rootNode.ul=null,g.$container=h,this.$container.attr("tabindex",this.options.tabbable?"0":"-1"),this.options.aria&&g.$container.attr("role","treegrid").attr("aria-readonly",!0)},nodeRemoveChildMarkup:function(b){var c=b.node;c.visit(function(b){b.tr&&(a(b.tr).remove(),b.tr=null)})},nodeRemoveMarkup:function(b){var c=b.node;c.tr&&(a(c.tr).remove(),c.tr=null),this.nodeRemoveChildMarkup(b)},nodeRender:function(b,c,h,i,j){var k,l,m,n,o,p,q,r,s=b.tree,t=b.node,u=b.options,v=!t.parent;if(j||(b.hasCollapsedParents=t.parent&&!t.parent.expanded),!v)if(t.tr)c?this.nodeRenderTitle(b):this.nodeRenderStatus(b);else{if(b.hasCollapsedParents)return void t.debug("nodeRender ignored due to unrendered parent");o=s.rowFragment.firstChild.cloneNode(!0),p=g(t),d(p),i===!0&&j?o.style.display="none":h&&b.hasCollapsedParents&&(o.style.display="none"),p.tr?e(p.tr,o):(d(!p.parent,"prev. row must have a tr, or is system root"),s.tbody.appendChild(o)),t.tr=o,t.key&&u.generateIds&&(t.tr.id=u.idPrefix+t.key),t.tr.ftnode=t,u.aria&&a(t.tr).attr("aria-labelledby","ftal_"+t.key),t.span=a("span.fancytree-node",t.tr).get(0),this.nodeRenderTitle(b),u.createNode&&u.createNode.call(s,{type:"createNode"},b)}if(u.renderNode&&u.renderNode.call(s,{type:"renderNode"},b),k=t.children,k&&(v||h||t.expanded))for(m=0,n=k.length;n>m;m++)r=a.extend({},b,{node:k[m]}),r.hasCollapsedParents=r.hasCollapsedParents||!t.expanded,this.nodeRender(r,c,h,i,!0);k&&!j&&(q=t.tr||null,l=s.tbody.firstChild,t.visit(function(a){if(a.tr){if(a.parent.expanded||"none"===a.tr.style.display||(a.tr.style.display="none",f(a,!1)),a.tr.previousSibling!==q){t.debug("_fixOrder: mismatch at node: "+a);var b=q?q.nextSibling:l;s.tbody.insertBefore(a.tr,b)}q=a.tr}}))},nodeRenderTitle:function(b){var c,d=b.node,e=b.options;this._super(b),e.checkbox&&null!=e.table.checkboxColumnIdx&&(c=a("span.fancytree-checkbox",d.span).detach(),a(d.tr).find("td:first").html(c)),d.isRoot()||this.nodeRenderStatus(b),!e.table.customStatus&&d.isStatusNode()||e.renderColumns&&e.renderColumns.call(b.tree,{type:"renderColumns"},b)},nodeRenderStatus:function(b){var c,d=b.node,e=b.options;this._super(b),a(d.tr).removeClass("fancytree-node"),c=(d.getLevel()-1)*e.table.indentation,a(d.span).css({marginLeft:c+"px"})},nodeSetExpanded:function(b,c,d){function e(a){c=c!==!1,f(b.node,c),a?c&&b.options.autoScroll&&!d.noAnimation&&b.node.hasChildren()?b.node.getLastChild().scrollIntoView(!0,{topNode:b.node}).always(function(){d.noEvents||b.tree._triggerNodeEvent(c?"expand":"collapse",b),g.resolveWith(b.node)}):(d.noEvents||b.tree._triggerNodeEvent(c?"expand":"collapse",b),g.resolveWith(b.node)):(d.noEvents||b.tree._triggerNodeEvent(c?"expand":"collapse",b),g.rejectWith(b.node))}var g=new a.Deferred,h=a.extend({},d,{noEvents:!0,noAnimation:!0});return d=d||{},this._super(b,c,h).done(function(){e(!0)}).fail(function(){e(!1)}),g.promise()},nodeSetStatus:function(b,c,d,e){if("ok"===c){var f=b.node,g=f.children?f.children[0]:null;g&&g.isStatusNode()&&a(g.tr).remove()}this._super(b,c,d,e)},treeClear:function(a){return this.nodeRemoveChildMarkup(this._makeHookContext(this.rootNode)),this._super(a)}})}(jQuery,window,document);
-
-/*! Extension 'jquery.fancytree.themeroller.min.js' */
-!function(a){"use strict";a.ui.fancytree.registerExtension({name:"themeroller",version:"0.0.1",options:{activeClass:"ui-state-active",foccusClass:"ui-state-focus",hoverClass:"ui-state-hover",selectedClass:"ui-state-highlight"},treeInit:function(b){this._super(b);var c=b.widget.element;"TABLE"===c[0].nodeName?(c.addClass("ui-widget ui-corner-all"),c.find(">thead tr").addClass("ui-widget-header"),c.find(">tbody").addClass("ui-widget-conent")):c.addClass("ui-widget ui-widget-content ui-corner-all"),c.delegate(".fancytree-node","mouseenter mouseleave",function(b){var c=a.ui.fancytree.getNode(b.target),d="mouseenter"===b.type;c.debug("hover: "+d),a(c.span).toggleClass("ui-state-hover ui-corner-all",d)})},treeDestroy:function(a){this._super(a),a.widget.element.removeClass("ui-widget ui-widget-content ui-corner-all")},nodeRenderStatus:function(b){var c=b.node,d=a(c.span);this._super(b),d.toggleClass("ui-state-active",c.isActive()),d.toggleClass("ui-state-focus",c.hasFocus()),d.toggleClass("ui-state-highlight",c.isSelected())}})}(jQuery,window,document);
-}));
diff --git a/app/assets/javascripts/fancytree/jquery.fancytree.js b/app/assets/javascripts/fancytree/jquery.fancytree.js
deleted file mode 100644
index dddcbd5..0000000
--- a/app/assets/javascripts/fancytree/jquery.fancytree.js
+++ /dev/null
@@ -1,4106 +0,0 @@
-/*!
- * jquery.fancytree.js
- * Dynamic tree view control, with support for lazy loading of branches.
- * https://github.com/mar10/fancytree/
- *
- * Copyright (c) 2006-2014, Martin Wendt (http://wwWendt.de)
- * Released under the MIT license
- * https://github.com/mar10/fancytree/wiki/LicenseInfo
- *
- * @version 2.3.0
- * @date 2014-08-17T10:39
- */
-
-/** Core Fancytree module.
- */
-
-
-// Start of local namespace
-;(function($, window, document, undefined) {
-"use strict";
-
-// prevent duplicate loading
-if ( $.ui.fancytree && $.ui.fancytree.version ) {
-	$.ui.fancytree.warn("Fancytree: ignored duplicate include");
-	return;
-}
-
-
-/* *****************************************************************************
- * Private functions and variables
- */
-
-function _raiseNotImplemented(msg){
-	msg = msg || "";
-	$.error("Not implemented: " + msg);
-}
-
-function _assert(cond, msg){
-	// TODO: see qunit.js extractStacktrace()
-	if(!cond){
-		msg = msg ? ": " + msg : "";
-		$.error("Assertion failed" + msg);
-	}
-}
-
-function consoleApply(method, args){
-	var i, s,
-		fn = window.console ? window.console[method] : null;
-
-	if(fn){
-		if(fn.apply){
-			fn.apply(window.console, args);
-		}else{
-			// IE?
-			s = "";
-			for( i=0; i<args.length; i++){
-				s += args[i];
-			}
-			fn(s);
-		}
-	}
-}
-
-/*Return true if x is a FancytreeNode.*/
-function _isNode(x){
-	return !!(x.tree && x.statusNodeType !== undefined);
-}
-
-/** Return true if dotted version string is equal or higher than requested version.
- *
- * See http://jsfiddle.net/mar10/FjSAN/
- */
-function isVersionAtLeast(dottedVersion, major, minor, patch){
-	var i, v, t,
-		verParts = $.map($.trim(dottedVersion).split("."), function(e){ return parseInt(e, 10); }),
-		testParts = $.map(Array.prototype.slice.call(arguments, 1), function(e){ return parseInt(e, 10); });
-
-	for( i = 0; i < testParts.length; i++ ){
-		v = verParts[i] || 0;
-		t = testParts[i] || 0;
-		if( v !== t ){
-			return ( v > t );
-		}
-	}
-	return true;
-}
-
-/** Return a wrapper that calls sub.methodName() and exposes
- *  this        : tree
- *  this._local : tree.ext.EXTNAME
- *  this._super : base.methodName()
- */
-function _makeVirtualFunction(methodName, tree, base, extension, extName){
-	// $.ui.fancytree.debug("_makeVirtualFunction", methodName, tree, base, extension, extName);
-	// if(rexTestSuper && !rexTestSuper.test(func)){
-	//     // extension.methodName() doesn't call _super(), so no wrapper required
-	//     return func;
-	// }
-	// Use an immediate function as closure
-	var proxy = (function(){
-		var prevFunc = tree[methodName],      // org. tree method or prev. proxy
-			baseFunc = extension[methodName], //
-			_local = tree.ext[extName],
-			_super = function(){
-				return prevFunc.apply(tree, arguments);
-			};
-
-		// Return the wrapper function
-		return function(){
-			var prevLocal = tree._local,
-				prevSuper = tree._super;
-			try{
-				tree._local = _local;
-				tree._super = _super;
-				return  baseFunc.apply(tree, arguments);
-			}finally{
-				tree._local = prevLocal;
-				tree._super = prevSuper;
-			}
-		};
-	})(); // end of Immediate Function
-	return proxy;
-}
-
-/**
- * Subclass `base` by creating proxy functions
- */
-function _subclassObject(tree, base, extension, extName){
-	// $.ui.fancytree.debug("_subclassObject", tree, base, extension, extName);
-	for(var attrName in extension){
-		if(typeof extension[attrName] === "function"){
-			if(typeof tree[attrName] === "function"){
-				// override existing method
-				tree[attrName] = _makeVirtualFunction(attrName, tree, base, extension, extName);
-			}else if(attrName.charAt(0) === "_"){
-				// Create private methods in tree.ext.EXTENSION namespace
-				tree.ext[extName][attrName] = _makeVirtualFunction(attrName, tree, base, extension, extName);
-			}else{
-				$.error("Could not override tree." + attrName + ". Use prefix '_' to create tree." + extName + "._" + attrName);
-			}
-		}else{
-			// Create member variables in tree.ext.EXTENSION namespace
-			if(attrName !== "options"){
-				tree.ext[extName][attrName] = extension[attrName];
-			}
-		}
-	}
-}
-
-
-function _getResolvedPromise(context, argArray){
-	if(context === undefined){
-		return $.Deferred(function(){this.resolve();}).promise();
-	}else{
-		return $.Deferred(function(){this.resolveWith(context, argArray);}).promise();
-	}
-}
-
-
-function _getRejectedPromise(context, argArray){
-	if(context === undefined){
-		return $.Deferred(function(){this.reject();}).promise();
-	}else{
-		return $.Deferred(function(){this.rejectWith(context, argArray);}).promise();
-	}
-}
-
-
-function _makeResolveFunc(deferred, context){
-	return function(){
-		deferred.resolveWith(context);
-	};
-}
-
-
-function _getElementDataAsDict($el){
-	// Evaluate 'data-NAME' attributes with special treatment for 'data-json'.
-	var d = $.extend({}, $el.data()),
-		json = d.json;
-	delete d.fancytree; // added to container by widget factory
-	if( json ) {
-		delete d.json;
-		// <li data-json='...'> is already returned as object (http://api.jquery.com/data/#data-html5)
-		d = $.extend(d, json);
-	}
-	return d;
-}
-
-
-// TODO: use currying
-function _makeNodeTitleMatcher(s){
-	s = s.toLowerCase();
-	return function(node){
-		return node.title.toLowerCase().indexOf(s) >= 0;
-	};
-}
-
-var i,
-	FT = null, // initialized below
-	ENTITY_MAP = {"&": "&amp;", "<": "&lt;", ">": "&gt;", "\"": "&quot;", "'": "&#39;", "/": "&#x2F;"},
-	//boolean attributes that can be set with equivalent class names in the LI tags
-	CLASS_ATTRS = "active expanded focus folder hideCheckbox lazy selected unselectable".split(" "),
-	CLASS_ATTR_MAP = {},
-	//	Top-level Fancytree node attributes, that can be set by dict
-	NODE_ATTRS = "expanded extraClasses folder hideCheckbox key lazy refKey selected title tooltip unselectable".split(" "),
-	NODE_ATTR_MAP = {},
-	// Attribute names that should NOT be added to node.data
-	NONE_NODE_DATA_MAP = {"active": true, "children": true, "data": true, "focus": true};
-
-for(i=0; i<CLASS_ATTRS.length; i++){ CLASS_ATTR_MAP[CLASS_ATTRS[i]] = true; }
-for(i=0; i<NODE_ATTRS.length; i++){ NODE_ATTR_MAP[NODE_ATTRS[i]] = true; }
-
-
-/* *****************************************************************************
- * FancytreeNode
- */
-
-
-/**
- * Creates a new FancytreeNode
- *
- * @class FancytreeNode
- * @classdesc A FancytreeNode represents the hierarchical data model and operations.
- *
- * @param {FancytreeNode} parent
- * @param {NodeData} obj
- *
- * @property {Fancytree} tree The tree instance
- * @property {FancytreeNode} parent The parent node
- * @property {string} key Node id (must be unique inside the tree)
- * @property {string} title Display name (may contain HTML)
- * @property {object} data Contains all extra data that was passed on node creation
- * @property {FancytreeNode[] | null | undefined} children Array of child nodes.<br>
- *     For lazy nodes, null or undefined means 'not yet loaded'. Use an empty array
- *     to define a node that has no children.
- * @property {boolean} expanded Use isExpanded(), setExpanded() to access this property.
- * @property {string} extraClasses Addtional CSS classes, added to the node's `&lt;span>`
- * @property {boolean} folder Folder nodes have different default icons and click behavior.<br>
- *     Note: Also non-folders may have children.
- * @property {string} statusNodeType null or type of temporarily generated system node like 'loading', or 'error'.
- * @property {boolean} lazy True if this node is loaded on demand, i.e. on first expansion.
- * @property {boolean} selected Use isSelected(), setSelected() to access this property.
- * @property {string} tooltip Alternative description used as hover banner
- */
-function FancytreeNode(parent, obj){
-	var i, l, name, cl;
-
-	this.parent = parent;
-	this.tree = parent.tree;
-	this.ul = null;
-	this.li = null;  // <li id='key' ftnode=this> tag
-	this.statusNodeType = null; // if this is a temp. node to display the status of its parent
-	this._isLoading = false;    // if this node itself is loading
-	this._error = null;         // {message: '...'} if a load error occured
-	this.data = {};
-
-	// TODO: merge this code with node.toDict()
-	// copy attributes from obj object
-	for(i=0, l=NODE_ATTRS.length; i<l; i++){
-		name = NODE_ATTRS[i];
-		this[name] = obj[name];
-	}
-	// node.data += obj.data
-	if(obj.data){
-		$.extend(this.data, obj.data);
-	}
-	// copy all other attributes to this.data.NAME
-	for(name in obj){
-		if(!NODE_ATTR_MAP[name] && !$.isFunction(obj[name]) && !NONE_NODE_DATA_MAP[name]){
-			// node.data.NAME = obj.NAME
-			this.data[name] = obj[name];
-		}
-	}
-
-	// Fix missing key
-	if( this.key == null ){ // test for null OR undefined
-		if( this.tree.options.defaultKey ) {
-			this.key = this.tree.options.defaultKey(this);
-			_assert(this.key, "defaultKey() must return a unique key");
-		} else {
-			this.key = "_" + (FT._nextNodeKey++);
-		}
-	} else {
-		this.key = "" + this.key; // Convert to string (#217)
-	}
-
-	// Fix tree.activeNode
-	// TODO: not elegant: we use obj.active as marker to set tree.activeNode
-	// when loading from a dictionary.
-	if(obj.active){
-		_assert(this.tree.activeNode === null, "only one active node allowed");
-		this.tree.activeNode = this;
-	}
-	if( obj.selected ){ // #186
-		this.tree.lastSelectedNode = this;
-	}
-	// TODO: handle obj.focus = true
-	// Create child nodes
-	this.children = null;
-	cl = obj.children;
-	if(cl && cl.length){
-		this._setChildren(cl);
-	}
-	// Add to key/ref map (except for root node)
-//	if( parent ) {
-	this.tree._callHook("treeRegisterNode", this.tree, true, this);
-//	}
-}
-
-
-FancytreeNode.prototype = /** @lends FancytreeNode# */{
-	/* Return the direct child FancytreeNode with a given key, index. */
-	_findDirectChild: function(ptr){
-		var i, l,
-			cl = this.children;
-
-		if(cl){
-			if(typeof ptr === "string"){
-				for(i=0, l=cl.length; i<l; i++){
-					if(cl[i].key === ptr){
-						return cl[i];
-					}
-				}
-			}else if(typeof ptr === "number"){
-				return this.children[ptr];
-			}else if(ptr.parent === this){
-				return ptr;
-			}
-		}
-		return null;
-	},
-	// TODO: activate()
-	// TODO: activateSilently()
-	/* Internal helper called in recursive addChildren sequence.*/
-	_setChildren: function(children){
-		_assert(children && (!this.children || this.children.length === 0), "only init supported");
-		this.children = [];
-		for(var i=0, l=children.length; i<l; i++){
-			this.children.push(new FancytreeNode(this, children[i]));
-		}
-	},
-	/**
-	 * Append (or insert) a list of child nodes.
-	 *
-	 * @param {NodeData[]} children array of child node definitions (also single child accepted)
-	 * @param {FancytreeNode | string | Integer} [insertBefore] child node (or key or index of such).
-	 *     If omitted, the new children are appended.
-	 * @returns {FancytreeNode} first child added
-	 *
-	 * @see FancytreeNode#applyPatch
-	 */
-	addChildren: function(children, insertBefore){
-		var i, l, pos,
-			firstNode = null,
-			nodeList = [];
-
-		if($.isPlainObject(children) ){
-			children = [children];
-		}
-		if(!this.children){
-			this.children = [];
-		}
-		for(i=0, l=children.length; i<l; i++){
-			nodeList.push(new FancytreeNode(this, children[i]));
-		}
-		firstNode = nodeList[0];
-		if(insertBefore == null){
-			this.children = this.children.concat(nodeList);
-		}else{
-			insertBefore = this._findDirectChild(insertBefore);
-			pos = $.inArray(insertBefore, this.children);
-			_assert(pos >= 0, "insertBefore must be an existing child");
-			// insert nodeList after children[pos]
-			this.children.splice.apply(this.children, [pos, 0].concat(nodeList));
-		}
-		if( !this.parent || this.parent.ul || this.tr ){
-			// render if the parent was rendered (or this is a root node)
-			this.render();
-		}
-		if( this.tree.options.selectMode === 3 ){
-			this.fixSelection3FromEndNodes();
-		}
-		return firstNode;
-	},
-	/**
-	 * Append or prepend a node, or append a child node.
-	 *
-	 * This a convenience function that calls addChildren()
-	 *
-	 * @param {NodeData} node node definition
-	 * @param {string} [mode=child] 'before', 'after', or 'child' ('over' is a synonym for 'child')
-	 * @returns {FancytreeNode} new node
-	 */
-	addNode: function(node, mode){
-		if(mode === undefined || mode === "over"){
-			mode = "child";
-		}
-		switch(mode){
-		case "after":
-			return this.getParent().addChildren(node, this.getNextSibling());
-		case "before":
-			return this.getParent().addChildren(node, this);
-		case "child":
-		case "over":
-			return this.addChildren(node);
-		}
-		_assert(false, "Invalid mode: " + mode);
-	},
-	/**
-	 * Append new node after this.
-	 *
-	 * This a convenience function that calls addNode(node, 'after')
-	 *
-	 * @param {NodeData} node node definition
-	 * @returns {FancytreeNode} new node
-	 */
-	appendSibling: function(node){
-		return this.addNode(node, "after");
-	},
-	/**
-	 * Modify existing child nodes.
-	 *
-	 * @param {NodePatch} patch
-	 * @returns {$.Promise}
-	 * @see FancytreeNode#addChildren
-	 */
-	applyPatch: function(patch) {
-		// patch [key, null] means 'remove'
-		if(patch === null){
-			this.remove();
-			return _getResolvedPromise(this);
-		}
-		// TODO: make sure that root node is not collapsed or modified
-		// copy (most) attributes to node.ATTR or node.data.ATTR
-		var name, promise, v,
-			IGNORE_MAP = { children: true, expanded: true, parent: true }; // TODO: should be global
-
-		for(name in patch){
-			v = patch[name];
-			if( !IGNORE_MAP[name] && !$.isFunction(v)){
-				if(NODE_ATTR_MAP[name]){
-					this[name] = v;
-				}else{
-					this.data[name] = v;
-				}
-			}
-		}
-		// Remove and/or create children
-		if(patch.hasOwnProperty("children")){
-			this.removeChildren();
-			if(patch.children){ // only if not null and not empty list
-				// TODO: addChildren instead?
-				this._setChildren(patch.children);
-			}
-			// TODO: how can we APPEND or INSERT child nodes?
-		}
-		if(this.isVisible()){
-			this.renderTitle();
-			this.renderStatus();
-		}
-		// Expand collapse (final step, since this may be async)
-		if(patch.hasOwnProperty("expanded")){
-			promise = this.setExpanded(patch.expanded);
-		}else{
-			promise = _getResolvedPromise(this);
-		}
-		return promise;
-	},
-	/** Collapse all sibling nodes.
-	 * @returns {$.Promise}
-	 */
-	collapseSiblings: function() {
-		return this.tree._callHook("nodeCollapseSiblings", this);
-	},
-	/** Copy this node as sibling or child of `node`.
-	 *
-	 * @param {FancytreeNode} node source node
-	 * @param {string} mode 'before' | 'after' | 'child'
-	 * @param {Function} [map] callback function(NodeData) that could modify the new node
-	 * @returns {FancytreeNode} new
-	 */
-	copyTo: function(node, mode, map) {
-		return node.addNode(this.toDict(true, map), mode);
-	},
-	/** Count direct and indirect children.
-	 *
-	 * @param {boolean} [deep=true] pass 'false' to only count direct children
-	 * @returns {int} number of child nodes
-	 */
-	countChildren: function(deep) {
-		var cl = this.children, i, l, n;
-		if( !cl ){
-			return 0;
-		}
-		n = cl.length;
-		if(deep !== false){
-			for(i=0, l=n; i<l; i++){
-				n += cl[i].countChildren();
-			}
-		}
-		return n;
-	},
-	// TODO: deactivate()
-	/** Write to browser console if debugLevel >= 2 (prepending node info)
-	 *
-	 * @param {*} msg string or object or array of such
-	 */
-	debug: function(msg){
-		if( this.tree.options.debugLevel >= 2 ) {
-			Array.prototype.unshift.call(arguments, this.toString());
-			consoleApply("debug", arguments);
-		}
-	},
-	/** Deprecated.
-	 * @deprecated since 2014-02-16. Use resetLazy() instead.
-	 */
-	discard: function(){
-		this.warn("FancytreeNode.discard() is deprecated since 2014-02-16. Use .resetLazy() instead.");
-		return this.resetLazy();
-	},
-	// TODO: expand(flag)
-	/**Find all nodes that contain `match` in the title.
-	 *
-	 * @param {string | function(node)} match string to search for, of a function that
-	 * returns `true` if a node is matched.
-	 * @returns {FancytreeNode[]} array of nodes (may be empty)
-	 * @see FancytreeNode#findAll
-	 */
-	findAll: function(match) {
-		match = $.isFunction(match) ? match : _makeNodeTitleMatcher(match);
-		var res = [];
-		this.visit(function(n){
-			if(match(n)){
-				res.push(n);
-			}
-		});
-		return res;
-	},
-	/**Find first node that contains `match` in the title (not including self).
-	 *
-	 * @param {string | function(node)} match string to search for, of a function that
-	 * returns `true` if a node is matched.
-	 * @returns {FancytreeNode} matching node or null
-	 * @example
-	 * <b>fat</b> text
-	 */
-	findFirst: function(match) {
-		match = $.isFunction(match) ? match : _makeNodeTitleMatcher(match);
-		var res = null;
-		this.visit(function(n){
-			if(match(n)){
-				res = n;
-				return false;
-			}
-		});
-		return res;
-	},
-	/* Apply selection state (internal use only) */
-	_changeSelectStatusAttrs: function (state) {
-		var changed = false;
-
-		switch(state){
-		case false:
-			changed = ( this.selected || this.partsel );
-			this.selected = false;
-			this.partsel = false;
-			break;
-		case true:
-			changed = ( !this.selected || !this.partsel );
-			this.selected = true;
-			this.partsel = true;
-			break;
-		case undefined:
-			changed = ( this.selected || !this.partsel );
-			this.selected = false;
-			this.partsel = true;
-			break;
-		default:
-			_assert(false, "invalid state: " + state);
-		}
-		// this.debug("fixSelection3AfterLoad() _changeSelectStatusAttrs()", state, changed);
-		if( changed ){
-			this.renderStatus();
-		}
-		return changed;
-	},
-	/**
-	 * Fix selection status, after this node was (de)selected in multi-hier mode.
-	 * This includes (de)selecting all children.
-	 */
-	fixSelection3AfterClick: function() {
-		var flag = this.isSelected();
-
-//		this.debug("fixSelection3AfterClick()");
-
-		this.visit(function(node){
-			node._changeSelectStatusAttrs(flag);
-		});
-		this.fixSelection3FromEndNodes();
-	},
-	/**
-	 * Fix selection status for multi-hier mode.
-	 * Only end-nodes are considered to update the descendants branch and parents.
-	 * Should be called after this node has loaded new children or after
-	 * children have been modified using the API.
-	 */
-	fixSelection3FromEndNodes: function() {
-//		this.debug("fixSelection3FromEndNodes()");
-		_assert(this.tree.options.selectMode === 3, "expected selectMode 3");
-
-		// Visit all end nodes and adjust their parent's `selected` and `partsel`
-		// attributes. Return selection state true, false, or undefined.
-		function _walk(node){
-			var i, l, child, s, state, allSelected,someSelected,
-				children = node.children;
-
-			if( children && children.length ){
-				// check all children recursively
-				allSelected = true;
-				someSelected = false;
-
-				for( i=0, l=children.length; i<l; i++ ){
-					child = children[i];
-					// the selection state of a node is not relevant; we need the end-nodes
-					s = _walk(child);
-					if( s !== false ) {
-						someSelected = true;
-					}
-					if( s !== true ) {
-						allSelected = false;
-					}
-				}
-				state = allSelected ? true : (someSelected ? undefined : false);
-			}else{
-				// This is an end-node: simply report the status
-//				state = ( node.unselectable ) ? undefined : !!node.selected;
-				state = !!node.selected;
-			}
-			node._changeSelectStatusAttrs(state);
-			return state;
-		}
-		_walk(this);
-
-		// Update parent's state
-		this.visitParents(function(node){
-			var i, l, child, state,
-				children = node.children,
-				allSelected = true,
-				someSelected = false;
-
-			for( i=0, l=children.length; i<l; i++ ){
-				child = children[i];
-				// When fixing the parents, we trust the sibling status (i.e.
-				// we don't recurse)
-				if( child.selected || child.partsel ) {
-					someSelected = true;
-				}
-				if( !child.unselectable && !child.selected ) {
-					allSelected = false;
-				}
-			}
-			state = allSelected ? true : (someSelected ? undefined : false);
-			node._changeSelectStatusAttrs(state);
-		});
-	},
-	// TODO: focus()
-	/**
-	 * Update node data. If dict contains 'children', then also replace
-	 * the hole sub tree.
-	 * @param {NodeData} dict
-	 *
-	 * @see FancytreeNode#addChildren
-	 * @see FancytreeNode#applyPatch
-	 */
-	fromDict: function(dict) {
-		// copy all other attributes to this.data.xxx
-		for(var name in dict){
-			if(NODE_ATTR_MAP[name]){
-				// node.NAME = dict.NAME
-				this[name] = dict[name];
-			}else if(name === "data"){
-				// node.data += dict.data
-				$.extend(this.data, dict.data);
-			}else if(!$.isFunction(dict[name]) && !NONE_NODE_DATA_MAP[name]){
-				// node.data.NAME = dict.NAME
-				this.data[name] = dict[name];
-			}
-		}
-		if(dict.children){
-			// recursively set children and render
-			this.removeChildren();
-			this.addChildren(dict.children);
-		}
-		this.renderTitle();
-/*
-		var children = dict.children;
-		if(children === undefined){
-			this.data = $.extend(this.data, dict);
-			this.render();
-			return;
-		}
-		dict = $.extend({}, dict);
-		dict.children = undefined;
-		this.data = $.extend(this.data, dict);
-		this.removeChildren();
-		this.addChild(children);
-*/
-	},
-	/** Return the list of child nodes (undefined for unexpanded lazy nodes).
-	 * @returns {FancytreeNode[] | undefined}
-	 */
-	getChildren: function() {
-		if(this.hasChildren() === undefined){ // TODO: only required for lazy nodes?
-			return undefined; // Lazy node: unloaded, currently loading, or load error
-		}
-		return this.children;
-	},
-	/** Return the first child node or null.
-	 * @returns {FancytreeNode | null}
-	 */
-	getFirstChild: function() {
-		return this.children ? this.children[0] : null;
-	},
-	/** Return the 0-based child index.
-	 * @returns {int}
-	 */
-	getIndex: function() {
-//		return this.parent.children.indexOf(this);
-		return $.inArray(this, this.parent.children); // indexOf doesn't work in IE7
-	},
-	/** Return the hierarchical child index (1-based, e.g. '3.2.4').
-	 * @returns {string}
-	 */
-	getIndexHier: function(separator) {
-		separator = separator || ".";
-		var res = [];
-		$.each(this.getParentList(false, true), function(i, o){
-			res.push(o.getIndex() + 1);
-		});
-		return res.join(separator);
-	},
-	/** Return the parent keys separated by options.keyPathSeparator, e.g. "id_1/id_17/id_32".
-	 * @param {boolean} [excludeSelf=false]
-	 * @returns {string}
-	 */
-	getKeyPath: function(excludeSelf) {
-		var path = [],
-			sep = this.tree.options.keyPathSeparator;
-		this.visitParents(function(n){
-			if(n.parent){
-				path.unshift(n.key);
-			}
-		}, !excludeSelf);
-		return sep + path.join(sep);
-	},
-	/** Return the last child of this node or null.
-	 * @returns {FancytreeNode | null}
-	 */
-	getLastChild: function() {
-		return this.children ? this.children[this.children.length - 1] : null;
-	},
-	/** Return node depth. 0: System root node, 1: visible top-level node, 2: first sub-level, ... .
-	 * @returns {int}
-	 */
-	getLevel: function() {
-		var level = 0,
-			dtn = this.parent;
-		while( dtn ) {
-			level++;
-			dtn = dtn.parent;
-		}
-		return level;
-	},
-	/** Return the successor node (under the same parent) or null.
-	 * @returns {FancytreeNode | null}
-	 */
-	getNextSibling: function() {
-		// TODO: use indexOf, if available: (not in IE6)
-		if( this.parent ){
-			var i, l,
-				ac = this.parent.children;
-
-			for(i=0, l=ac.length-1; i<l; i++){ // up to length-2, so next(last) = null
-				if( ac[i] === this ){
-					return ac[i+1];
-				}
-			}
-		}
-		return null;
-	},
-	/** Return the parent node (null for the system root node).
-	 * @returns {FancytreeNode | null}
-	 */
-	getParent: function() {
-		// TODO: return null for top-level nodes?
-		return this.parent;
-	},
-	/** Return an array of all parent nodes (top-down).
-	 * @param {boolean} [includeRoot=false] Include the invisible system root node.
-	 * @param {boolean} [includeSelf=false] Include the node itself.
-	 * @returns {FancytreeNode[]}
-	 */
-	getParentList: function(includeRoot, includeSelf) {
-		var l = [],
-			dtn = includeSelf ? this : this.parent;
-		while( dtn ) {
-			if( includeRoot || dtn.parent ){
-				l.unshift(dtn);
-			}
-			dtn = dtn.parent;
-		}
-		return l;
-	},
-	/** Return the predecessor node (under the same parent) or null.
-	 * @returns {FancytreeNode | null}
-	 */
-	getPrevSibling: function() {
-		if( this.parent ){
-			var i, l,
-				ac = this.parent.children;
-
-			for(i=1, l=ac.length; i<l; i++){ // start with 1, so prev(first) = null
-				if( ac[i] === this ){
-					return ac[i-1];
-				}
-			}
-		}
-		return null;
-	},
-	/** Return true if node has children. Return undefined if not sure, i.e. the node is lazy and not yet loaded).
-	 * @returns {boolean | undefined}
-	 */
-	hasChildren: function() {
-		if(this.lazy){
-			if(this.children == null ){
-				// null or undefined: Not yet loaded
-				return undefined;
-			}else if(this.children.length === 0){
-				// Loaded, but response was empty
-				return false;
-			}else if(this.children.length === 1 && this.children[0].isStatusNode() ){
-				// Currently loading or load error
-				return undefined;
-			}
-			return true;
-		}
-		return !!this.children;
-	},
-	/** Return true if node has keyboard focus.
-	 * @returns {boolean}
-	 */
-	hasFocus: function() {
-		return (this.tree.hasFocus() && this.tree.focusNode === this);
-	},
-	/** Write to browser console if debugLevel >= 1 (prepending node info)
-	 *
-	 * @param {*} msg string or object or array of such
-	 */
-	info: function(msg){
-		if( this.tree.options.debugLevel >= 1 ) {
-			Array.prototype.unshift.call(arguments, this.toString());
-			consoleApply("info", arguments);
-		}
-	},
-	/** Return true if node is active (see also FancytreeNode#isSelected).
-	 * @returns {boolean}
-	 */
-	isActive: function() {
-		return (this.tree.activeNode === this);
-	},
-	/** Return true if node is a direct child of otherNode.
-	 * @param {FancytreeNode} otherNode
-	 * @returns {boolean}
-	 */
-	isChildOf: function(otherNode) {
-		return (this.parent && this.parent === otherNode);
-	},
-	/** Return true, if node is a direct or indirect sub node of otherNode.
-	 * @param {FancytreeNode} otherNode
-	 * @returns {boolean}
-	 */
-	isDescendantOf: function(otherNode) {
-		if(!otherNode || otherNode.tree !== this.tree){
-			return false;
-		}
-		var p = this.parent;
-		while( p ) {
-			if( p === otherNode ){
-				return true;
-			}
-			p = p.parent;
-		}
-		return false;
-	},
-	/** Return true if node is expanded.
-	 * @returns {boolean}
-	 */
-	isExpanded: function() {
-		return !!this.expanded;
-	},
-	/** Return true if node is the first node of its parent's children.
-	 * @returns {boolean}
-	 */
-	isFirstSibling: function() {
-		var p = this.parent;
-		return !p || p.children[0] === this;
-	},
-	/** Return true if node is a folder, i.e. has the node.folder attribute set.
-	 * @returns {boolean}
-	 */
-	isFolder: function() {
-		return !!this.folder;
-	},
-	/** Return true if node is the last node of its parent's children.
-	 * @returns {boolean}
-	 */
-	isLastSibling: function() {
-		var p = this.parent;
-		return !p || p.children[p.children.length-1] === this;
-	},
-	/** Return true if node is lazy (even if data was already loaded)
-	 * @returns {boolean}
-	 */
-	isLazy: function() {
-		return !!this.lazy;
-	},
-	/** Return true if node is lazy and loaded. For non-lazy nodes always return true.
-	 * @returns {boolean}
-	 */
-	isLoaded: function() {
-		return !this.lazy || this.hasChildren() !== undefined; // Also checks if the only child is a status node
-	},
-	/** Return true if children are currently beeing loaded, i.e. a Ajax request is pending.
-	 * @returns {boolean}
-	 */
-	isLoading: function() {
-		return !!this._isLoading;
-	},
-	/** Return true if this is the (invisible) system root node.
-	 * @returns {boolean}
-	 */
-	isRoot: function() {
-		return (this.tree.rootNode === this);
-	},
-	/** Return true if node is selected, i.e. has a checkmark set (see also FancytreeNode#isActive).
-	 * @returns {boolean}
-	 */
-	isSelected: function() {
-		return !!this.selected;
-	},
-	/** Return true if this node is a temporarily generated system node like
-	 * 'loading', or 'error' (node.statusNodeType contains the type).
-	 * @returns {boolean}
-	 */
-	isStatusNode: function() {
-		return !!this.statusNodeType;
-	},
-	/** Return true if node is lazy and not yet loaded. For non-lazy nodes always return false.
-	 * @returns {boolean}
-	 */
-	isUndefined: function() {
-		return this.hasChildren() === undefined; // also checks if the only child is a status node
-	},
-	/** Return true if all parent nodes are expanded. Note: this does not check
-	 * whether the node is scrolled into the visible part of the screen.
-	 * @returns {boolean}
-	 */
-	isVisible: function() {
-		var i, l,
-			parents = this.getParentList(false, false);
-
-		for(i=0, l=parents.length; i<l; i++){
-			if( ! parents[i].expanded ){ return false; }
-		}
-		return true;
-	},
-	/** Deprecated.
-	 * @deprecated since 2014-02-16: use load() instead.
-	 */
-	lazyLoad: function(discard) {
-		this.warn("FancytreeNode.lazyLoad() is deprecated since 2014-02-16. Use .load() instead.");
-		return this.load(discard);
-	},
-	/**
-	 * Load all children of a lazy node.
-	 * @param {boolean} [forceReload=false] Pass true to discard any existing nodes before.
-	 * @returns {$.Promise}
-	 */
-	load: function(forceReload) {
-		var res, source,
-			that = this;
-
-		_assert( this.isLazy(), "load() requires a lazy node" );
-		_assert( forceReload || this.isUndefined(), "Pass forceReload=true to re-load a lazy node" );
-
-		if( this.isLoaded() ){
-			this.resetLazy(); // also collapses
-		}
-		// This method is also called by setExpanded() and loadKeyPath(), so we
-		// have to avoid recursion.
-		source = this.tree._triggerNodeEvent("lazyLoad", this);
-		if( source === false ) { // #69
-			return _getResolvedPromise(this);
-		}
-		_assert(typeof source !== "boolean", "lazyLoad event must return source in data.result");
-		res = this.tree._callHook("nodeLoadChildren", this, source);
-		if( this.expanded ) {
-			res.always(function(){
-				that.render();
-			});
-		}
-		return res;
-	},
-	/** Expand all parents and optionally scroll into visible area as neccessary.
-	 * Promise is resolved, when lazy loading and animations are done.
-	 * @param {object} [opts] passed to `setExpanded()`.
-	 *     Defaults to {noAnimation: false, noEvents: false, scrollIntoView: true}
-	 * @returns {$.Promise}
-	 */
-	makeVisible: function(opts) {
-		var i,
-			that = this,
-			deferreds = [],
-			dfd = new $.Deferred(),
-			parents = this.getParentList(false, false),
-			len = parents.length,
-			effects = !(opts && opts.noAnimation === true),
-			scroll = !(opts && opts.scrollIntoView === false);
-
-		// Expand bottom-up, so only the top node is animated
-		for(i = len - 1; i >= 0; i--){
-			// that.debug("pushexpand" + parents[i]);
-			deferreds.push(parents[i].setExpanded(true, opts));
-		}
-		$.when.apply($, deferreds).done(function(){
-			// All expands have finished
-			// that.debug("expand DONE", scroll);
-			if( scroll ){
-				that.scrollIntoView(effects).done(function(){
-					// that.debug("scroll DONE");
-					dfd.resolve();
-				});
-			} else {
-				dfd.resolve();
-			}
-		});
-		return dfd.promise();
-	},
-	/** Move this node to targetNode.
-	 *  @param {FancytreeNode} targetNode
-	 *  @param {string} mode <pre>
-	 *      'child': append this node as last child of targetNode.
-	 *               This is the default. To be compatble with the D'n'd
-	 *               hitMode, we also accept 'over'.
-	 *      'before': add this node as sibling before targetNode.
-	 *      'after': add this node as sibling after targetNode.</pre>
-	 *  @param {function} [map] optional callback(FancytreeNode) to allow modifcations
-	 */
-	moveTo: function(targetNode, mode, map) {
-		if(mode === undefined || mode === "over"){
-			mode = "child";
-		}
-		var pos,
-			prevParent = this.parent,
-			targetParent = (mode === "child") ? targetNode : targetNode.parent;
-
-		if(this === targetNode){
-			return;
-		}else if( !this.parent  ){
-			throw "Cannot move system root";
-		}else if( targetParent.isDescendantOf(this) ){
-			throw "Cannot move a node to its own descendant";
-		}
-		// Unlink this node from current parent
-		if( this.parent.children.length === 1 ) {
-			if( this.parent === targetParent ){
-				return; // #258
-			}
-			this.parent.children = this.parent.lazy ? [] : null;
-			this.parent.expanded = false;
-		} else {
-			pos = $.inArray(this, this.parent.children);
-			_assert(pos >= 0);
-			this.parent.children.splice(pos, 1);
-		}
-		// Remove from source DOM parent
-//		if(this.parent.ul){
-//			this.parent.ul.removeChild(this.li);
-//		}
-
-		// Insert this node to target parent's child list
-		this.parent = targetParent;
-		if( targetParent.hasChildren() ) {
-			switch(mode) {
-			case "child":
-				// Append to existing target children
-				targetParent.children.push(this);
-				break;
-			case "before":
-				// Insert this node before target node
-				pos = $.inArray(targetNode, targetParent.children);
-				_assert(pos >= 0);
-				targetParent.children.splice(pos, 0, this);
-				break;
-			case "after":
-				// Insert this node after target node
-				pos = $.inArray(targetNode, targetParent.children);
-				_assert(pos >= 0);
-				targetParent.children.splice(pos+1, 0, this);
-				break;
-			default:
-				throw "Invalid mode " + mode;
-			}
-		} else {
-			targetParent.children = [ this ];
-		}
-		// Parent has no <ul> tag yet:
-//		if( !targetParent.ul ) {
-//			// This is the parent's first child: create UL tag
-//			// (Hidden, because it will be
-//			targetParent.ul = document.createElement("ul");
-//			targetParent.ul.style.display = "none";
-//			targetParent.li.appendChild(targetParent.ul);
-//		}
-//		// Issue 319: Add to target DOM parent (only if node was already rendered(expanded))
-//		if(this.li){
-//			targetParent.ul.appendChild(this.li);
-//		}^
-
-		// Let caller modify the nodes
-		if( map ){
-			targetNode.visit(map, true);
-		}
-		// Handle cross-tree moves
-		if( this.tree !== targetNode.tree ) {
-			// Fix node.tree for all source nodes
-//			_assert(false, "Cross-tree move is not yet implemented.");
-			this.warn("Cross-tree moveTo is experimantal!");
-			this.visit(function(n){
-				// TODO: fix selection state and activation, ...
-				n.tree = targetNode.tree;
-			}, true);
-		}
-
-		// A collaposed node won't re-render children, so we have to remove it manually
-		// if( !targetParent.expanded ){
-		//   prevParent.ul.removeChild(this.li);
-		// }
-
-		// Update HTML markup
-		if( !prevParent.isDescendantOf(targetParent)) {
-			prevParent.render();
-		}
-		if( !targetParent.isDescendantOf(prevParent) && targetParent !== prevParent) {
-			targetParent.render();
-		}
-		// TODO: fix selection state
-		// TODO: fix active state
-
-/*
-		var tree = this.tree;
-		var opts = tree.options;
-		var pers = tree.persistence;
-
-
-		// Always expand, if it's below minExpandLevel
-//		tree.logDebug ("%s._addChildNode(%o), l=%o", this, ftnode, ftnode.getLevel());
-		if ( opts.minExpandLevel >= ftnode.getLevel() ) {
-//			tree.logDebug ("Force expand for %o", ftnode);
-			this.bExpanded = true;
-		}
-
-		// In multi-hier mode, update the parents selection state
-		// DT issue #82: only if not initializing, because the children may not exist yet
-//		if( !ftnode.data.isStatusNode() && opts.selectMode==3 && !isInitializing )
-//			ftnode._fixSelectionState();
-
-		// In multi-hier mode, update the parents selection state
-		if( ftnode.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();
-
-		return ftnode;
-
-*/
-	},
-	/** Set focus relative to this node and optionally activate.
-	 *
-	 * @param {number} where The keyCode that would normally trigger this move,
-	 *		e.g. `$.ui.keyCode.LEFT` would collapse the node if it
-	 *      is expanded or move to the parent oterwise.
-	 * @param {boolean} [activate=true]
-	 * @returns {$.Promise}
-	 */
-	navigate: function(where, activate) {
-		var i, parents,
-			handled = true,
-			KC = $.ui.keyCode,
-			sib = null;
-
-		// Navigate to node
-		function _goto(n){
-			if( n ){
-				try { n.makeVisible(); } catch(e) {} // #272
-				// Node may still be hidden by a filter
-				if( ! $(n.span).is(":visible") ) {
-					n.debug("Navigate: skipping hidden node");
-					n.navigate(where, activate);
-					return;
-				}
-				return activate === false ? n.setFocus() : n.setActive();
-			}
-		}
-
-		switch( where ) {
-			case KC.BACKSPACE:
-				if( this.parent && this.parent.parent ) {
-					_goto(this.parent);
-				}
-				break;
-			case KC.LEFT:
-				if( this.expanded ) {
-					this.setExpanded(false);
-					_goto(this);
-				} else if( this.parent && this.parent.parent ) {
-					_goto(this.parent);
-				}
-				break;
-			case KC.RIGHT:
-				if( !this.expanded && (this.children || this.lazy) ) {
-					this.setExpanded();
-					_goto(this);
-				} else if( this.children && this.children.length ) {
-					_goto(this.children[0]);
-				}
-				break;
-			case KC.UP:
-				sib = this.getPrevSibling();
-				while( sib && sib.expanded && sib.children && sib.children.length ){
-					sib = sib.children[sib.children.length - 1];
-				}
-				if( !sib && this.parent && this.parent.parent ){
-					sib = this.parent;
-				}
-				_goto(sib);
-				break;
-			case KC.DOWN:
-				if( this.expanded && this.children && this.children.length ) {
-					sib = this.children[0];
-				} else {
-					parents = this.getParentList(false, true);
-					for(i=parents.length-1; i>=0; i--) {
-						sib = parents[i].getNextSibling();
-						if( sib ){ break; }
-					}
-				}
-				_goto(sib);
-				break;
-			default:
-				handled = false;
-		}
-	},
-	/**
-	 * Remove this node (not allowed for system root).
-	 */
-	remove: function() {
-		return this.parent.removeChild(this);
-	},
-	/**
-	 * Remove childNode from list of direct children.
-	 * @param {FancytreeNode} childNode
-	 */
-	removeChild: function(childNode) {
-		return this.tree._callHook("nodeRemoveChild", this, childNode);
-	},
-	/**
-	 * Remove all child nodes and descendents. This converts the node into a leaf.<br>
-	 * If this was a lazy node, it is still considered 'loaded'; call node.resetLazy()
-	 * in order to trigger lazyLoad on next expand.
-	 */
-	removeChildren: function() {
-		return this.tree._callHook("nodeRemoveChildren", this);
-	},
-	/**
-	 * This method renders and updates all HTML markup that is required
-	 * to display this node in its current state.<br>
-	 * Note:
-	 * <ul>
-	 * <li>It should only be neccessary to call this method after the node object
-	 *     was modified by direct access to its properties, because the common
-	 *     API methods (node.setTitle(), moveTo(), addChildren(), remove(), ...)
-	 *     already handle this.
-	 * <li> {@link FancytreeNode#renderTitle} and {@link FancytreeNode#renderStatus}
-	 *     are implied. If changes are more local, calling only renderTitle() or
-	 *     renderStatus() may be sufficient and faster.
-	 * <li>If a node was created/removed, node.render() must be called <i>on the parent</i>.
-	 * </ul>
-	 *
-	 * @param {boolean} [force=false] re-render, even if html markup was already created
-	 * @param {boolean} [deep=false] also render all descendants, even if parent is collapsed
-	 */
-	render: function(force, deep) {
-		return this.tree._callHook("nodeRender", this, force, deep);
-	},
-	/** Create HTML markup for the node's outer <span> (expander, checkbox, icon, and title).
-	 * @see Fancytree_Hooks#nodeRenderTitle
-	 */
-	renderTitle: function() {
-		return this.tree._callHook("nodeRenderTitle", this);
-	},
-	/** Update element's CSS classes according to node state.
-	 * @see Fancytree_Hooks#nodeRenderStatus
-	 */
-	renderStatus: function() {
-		return this.tree._callHook("nodeRenderStatus", this);
-	},
-	/**
-	 * Remove all children, collapse, and set the lazy-flag, so that the lazyLoad
-	 * event is triggered on next expand.
-	 */
-	resetLazy: function() {
-		this.removeChildren();
-		this.expanded = false;
-		this.lazy = true;
-		this.children = undefined;
-		this.renderStatus();
-	},
-	/** Schedule activity for delayed execution (cancel any pending request).
-	 *  scheduleAction('cancel') will only cancel a pending request (if any).
-	 * @param {string} mode
-	 * @param {number} ms
-	 */
-	scheduleAction: function(mode, ms) {
-		if( this.tree.timer ) {
-			clearTimeout(this.tree.timer);
-//            this.tree.debug("clearTimeout(%o)", this.tree.timer);
-		}
-		this.tree.timer = null;
-		var self = this; // required for closures
-		switch (mode) {
-		case "cancel":
-			// Simply made sure that timer was cleared
-			break;
-		case "expand":
-			this.tree.timer = setTimeout(function(){
-				self.tree.debug("setTimeout: trigger expand");
-				self.setExpanded(true);
-			}, ms);
-			break;
-		case "activate":
-			this.tree.timer = setTimeout(function(){
-				self.tree.debug("setTimeout: trigger activate");
-				self.setActive(true);
-			}, ms);
-			break;
-		default:
-			throw "Invalid mode " + mode;
-		}
-//        this.tree.debug("setTimeout(%s, %s): %s", mode, ms, this.tree.timer);
-	},
-	/**
-	 *
-	 * @param {boolean | PlainObject} [effects=false] animation options.
-	 * @param {object} [options=null] {topNode: null, effects: ..., parent: ...} this node will remain visible in
-	 *     any case, even if `this` is outside the scroll pane.
-	 * @returns {$.Promise}
-	 */
-	scrollIntoView: function(effects, options) {
-		if( options !== undefined && _isNode(options) ) {
-			this.warn("scrollIntoView() with 'topNode' option is deprecated since 2014-05-08. Use 'options.topNode' instead.");
-			options = {topNode: options};
-		}
-		// this.$scrollParent = (this.options.scrollParent === "auto") ? $ul.scrollParent() : $(this.options.scrollParent);
-		// this.$scrollParent = this.$scrollParent.length ? this.$scrollParent || this.$container;
-
-		var topNodeY, nodeY, horzScrollbarHeight, containerOffsetTop,
-			opts = $.extend({
-				effects: (effects === true) ? {duration: 200, queue: false} : effects,
-				scrollOfs: this.tree.options.scrollOfs,
-				scrollParent: this.tree.options.scrollParent || this.tree.$container,
-				topNode: null
-			}, options),
-			dfd = new $.Deferred(),
-			that = this,
-			nodeHeight = $(this.span).height(),
-			$container = $(opts.scrollParent),
-			topOfs = opts.scrollOfs.top || 0,
-			bottomOfs = opts.scrollOfs.bottom || 0,
-			containerHeight = $container.height(),// - topOfs - bottomOfs,
-			scrollTop = $container.scrollTop(),
-			$animateTarget = $container,
-			isParentWindow = $container[0] === window,
-			topNode = opts.topNode || null,
-			newScrollTop = null;
-
-		// this.debug("scrollIntoView(), scrollTop=", scrollTop, opts.scrollOfs);
-		_assert($(this.span).is(":visible"), "scrollIntoView node is invisible"); // otherwise we cannot calc offsets
-
-		if( isParentWindow ) {
-			nodeY = $(this.span).offset().top;
-			topNodeY = topNode ? $(topNode.span).offset().top : 0;
-			$animateTarget = $("html,body");
-
-		} else {
-			_assert($container[0] !== document && $container[0] !== document.body, "scrollParent should be an simple element or `window`, not document or body.");
-
-			containerOffsetTop = $container.offset().top,
-			nodeY = $(this.span).offset().top - containerOffsetTop + scrollTop; // relative to scroll parent
-			topNodeY = topNode ? $(topNode.span).offset().top - containerOffsetTop  + scrollTop : 0;
-			horzScrollbarHeight = Math.max(0, ($container.innerHeight() - $container[0].clientHeight));
-			containerHeight -= horzScrollbarHeight;
-		}
-
-		// this.debug("    scrollIntoView(), nodeY=", nodeY, "containerHeight=", containerHeight);
-		if( nodeY < (scrollTop + topOfs) ){
-			// Node is above visible container area
-			newScrollTop = nodeY - topOfs;
-			// this.debug("    scrollIntoView(), UPPER newScrollTop=", newScrollTop);
-
-		}else if((nodeY + nodeHeight) > (scrollTop + containerHeight - bottomOfs)){
-			newScrollTop = nodeY + nodeHeight - containerHeight + bottomOfs;
-			// this.debug("    scrollIntoView(), LOWER newScrollTop=", newScrollTop);
-			// If a topNode was passed, make sure that it is never scrolled
-			// outside the upper border
-			if(topNode){
-				_assert($(topNode.span).is(":visible"));
-				if( topNodeY < newScrollTop ){
-					newScrollTop = topNodeY - topOfs;
-					// this.debug("    scrollIntoView(), TOP newScrollTop=", newScrollTop);
-				}
-			}
-		}
-
-		if(newScrollTop !== null){
-			// this.debug("    scrollIntoView(), SET newScrollTop=", newScrollTop);
-			if(opts.effects){
-				opts.effects.complete = function(){
-					dfd.resolveWith(that);
-				};
-				$animateTarget.stop(true).animate({
-					scrollTop: newScrollTop
-				}, opts.effects);
-			}else{
-				$animateTarget[0].scrollTop = newScrollTop;
-				dfd.resolveWith(this);
-			}
-		}else{
-			dfd.resolveWith(this);
-		}
-		return dfd.promise();
-	},
-
-	/**Activate this node.
-	 * @param {boolean} [flag=true] pass false to deactivate
-	 * @param {object} [opts] additional options. Defaults to {noEvents: false}
-	 */
-	setActive: function(flag, opts){
-		return this.tree._callHook("nodeSetActive", this, flag, opts);
-	},
-	/**Expand or collapse this node. Promise is resolved, when lazy loading and animations are done.
-	 * @param {boolean} [flag=true] pass false to collapse
-	 * @param {object} [opts] additional options. Defaults to {noAnimation: false, noEvents: false}
-	 * @returns {$.Promise}
-	 */
-	setExpanded: function(flag, opts){
-		return this.tree._callHook("nodeSetExpanded", this, flag, opts);
-	},
-	/**Set keyboard focus to this node.
-	 * @param {boolean} [flag=true] pass false to blur
-	 * @see Fancytree#setFocus
-	 */
-	setFocus: function(flag){
-		return this.tree._callHook("nodeSetFocus", this, flag);
-	},
-	/**Select this node, i.e. check the checkbox.
-	 * @param {boolean} [flag=true] pass false to deselect
-	 */
-	setSelected: function(flag){
-		return this.tree._callHook("nodeSetSelected", this, flag);
-	},
-	/**Mark a lazy node as 'error', 'loading', or 'ok'.
-	 * @param {string} status 'error', 'ok'
-	 * @param {string} [message]
-	 * @param {string} [details]
-	 */
-	setStatus: function(status, message, details){
-		return this.tree._callHook("nodeSetStatus", this, status, message, details);
-	},
-	/**Rename this node.
-	 * @param {string} title
-	 */
-	setTitle: function(title){
-		this.title = title;
-		this.renderTitle();
-	},
-	/**Sort child list by title.
-	 * @param {function} [cmp] custom compare function(a, b) that returns -1, 0, or 1 (defaults to sort by title).
-	 * @param {boolean} [deep=false] pass true to sort all descendant nodes
-	 */
-	sortChildren: function(cmp, deep) {
-		var i,l,
-			cl = this.children;
-
-		if( !cl ){
-			return;
-		}
-		cmp = cmp || function(a, b) {
-			var x = a.title.toLowerCase(),
-				y = b.title.toLowerCase();
-			return x === y ? 0 : x > y ? 1 : -1;
-			};
-		cl.sort(cmp);
-		if( deep ){
-			for(i=0, l=cl.length; i<l; i++){
-				if( cl[i].children ){
-					cl[i].sortChildren(cmp, "$norender$");
-				}
-			}
-		}
-		if( deep !== "$norender$" ){
-			this.render();
-		}
-	},
-	/** Convert node (or whole branch) into a plain object.
-	 *
-	 * The result is compatible with node.addChildren().
-	 *
-	 * @param {boolean} recursive
-	 * @param {function} callback callback(dict) is called for every node, in order to allow modifications
-	 * @returns {NodeData}
-	 */
-	toDict: function(recursive, callback) {
-		var i, l, node,
-			dict = {},
-			self = this;
-
-		$.each(NODE_ATTRS, function(i, a){
-			if(self[a] || self[a] === false){
-				dict[a] = self[a];
-			}
-		});
-		if(!$.isEmptyObject(this.data)){
-			dict.data = $.extend({}, this.data);
-			if($.isEmptyObject(dict.data)){
-				delete dict.data;
-			}
-		}
-		if( callback ){
-			callback(dict);
-		}
-		if( recursive ) {
-			if(this.hasChildren()){
-				dict.children = [];
-				for(i=0, l=this.children.length; i<l; i++ ){
-					node = this.children[i];
-					if( !node.isStatusNode() ){
-						dict.children.push(node.toDict(true, callback));
-					}
-				}
-			}else{
-//                dict.children = null;
-			}
-		}
-		return dict;
-	},
-	/** Flip expanded status.  */
-	toggleExpanded: function(){
-		return this.tree._callHook("nodeToggleExpanded", this);
-	},
-	/** Flip selection status.  */
-	toggleSelected: function(){
-		return this.tree._callHook("nodeToggleSelected", this);
-	},
-	toString: function() {
-		return "<FancytreeNode(#" + this.key + ", '" + this.title + "')>";
-	},
-	/** Call fn(node) for all child nodes.<br>
-	 * Stop iteration, if fn() returns false. Skip current branch, if fn() returns "skip".<br>
-	 * Return false if iteration was stopped.
-	 *
-	 * @param {function} fn the callback function.
-	 *     Return false to stop iteration, return "skip" to skip this node and children only.
-	 * @param {boolean} [includeSelf=false]
-	 * @returns {boolean}
-	 */
-	visit: function(fn, includeSelf) {
-		var i, l,
-			res = true,
-			children = this.children;
-
-		if( includeSelf === true ) {
-			res = fn(this);
-			if( res === false || res === "skip" ){
-				return res;
-			}
-		}
-		if(children){
-			for(i=0, l=children.length; i<l; i++){
-				res = children[i].visit(fn, true);
-				if( res === false ){
-					break;
-				}
-			}
-		}
-		return res;
-	},
-	/** Call fn(node) for all parent nodes, bottom-up, including invisible system root.<br>
-	 * Stop iteration, if fn() returns false.<br>
-	 * Return false if iteration was stopped.
-	 *
-	 * @param {function} fn the callback function.
-	 *     Return false to stop iteration, return "skip" to skip this node and children only.
-	 * @param {boolean} [includeSelf=false]
-	 * @returns {boolean}
-	 */
-	visitParents: function(fn, includeSelf) {
-		// Visit parent nodes (bottom up)
-		if(includeSelf && fn(this) === false){
-			return false;
-		}
-		var p = this.parent;
-		while( p ) {
-			if(fn(p) === false){
-				return false;
-			}
-			p = p.parent;
-		}
-		return true;
-	},
-	/** Write warning to browser console (prepending node info)
-	 *
-	 * @param {*} msg string or object or array of such
-	 */
-	warn: function(msg){
-		Array.prototype.unshift.call(arguments, this.toString());
-		consoleApply("warn", arguments);
-	}
-};
-
-
-/* *****************************************************************************
- * Fancytree
- */
-/**
- * Construct a new tree object.
- *
- * @class Fancytree
- * @classdesc The controller behind a fancytree.
- * This class also contains 'hook methods': see {@link Fancytree_Hooks}.
- *
- * @param {Widget} widget
- *
- * @property {FancytreeOptions} options
- * @property {FancytreeNode} rootNode
- * @property {FancytreeNode} activeNode
- * @property {FancytreeNode} focusNode
- * @property {jQueryObject} $div
- * @property {object} widget
- * @property {object} ext
- * @property {object} data
- * @property {object} options
- * @property {string} _id
- * @property {string} statusClassPropName
- * @property {string} ariaPropName
- * @property {string} nodeContainerAttrName
- * @property {string} $container
- * @property {FancytreeNode} lastSelectedNode
- */
-function Fancytree(widget) {
-	this.widget = widget;
-	this.$div = widget.element;
-	this.options = widget.options;
-	if( this.options && $.isFunction(this.options.lazyload) ) {
-		if( ! $.isFunction(this.options.lazyLoad ) ) {
-			this.options.lazyLoad = function() {
-				FT.warn("The 'lazyload' event is deprecated since 2014-02-25. Use 'lazyLoad' (with uppercase L) instead.");
-				widget.options.lazyload.apply(this, arguments);
-			};
-		}
-	}
-	if( this.options && $.isFunction(this.options.loaderror) ) {
-		$.error("The 'loaderror' event was renamed since 2014-07-03. Use 'loadError' (with uppercase E) instead.");
-	}
-	this.ext = {}; // Active extension instances
-	// allow to init tree.data.foo from <div data-foo=''>
-	this.data = _getElementDataAsDict(this.$div);
-	this._id = $.ui.fancytree._nextId++;
-	this._ns = ".fancytree-" + this._id; // append for namespaced events
-	this.activeNode = null;
-	this.focusNode = null;
-	this._hasFocus = null;
-	this.lastSelectedNode = null;
-	this.systemFocusElement = null;
-
-	this.statusClassPropName = "span";
-	this.ariaPropName = "li";
-	this.nodeContainerAttrName = "li";
-
-	// Remove previous markup if any
-	this.$div.find(">ul.fancytree-container").remove();
-
-	// Create a node without parent.
-	var fakeParent = { tree: this },
-		$ul;
-	this.rootNode = new FancytreeNode(fakeParent, {
-		title: "root",
-		key: "root_" + this._id,
-		children: null,
-		expanded: true
-	});
-	this.rootNode.parent = null;
-
-	// Create root markup
-	$ul = $("<ul>", {
-		"class": "ui-fancytree fancytree-container"
-	}).appendTo(this.$div);
-	this.$container = $ul;
-	this.rootNode.ul = $ul[0];
-
-	if(this.options.debugLevel == null){
-		this.options.debugLevel = FT.debugLevel;
-	}
-	// Add container to the TAB chain
-	// See http://www.w3.org/TR/wai-aria-practices/#focus_activedescendant
-	this.$container.attr("tabindex", this.options.tabbable ? "0" : "-1");
-	if(this.options.aria){
-		this.$container
-			.attr("role", "tree")
-			.attr("aria-multiselectable", true);
-	}
-}
-
-
-Fancytree.prototype = /** @lends Fancytree# */{
-	/* Return a context object that can be re-used for _callHook().
-	 * @param {Fancytree | FancytreeNode | EventData} obj
-	 * @param {Event} originalEvent
-	 * @param {Object} extra
-	 * @returns {EventData}
-	 */
-	_makeHookContext: function(obj, originalEvent, extra) {
-		var ctx, tree;
-		if(obj.node !== undefined){
-			// obj is already a context object
-			if(originalEvent && obj.originalEvent !== originalEvent){
-				$.error("invalid args");
-			}
-			ctx = obj;
-		}else if(obj.tree){
-			// obj is a FancytreeNode
-			tree = obj.tree;
-			ctx = { node: obj, tree: tree, widget: tree.widget, options: tree.widget.options, originalEvent: originalEvent };
-		}else if(obj.widget){
-			// obj is a Fancytree
-			ctx = { node: null, tree: obj, widget: obj.widget, options: obj.widget.options, originalEvent: originalEvent };
-		}else{
-			$.error("invalid args");
-		}
-		if(extra){
-			$.extend(ctx, extra);
-		}
-		return ctx;
-	},
-	/* Trigger a hook function: funcName(ctx, [...]).
-	 *
-	 * @param {string} funcName
-	 * @param {Fancytree|FancytreeNode|EventData} contextObject
-	 * @param {any}  [_extraArgs] optional additional arguments
-	 * @returns {any}
-	 */
-	_callHook: function(funcName, contextObject, _extraArgs) {
-		var ctx = this._makeHookContext(contextObject),
-			fn = this[funcName],
-			args = Array.prototype.slice.call(arguments, 2);
-		if(!$.isFunction(fn)){
-			$.error("_callHook('" + funcName + "') is not a function");
-		}
-		args.unshift(ctx);
-//		this.debug("_hook", funcName, ctx.node && ctx.node.toString() || ctx.tree.toString(), args);
-		return fn.apply(this, args);
-	},
-	/* Check if current extensions dependencies are met and throw an error if not.
-	 *
-	 * This method may be called inside the `treeInit` hook for custom extensions.
-	 *
-	 * @param {string} extension name of the required extension
-	 * @param {boolean} [required=true] pass `false` if the extension is optional, but we want to check for order if it is present
-	 * @param {boolean} [before] `true` if `name` must be included before this, `false` otherwise (use `null` if order doesn't matter)
-	 * @param {string} [message] optional error message (defaults to a descriptve error message)
-	 */
-	_requireExtension: function(name, required, before, message) {
-		before = !!before;
-		var thisName = this._local.name,
-			extList = this.options.extensions,
-			isBefore = $.inArray(name, extList) < $.inArray(thisName, extList),
-			isMissing = required && this.ext[name] == null,
-			badOrder = !isMissing && before != null && (before !== isBefore);
-
-		_assert(thisName && thisName !== name);
-
-		if( isMissing || badOrder ){
-			if( !message ){
-				if( isMissing || required ){
-					message = "'" + thisName + "' extension requires '" + name + "'";
-					if( badOrder ){
-						message += " to be registered " + (before ? "before" : "after") + " itself";
-					}
-				}else{
-					message = "If used together, `" + name + "` must be registered " + (before ? "before" : "after") + " `" + thisName + "`";
-				}
-			}
-			$.error(message);
-			return false;
-		}
-		return true;
-	},
-	/** Activate node with a given key and fire focus and activate events.
-	 *
-	 * A prevously activated node will be deactivated.
-	 * If activeVisible option is set, all parents will be expanded as necessary.
-	 * Pass key = false, to deactivate the current node only.
-	 * @param {string} key
-	 * @returns {FancytreeNode} activated node (null, if not found)
-	 */
-	activateKey: function(key) {
-		var node = this.getNodeByKey(key);
-		if(node){
-			node.setActive();
-		}else if(this.activeNode){
-			this.activeNode.setActive(false);
-		}
-		return node;
-	},
-	/** (experimental)
-	 *
-	 * @param {Array} patchList array of [key, NodePatch] arrays
-	 * @returns {$.Promise} resolved, when all patches have been applied
-	 * @see TreePatch
-	 */
-	applyPatch: function(patchList) {
-		var dfd, i, p2, key, patch, node,
-			patchCount = patchList.length,
-			deferredList = [];
-
-		for(i=0; i<patchCount; i++){
-			p2 = patchList[i];
-			_assert(p2.length === 2, "patchList must be an array of length-2-arrays");
-			key = p2[0];
-			patch = p2[1];
-			node = (key === null) ? this.rootNode : this.getNodeByKey(key);
-			if(node){
-				dfd = new $.Deferred();
-				deferredList.push(dfd);
-				node.applyPatch(patch).always(_makeResolveFunc(dfd, node));
-			}else{
-				this.warn("could not find node with key '" + key + "'");
-			}
-		}
-		// Return a promise that is resovled, when ALL patches were applied
-		return $.when.apply($, deferredList).promise();
-	},
-	/* TODO: implement in dnd extension
-	cancelDrag: function() {
-		var dd = $.ui.ddmanager.current;
-		if(dd){
-			dd.cancel();
-		}
-	},
-   */
-   /** Return the number of nodes.
-	* @returns {integer}
-	*/
-	count: function() {
-		return this.rootNode.countChildren();
-	},
-	/** Write to browser console if debugLevel >= 2 (prepending tree name)
-	 *
-	 * @param {*} msg string or object or array of such
-	 */
-	debug: function(msg){
-		if( this.options.debugLevel >= 2 ) {
-			Array.prototype.unshift.call(arguments, this.toString());
-			consoleApply("debug", arguments);
-		}
-	},
-	// TODO: disable()
-	// TODO: enable()
-	// TODO: enableUpdate()
-	// TODO: fromDict
-	/**
-	 * Generate INPUT elements that can be submitted with html forms.
-	 *
-	 * In selectMode 3 only the topmost selected nodes are considered.
-	 *
-	 * @param {boolean | string} [selected=true]
-	 * @param {boolean | string} [active=true]
-	 */
-	generateFormElements: function(selected, active) {
-		// TODO: test case
-		var nodeList,
-			selectedName = (selected !== false) ? "ft_" + this._id + "[]" : selected,
-			activeName = (active !== false) ? "ft_" + this._id + "_active" : active,
-			id = "fancytree_result_" + this._id,
-			$result = $("#" + id);
-
-		if($result.length){
-			$result.empty();
-		}else{
-			$result = $("<div>", {
-				id: id
-			}).hide().insertAfter(this.$container);
-		}
-		if(selectedName){
-			nodeList = this.getSelectedNodes( this.options.selectMode === 3 );
-			$.each(nodeList, function(idx, node){
-				$result.append($("<input>", {
-					type: "checkbox",
-					name: selectedName,
-					value: node.key,
-					checked: true
-				}));
-			});
-		}
-		if(activeName && this.activeNode){
-			$result.append($("<input>", {
-				type: "radio",
-				name: activeName,
-				value: this.activeNode.key,
-				checked: true
-			}));
-		}
-	},
-	/**
-	 * Return the currently active node or null.
-	 * @returns {FancytreeNode}
-	 */
-	getActiveNode: function() {
-		return this.activeNode;
-	},
-	/** Return the first top level node if any (not the invisible root node).
-	 * @returns {FancytreeNode | null}
-	 */
-	getFirstChild: function() {
-		return this.rootNode.getFirstChild();
-	},
-	/**
-	 * Return node that has keyboard focus.
-	 * @param {boolean} [ifTreeHasFocus=false] (not yet implemented)
-	 * @returns {FancytreeNode}
-	 */
-	getFocusNode: function(ifTreeHasFocus) {
-		// TODO: implement ifTreeHasFocus
-		return this.focusNode;
-	},
-	/**
-	 * Return node with a given key or null if not found.
-	 * @param {string} key
-	 * @param {FancytreeNode} [searchRoot] only search below this node
-	 * @returns {FancytreeNode | null}
-	 */
-	getNodeByKey: function(key, searchRoot) {
-		// Search the DOM by element ID (assuming this is faster than traversing all nodes).
-		// $("#...") has problems, if the key contains '.', so we use getElementById()
-		var el, match;
-		if(!searchRoot){
-			el = document.getElementById(this.options.idPrefix + key);
-			if( el ){
-				return el.ftnode ? el.ftnode : null;
-			}
-		}
-		// Not found in the DOM, but still may be in an unrendered part of tree
-		// TODO: optimize with specialized loop
-		// TODO: consider keyMap?
-		searchRoot = searchRoot || this.rootNode;
-		match = null;
-		searchRoot.visit(function(node){
-//            window.console.log("getNodeByKey(" + key + "): ", node.key);
-			if(node.key === key) {
-				match = node;
-				return false;
-			}
-		}, true);
-		return match;
-	},
-	/** Return the invisible system root node.
-	 * @returns {FancytreeNode}
-	 */
-	getRootNode: function() {
-		return this.rootNode;
-	},
-	/**
-	 * Return an array of selected nodes.
-	 * @param {boolean} [stopOnParents=false] only return the topmost selected
-	 *     node (useful with selectMode 3)
-	 * @returns {FancytreeNode[]}
-	 */
-	getSelectedNodes: function(stopOnParents) {
-		var nodeList = [];
-		this.rootNode.visit(function(node){
-			if( node.selected ) {
-				nodeList.push(node);
-				if( stopOnParents === true ){
-					return "skip"; // stop processing this branch
-				}
-			}
-		});
-		return nodeList;
-	},
-	/** Return true if the tree control has keyboard focus
-	 * @returns {boolean}
-	 */
-	hasFocus: function(){
-		return !!this._hasFocus;
-	},
-	/** Write to browser console if debugLevel >= 1 (prepending tree name)
-	 * @param {*} msg string or object or array of such
-	 */
-	info: function(msg){
-		if( this.options.debugLevel >= 1 ) {
-			Array.prototype.unshift.call(arguments, this.toString());
-			consoleApply("info", arguments);
-		}
-	},
-/*
-	TODO: isInitializing: function() {
-		return ( this.phase=="init" || this.phase=="postInit" );
-	},
-	TODO: isReloading: function() {
-		return ( this.phase=="init" || this.phase=="postInit" ) && this.options.persist && this.persistence.cookiesFound;
-	},
-	TODO: isUserEvent: function() {
-		return ( this.phase=="userEvent" );
-	},
-*/
-
-	/**
-	 * Make sure that a node with a given ID is loaded, by traversing - and
-	 * loading - its parents. This method is ment for lazy hierarchies.
-	 * A callback is executed for every node as we go.
-	 * @example
-	 * tree.loadKeyPath("/_3/_23/_26/_27", function(node, status){
-	 *   if(status === "loaded") {
-	 *     console.log("loaded intermiediate node " + node);
-	 *   }else if(status === "ok") {
-	 *     node.activate();
-	 *   }
-	 * });
-	 *
-	 * @param {string | string[]} keyPathList one or more key paths (e.g. '/3/2_1/7')
-	 * @param {function} callback callback(node, status) is called for every visited node ('loading', 'loaded', 'ok', 'error')
-	 * @returns {$.Promise}
-	 */
-	loadKeyPath: function(keyPathList, callback, _rootNode) {
-		var deferredList, dfd, i, path, key, loadMap, node, segList,
-			root = _rootNode || this.rootNode,
-			sep = this.options.keyPathSeparator,
-			self = this;
-
-		if(!$.isArray(keyPathList)){
-			keyPathList = [keyPathList];
-		}
-		// Pass 1: handle all path segments for nodes that are already loaded
-		// Collect distinct top-most lazy nodes in a map
-		loadMap = {};
-
-		for(i=0; i<keyPathList.length; i++){
-			path = keyPathList[i];
-			// strip leading slash
-			if(path.charAt(0) === sep){
-				path = path.substr(1);
-			}
-			// traverse and strip keys, until we hit a lazy, unloaded node
-			segList = path.split(sep);
-			while(segList.length){
-				key = segList.shift();
-//                node = _findDirectChild(root, key);
-				node = root._findDirectChild(key);
-				if(!node){
-					this.warn("loadKeyPath: key not found: " + key + " (parent: " + root + ")");
-					callback.call(this, key, "error");
-					break;
-				}else if(segList.length === 0){
-					callback.call(this, node, "ok");
-					break;
-				}else if(!node.lazy || (node.hasChildren() !== undefined )){
-					callback.call(this, node, "loaded");
-					root = node;
-				}else{
-					callback.call(this, node, "loaded");
-//                    segList.unshift(key);
-					if(loadMap[key]){
-						loadMap[key].push(segList.join(sep));
-					}else{
-						loadMap[key] = [segList.join(sep)];
-					}
-					break;
-				}
-			}
-		}
-//        alert("loadKeyPath: loadMap=" + JSON.stringify(loadMap));
-		// Now load all lazy nodes and continue itearation for remaining paths
-		deferredList = [];
-		// Avoid jshint warning 'Don't make functions within a loop.':
-		function __lazyload(key, node, dfd){
-			callback.call(self, node, "loading");
-			node.load().done(function(){
-				self.loadKeyPath.call(self, loadMap[key], callback, node).always(_makeResolveFunc(dfd, self));
-			}).fail(function(errMsg){
-				self.warn("loadKeyPath: error loading: " + key + " (parent: " + root + ")");
-				callback.call(self, node, "error");
-				dfd.reject();
-			});
-		}
-		for(key in loadMap){
-			node = root._findDirectChild(key);
-//            alert("loadKeyPath: lazy node(" + key + ") = " + node);
-			dfd = new $.Deferred();
-			deferredList.push(dfd);
-			__lazyload(key, node, dfd);
-		}
-		// Return a promise that is resovled, when ALL paths were loaded
-		return $.when.apply($, deferredList).promise();
-	},
-	/** Re-fire beforeActivate and activate events. */
-	reactivate: function(setFocus) {
-		var node = this.activeNode;
-		if( node ) {
-			this.activeNode = null; // Force re-activating
-			node.setActive();
-			if( setFocus ){
-				node.setFocus();
-			}
-		}
-	},
-	/** Reload tree from source and return a promise.
-	 * @param [source] optional new source (defaults to initial source data)
-	 * @returns {$.Promise}
-	 */
-	reload: function(source) {
-		this._callHook("treeClear", this);
-		return this._callHook("treeLoad", this, source);
-	},
-	/**Render tree (i.e. create DOM elements for all top-level nodes).
-	 * @param {boolean} [force=false] create DOM elemnts, even is parent is collapsed
-	 * @param {boolean} [deep=false]
-	 */
-	render: function(force, deep) {
-		return this.rootNode.render(force, deep);
-	},
-	// TODO: selectKey: function(key, select)
-	// TODO: serializeArray: function(stopOnParents)
-	/**
-	 * @param {boolean} [flag=true]
-	 */
-	setFocus: function(flag) {
-		return this._callHook("treeSetFocus", this, flag);
-	},
-	/**
-	 * Return all nodes as nested list of {@link NodeData}.
-	 *
-	 * @param {boolean} [includeRoot=false] Returns the hidden system root node (and its children)
-	 * @param {function} [callback(node)] Called for every node
-	 * @returns {Array | object}
-	 * @see FancytreeNode#toDict
-	 */
-	toDict: function(includeRoot, callback){
-		var res = this.rootNode.toDict(true, callback);
-		return includeRoot ? res : res.children;
-	},
-	/* Implicitly called for string conversions.
-	 * @returns {string}
-	 */
-	toString: function(){
-		return "<Fancytree(#" + this._id + ")>";
-	},
-	/* _trigger a widget event with additional node ctx.
-	 * @see EventData
-	 */
-	_triggerNodeEvent: function(type, node, originalEvent, extra) {
-//		this.debug("_trigger(" + type + "): '" + ctx.node.title + "'", ctx);
-		var ctx = this._makeHookContext(node, originalEvent, extra),
-			res = this.widget._trigger(type, originalEvent, ctx);
-		if(res !== false && ctx.result !== undefined){
-			return ctx.result;
-		}
-		return res;
-	},
-	/* _trigger a widget event with additional tree data. */
-	_triggerTreeEvent: function(type, originalEvent) {
-//		this.debug("_trigger(" + type + ")", ctx);
-		var ctx = this._makeHookContext(this, originalEvent),
-			res = this.widget._trigger(type, originalEvent, ctx);
-
-		if(res !== false && ctx.result !== undefined){
-			return ctx.result;
-		}
-		return res;
-	},
-	/** Call fn(node) for all nodes.
-	 *
-	 * @param {function} fn the callback function.
-	 *     Return false to stop iteration, return "skip" to skip this node and children only.
-	 * @returns {boolean} false, if the iterator was stopped.
-	 */
-	visit: function(fn) {
-		return this.rootNode.visit(fn, false);
-	},
-	/** Write warning to browser console (prepending tree info)
-	 *
-	 * @param {*} msg string or object or array of such
-	 */
-	warn: function(msg){
-		Array.prototype.unshift.call(arguments, this.toString());
-		consoleApply("warn", arguments);
-	}
-};
-
-/**
- * These additional methods of the {@link Fancytree} class are 'hook functions'
- * that can be used and overloaded by extensions.
- * (See <a href="https://github.com/mar10/fancytree/wiki/TutorialExtensions">writing extensions</a>.)
- * @mixin Fancytree_Hooks
- */
-$.extend(Fancytree.prototype,
-	/** @lends Fancytree_Hooks# */
-	{
-	/** Default handling for mouse click events.
-	 *
-	 * @param {EventData} ctx
-	 */
-	nodeClick: function(ctx) {
-//      this.tree.logDebug("ftnode.onClick(" + event.type + "): ftnode:" + this + ", button:" + event.button + ", which: " + event.which);
-		var activate, expand,
-			event = ctx.originalEvent,
-			targetType = ctx.targetType,
-			node = ctx.node;
-
-		// TODO: use switch
-		// TODO: make sure clicks on embedded <input> doesn't steal focus (see table sample)
-		if( targetType === "expander" ) {
-			// Clicking the expander icon always expands/collapses
-			this._callHook("nodeToggleExpanded", ctx);
-//            this._callHook("nodeSetFocus", ctx, true); // DT issue 95
-		} else if( targetType === "checkbox" ) {
-			// Clicking the checkbox always (de)selects
-			this._callHook("nodeToggleSelected", ctx);
-			this._callHook("nodeSetFocus", ctx, true); // DT issue 95
-		} else {
-			// Honor `clickFolderMode` for
-			expand = false;
-			activate = true;
-			if( node.folder ) {
-				switch( ctx.options.clickFolderMode ) {
-				case 2: // expand only
-					expand = true;
-					activate = false;
-					break;
-				case 3: // expand and activate
-					activate = true;
-					expand = true; //!node.isExpanded();
-					break;
-				// else 1 or 4: just activate
-				}
-			}
-			if( activate ) {
-				this.nodeSetFocus(ctx);
-				this._callHook("nodeSetActive", ctx, true);
-			}
-			if( expand ) {
-				if(!activate){
-//                    this._callHook("nodeSetFocus", ctx);
-				}
-//				this._callHook("nodeSetExpanded", ctx, true);
-				this._callHook("nodeToggleExpanded", ctx);
-			}
-		}
-		// Make sure that clicks stop, otherwise <a href='#'> jumps to the top
-		if(event.target.localName === "a" && event.target.className === "fancytree-title"){
-			event.preventDefault();
-		}
-		// TODO: return promise?
-	},
-	/** Collapse all other  children of same parent.
-	 *
-	 * @param {EventData} ctx
-	 * @param {object} callOpts
-	 */
-	nodeCollapseSiblings: function(ctx, callOpts) {
-		// TODO: return promise?
-		var ac, i, l,
-			node = ctx.node;
-
-		if( node.parent ){
-			ac = node.parent.children;
-			for (i=0, l=ac.length; i<l; i++) {
-				if ( ac[i] !== node && ac[i].expanded ){
-					this._callHook("nodeSetExpanded", ac[i], false, callOpts);
-				}
-			}
-		}
-	},
-	/** Default handling for mouse douleclick events.
-	 * @param {EventData} ctx
-	 */
-	nodeDblclick: function(ctx) {
-		// TODO: return promise?
-		if( ctx.targetType === "title" && ctx.options.clickFolderMode === 4) {
-//			this.nodeSetFocus(ctx);
-//			this._callHook("nodeSetActive", ctx, true);
-			this._callHook("nodeToggleExpanded", ctx);
-		}
-		// TODO: prevent text selection on dblclicks
-		if( ctx.targetType === "title" ) {
-			ctx.originalEvent.preventDefault();
-		}
-	},
-	/** Default handling for mouse keydown events.
-	 *
-	 * NOTE: this may be called with node == null if tree (but no node) has focus.
-	 * @param {EventData} ctx
-	 */
-	nodeKeydown: function(ctx) {
-		// TODO: return promise?
-		var res,
-			event = ctx.originalEvent,
-			node = ctx.node,
-			tree = ctx.tree,
-			opts = ctx.options,
-			handled = true,
-			activate = !(event.ctrlKey || !opts.autoActivate ),
-			KC = $.ui.keyCode;
-
-//		node.debug("ftnode.nodeKeydown(" + event.type + "): ftnode:" + this + ", charCode:" + event.charCode + ", keyCode: " + event.keyCode + ", which: " + event.which);
-
-		// Set focus to first node, if no other node has the focus yet
-		if( !node ){
-			this.rootNode.getFirstChild().setFocus();
-			node = ctx.node = this.focusNode;
-			node.debug("Keydown force focus on first node");
-		}
-
-		switch( event.which ) {
-			// charCodes:
-			case KC.NUMPAD_ADD: //107: // '+'
-			case 187: // '+' @ Chrome, Safari
-				tree.nodeSetExpanded(ctx, true);
-				break;
-			case KC.NUMPAD_SUBTRACT: // '-'
-			case 189: // '-' @ Chrome, Safari
-				tree.nodeSetExpanded(ctx, false);
-				break;
-			case KC.SPACE:
-				if(opts.checkbox){
-					tree.nodeToggleSelected(ctx);
-				}else{
-					tree.nodeSetActive(ctx, true);
-				}
-				break;
-			case KC.ENTER:
-				tree.nodeSetActive(ctx, true);
-				break;
-			case KC.BACKSPACE:
-			case KC.LEFT:
-			case KC.RIGHT:
-			case KC.UP:
-			case KC.DOWN:
-				res = node.navigate(event.which, activate);
-				break;
-			default:
-				handled = false;
-		}
-		if(handled){
-			event.preventDefault();
-		}
-	},
-
-
-	// /** Default handling for mouse keypress events. */
-	// nodeKeypress: function(ctx) {
-	//     var event = ctx.originalEvent;
-	// },
-
-	// /** Trigger lazyLoad event (async). */
-	// nodeLazyLoad: function(ctx) {
-	//     var node = ctx.node;
-	//     if(this._triggerNodeEvent())
-	// },
-	/** Load child nodes (async).
-	 *
-	 * @param {EventData} ctx
-	 * @param {object[]|object|string|$.Promise|function} source
-	 * @returns {$.Promise} The deferred will be resolved as soon as the (ajax)
-	 *     data was rendered.
-	 */
-	nodeLoadChildren: function(ctx, source) {
-		var ajax, delay, dfd,
-			tree = ctx.tree,
-			node = ctx.node;
-
-		if($.isFunction(source)){
-			source = source();
-		}
-		// TOTHINK: move to 'ajax' extension?
-		if(source.url){
-			// `source` is an Ajax options object
-			ajax = $.extend({}, ctx.options.ajax, source);
-			if(ajax.debugDelay){
-				// simulate a slow server
-				delay = ajax.debugDelay;
-				if($.isArray(delay)){ // random delay range [min..max]
-					delay = delay[0] + Math.random() * (delay[1] - delay[0]);
-				}
-
-				node.debug("nodeLoadChildren waiting debug delay " + Math.round(delay) + "ms");
-				ajax.debugDelay = false;
-				dfd = $.Deferred(function (dfd) {
-					setTimeout(function () {
-						$.ajax(ajax)
-							.done(function () {	dfd.resolveWith(this, arguments); })
-							.fail(function () {	dfd.rejectWith(this, arguments); });
-					}, delay);
-				});
-			}else{
-				dfd = $.ajax(ajax);
-			}
-
-			// Defer the deferred: we want to be able to reject, even if ajax
-			// resolved ok.
-			source = new $.Deferred();
-			dfd.done(function (data, textStatus, jqXHR) {
-				var errorObj, res;
-				if(typeof data === "string"){
-					$.error("Ajax request returned a string (did you get the JSON dataType wrong?).");
-				}
-				// postProcess is similar to the standard ajax dataFilter hook,
-				// but it is also called for JSONP
-				if( ctx.options.postProcess ){
-					res = tree._triggerNodeEvent("postProcess", ctx, ctx.originalEvent, {response: data, error: null, dataType: this.dataType});
-					if( res.error ) {
-						errorObj = $.isPlainObject(res.error) ? res.error : {message: res.error};
-						errorObj = tree._makeHookContext(node, null, errorObj);
-						source.rejectWith(this, [errorObj]);
-						return;
-					}
-					data = $.isArray(res) ? res : data;
-
-				} else if (data && data.hasOwnProperty("d") && ctx.options.enableAspx ) {
-					// Process ASPX WebMethod JSON object inside "d" property
-					data = (typeof data.d === "string") ? $.parseJSON(data.d) : data.d;
-				}
-				source.resolveWith(this, [data]);
-			}).fail(function (jqXHR, textStatus, errorThrown) {
-				var errorObj = tree._makeHookContext(node, null, {
-					error: jqXHR,
-					args: Array.prototype.slice.call(arguments),
-					message: errorThrown,
-					details: jqXHR.status + ": " + errorThrown
-				});
-				source.rejectWith(this, [errorObj]);
-			});
-		}
-
-		if($.isFunction(source.promise)){
-			// `source` is a deferred, i.e. ajax request
-			_assert(!node.isLoading());
-			// node._isLoading = true;
-			tree.nodeSetStatus(ctx, "loading");
-
-			source.done(function (children) {
-				tree.nodeSetStatus(ctx, "ok");
-			}).fail(function(error){
-				var ctxErr;
-				if (error.node && error.error && error.message) {
-					// error is already a context object
-					ctxErr = error;
-				} else {
-					ctxErr = tree._makeHookContext(node, null, {
-						error: error, // it can be jqXHR or any custom error
-						args: Array.prototype.slice.call(arguments),
-						message: error ? (error.message || error.toString()) : ""
-					});
-				}
-				if( tree._triggerNodeEvent("loadError", ctxErr, null) !== false ) {
-					tree.nodeSetStatus(ctx, "error", ctxErr.message, ctxErr.details);
-				}
-			});
-		}
-		// $.when(source) resolves also for non-deferreds
-		return $.when(source).done(function(children){
-			var metaData;
-
-			if( $.isPlainObject(children) ){
-				// We got {foo: 'abc', children: [...]}
-				// Copy extra properties to tree.data.foo
-				_assert($.isArray(children.children), "source must contain (or be) an array of children");
-				_assert(node.isRoot(), "source may only be an object for root nodes");
-				metaData = children;
-				children = children.children;
-				delete metaData.children;
-				$.extend(tree.data, metaData);
-			}
-			_assert($.isArray(children), "expected array of children");
-			node._setChildren(children);
-			// trigger fancytreeloadchildren
-			tree._triggerNodeEvent("loadChildren", node);
-		// }).always(function(){
-		// 	node._isLoading = false;
-		});
-	},
-	/** [Not Implemented]  */
-	nodeLoadKeyPath: function(ctx, keyPathList) {
-		// TODO: implement and improve
-		// http://code.google.com/p/dynatree/issues/detail?id=222
-	},
-	/**
-	 * Remove a single direct child of ctx.node.
-	 * @param {EventData} ctx
-	 * @param {FancytreeNode} childNode dircect child of ctx.node
-	 */
-	nodeRemoveChild: function(ctx, childNode) {
-		var idx,
-			node = ctx.node,
-			opts = ctx.options,
-			subCtx = $.extend({}, ctx, {node: childNode}),
-			children = node.children;
-
-		// FT.debug("nodeRemoveChild()", node.toString(), childNode.toString());
-
-		if( children.length === 1 ) {
-			_assert(childNode === children[0]);
-			return this.nodeRemoveChildren(ctx);
-		}
-		if( this.activeNode && (childNode === this.activeNode || this.activeNode.isDescendantOf(childNode))){
-			this.activeNode.setActive(false); // TODO: don't fire events
-		}
-		if( this.focusNode && (childNode === this.focusNode || this.focusNode.isDescendantOf(childNode))){
-			this.focusNode = null;
-		}
-		// TODO: persist must take care to clear select and expand cookies
-		this.nodeRemoveMarkup(subCtx);
-		this.nodeRemoveChildren(subCtx);
-		idx = $.inArray(childNode, children);
-		_assert(idx >= 0);
-		// Unlink to support GC
-		childNode.visit(function(n){
-			n.parent = null;
-		}, true);
-		this._callHook("treeRegisterNode", this, false, childNode);
-		if ( opts.removeNode ){
-			opts.removeNode.call(ctx.tree, {type: "removeNode"}, subCtx);
-		}
-		// remove from child list
-		children.splice(idx, 1);
-	},
-	/**Remove HTML markup for all descendents of ctx.node.
-	 * @param {EventData} ctx
-	 */
-	nodeRemoveChildMarkup: function(ctx) {
-		var node = ctx.node;
-
-		// FT.debug("nodeRemoveChildMarkup()", node.toString());
-		// TODO: Unlink attr.ftnode to support GC
-		if(node.ul){
-			if( node.isRoot() ) {
-				$(node.ul).empty();
-			} else {
-				$(node.ul).remove();
-				node.ul = null;
-			}
-			node.visit(function(n){
-				n.li = n.ul = null;
-			});
-		}
-	},
-	/**Remove all descendants of ctx.node.
-	* @param {EventData} ctx
-	*/
-	nodeRemoveChildren: function(ctx) {
-		var subCtx,
-			tree = ctx.tree,
-			node = ctx.node,
-			children = node.children,
-			opts = ctx.options;
-
-		// FT.debug("nodeRemoveChildren()", node.toString());
-		if(!children){
-			return;
-		}
-		if( this.activeNode && this.activeNode.isDescendantOf(node)){
-			this.activeNode.setActive(false); // TODO: don't fire events
-		}
-		if( this.focusNode && this.focusNode.isDescendantOf(node)){
-			this.focusNode = null;
-		}
-		// TODO: persist must take care to clear select and expand cookies
-		this.nodeRemoveChildMarkup(ctx);
-		// Unlink children to support GC
-		// TODO: also delete this.children (not possible using visit())
-		subCtx = $.extend({}, ctx);
-		node.visit(function(n){
-			n.parent = null;
-			tree._callHook("treeRegisterNode", tree, false, n);
-			if ( opts.removeNode ){
-				subCtx.node = n;
-				opts.removeNode.call(ctx.tree, {type: "removeNode"}, subCtx);
-			}
-		});
-		if( node.lazy ){
-			// 'undefined' would be interpreted as 'not yet loaded' for lazy nodes
-			node.children = [];
-		} else{
-			node.children = null;
-		}
-		this.nodeRenderStatus(ctx);
-	},
-	/**Remove HTML markup for ctx.node and all its descendents.
-	 * @param {EventData} ctx
-	 */
-	nodeRemoveMarkup: function(ctx) {
-		var node = ctx.node;
-		// FT.debug("nodeRemoveMarkup()", node.toString());
-		// TODO: Unlink attr.ftnode to support GC
-		if(node.li){
-			$(node.li).remove();
-			node.li = null;
-		}
-		this.nodeRemoveChildMarkup(ctx);
-	},
-	/**
-	 * Create `&lt;li>&lt;span>..&lt;/span> .. &lt;/li>` tags for this node.
-	 *
-	 * This method takes care that all HTML markup is created that is required
-	 * to display this node in it's current state.
-	 *
-	 * Call this method to create new nodes, or after the strucuture
-	 * was changed (e.g. after moving this node or adding/removing children)
-	 * nodeRenderTitle() and nodeRenderStatus() are implied.
-	 *
-	 * Note: if a node was created/removed, nodeRender() must be called for the
-	 *       parent.
-	 * <code>
-	 * <li id='KEY' ftnode=NODE>
-	 *     <span class='fancytree-node fancytree-expanded fancytree-has-children fancytree-lastsib fancytree-exp-el fancytree-ico-e'>
-	 *         <span class="fancytree-expander"></span>
-	 *         <span class="fancytree-checkbox"></span> // only present in checkbox mode
-	 *         <span class="fancytree-icon"></span>
-	 *         <a href="#" class="fancytree-title"> Node 1 </a>
-	 *     </span>
-	 *     <ul> // only present if node has children
-	 *         <li id='KEY' ftnode=NODE> child1 ... </li>
-	 *         <li id='KEY' ftnode=NODE> child2 ... </li>
-	 *     </ul>
-	 * </li>
-	 * </code>
-	 *
-	 * @param {EventData} ctx
-	 * @param {boolean} [force=false] re-render, even if html markup was already created
-	 * @param {boolean} [deep=false] also render all descendants, even if parent is collapsed
-	 * @param {boolean} [collapsed=false] force root node to be collapsed, so we can apply animated expand later
-	 */
-	nodeRender: function(ctx, force, deep, collapsed, _recursive) {
-		/* This method must take care of all cases where the current data mode
-		 * (i.e. node hierarchy) does not match the current markup.
-		 *
-		 * - node was not yet rendered:
-		 *   create markup
-		 * - node was rendered: exit fast
-		 * - children have been added
-		 * - childern have been removed
-		 */
-		var childLI, childNode1, childNode2, i, l, next, subCtx,
-			node = ctx.node,
-			tree = ctx.tree,
-			opts = ctx.options,
-			aria = opts.aria,
-			firstTime = false,
-			parent = node.parent,
-			isRootNode = !parent,
-			children = node.children;
-		// FT.debug("nodeRender(" + !!force + ", " + !!deep + ")", node.toString());
-
-		if( ! isRootNode && ! parent.ul ) {
-			// Calling node.collapse on a deep, unrendered node
-			return;
-		}
-		_assert(isRootNode || parent.ul, "parent UL must exist");
-
-// 		if(node.li && (force || (node.li.parentNode !== node.parent.ul) ) ){
-// 			if(node.li.parentNode !== node.parent.ul){
-// //					alert("unlink " + node + " (must be child of " + node.parent + ")");
-// 				this.warn("unlink " + node + " (must be child of " + node.parent + ")");
-// 			}
-// //	            this.debug("nodeRemoveMarkup...");
-// 			this.nodeRemoveMarkup(ctx);
-// 		}
-		// Render the node
-		if( !isRootNode ){
-			// Discard markup on force-mode, or if it is not linked to parent <ul>
-			if(node.li && (force || (node.li.parentNode !== node.parent.ul) ) ){
-				if(node.li.parentNode !== node.parent.ul){
-//					alert("unlink " + node + " (must be child of " + node.parent + ")");
-					this.warn("unlink " + node + " (must be child of " + node.parent + ")");
-				}
-//	            this.debug("nodeRemoveMarkup...");
-				this.nodeRemoveMarkup(ctx);
-			}
-			// Create <li><span /> </li>
-//			node.debug("render...");
-			if( !node.li ) {
-//	            node.debug("render... really");
-				firstTime = true;
-				node.li = document.createElement("li");
-				node.li.ftnode = node;
-				if(aria){
-					// TODO: why doesn't this work:
-//					node.li.role = "treeitem";
-//                    $(node.li).attr("role", "treeitem")
-//                    .attr("aria-labelledby", "ftal_" + node.key);
-				}
-				if( node.key && opts.generateIds ){
-					node.li.id = opts.idPrefix + node.key;
-				}
-				node.span = document.createElement("span");
-				node.span.className = "fancytree-node";
-				if(aria){
-					$(node.span).attr("aria-labelledby", "ftal_" + node.key);
-				}
-				node.li.appendChild(node.span);
-
-				// Create inner HTML for the <span> (expander, checkbox, icon, and title)
-				this.nodeRenderTitle(ctx);
-
-				// Allow tweaking and binding, after node was created for the first time
-				if ( opts.createNode ){
-					opts.createNode.call(tree, {type: "createNode"}, ctx);
-				}
-			}else{
-//				this.nodeRenderTitle(ctx);
-				this.nodeRenderStatus(ctx);
-			}
-			// Allow tweaking after node state was rendered
-			if ( opts.renderNode ){
-				opts.renderNode.call(tree, {type: "renderNode"}, ctx);
-			}
-		}
-
-		// Visit child nodes
-		if( children ){
-			if( isRootNode || node.expanded || deep === true ) {
-				// Create a UL to hold the children
-				if( !node.ul ){
-					node.ul = document.createElement("ul");
-					if((collapsed === true && !_recursive) || !node.expanded){
-						// hide top UL, so we can use an animation to show it later
-						node.ul.style.display = "none";
-					}
-					if(aria){
-						$(node.ul).attr("role", "group");
-					}
-					if ( node.li ) { // issue #67
-						node.li.appendChild(node.ul);
-					} else {
-						node.tree.$div.append(node.ul);
-					}
-				}
-				// Add child markup
-				for(i=0, l=children.length; i<l; i++) {
-					subCtx = $.extend({}, ctx, {node: children[i]});
-					this.nodeRender(subCtx, force, deep, false, true);
-				}
-				// Remove <li> if nodes have moved to another parent
-				childLI = node.ul.firstChild;
-				while( childLI ){
-					childNode2 = childLI.ftnode;
-					if( childNode2 && childNode2.parent !== node ) {
-						node.debug("_fixParent: remove missing " + childNode2, childLI);
-						next = childLI.nextSibling;
-						childLI.parentNode.removeChild(childLI);
-						childLI = next;
-					}else{
-						childLI = childLI.nextSibling;
-					}
-				}
-				// Make sure, that <li> order matches node.children order.
-				childLI = node.ul.firstChild;
-				for(i=0, l=children.length-1; i<l; i++) {
-					childNode1 = children[i];
-					childNode2 = childLI.ftnode;
-					if( childNode1 !== childNode2 ) {
-						// node.debug("_fixOrder: mismatch at index " + i + ": " + childNode1 + " != " + childNode2);
-						node.ul.insertBefore(childNode1.li, childNode2.li);
-					} else {
-						childLI = childLI.nextSibling;
-					}
-				}
-			}
-		}else{
-			// No children: remove markup if any
-			if( node.ul ){
-//				alert("remove child markup for " + node);
-				this.warn("remove child markup for " + node);
-				this.nodeRemoveChildMarkup(ctx);
-			}
-		}
-		if( !isRootNode ){
-			// Update element classes according to node state
-			// this.nodeRenderStatus(ctx);
-			// Finally add the whole structure to the DOM, so the browser can render
-			if(firstTime){
-				parent.ul.appendChild(node.li);
-			}
-		}
-	},
-	/** Create HTML for the node's outer <span> (expander, checkbox, icon, and title).
-	 *
-	 * nodeRenderStatus() is implied.
-	 * @param {EventData} ctx
-	 * @param {string} [title] optinal new title
-	 */
-	nodeRenderTitle: function(ctx, title) {
-		// set node connector images, links and text
-		var id, imageSrc, nodeTitle, role, tabindex, tooltip,
-			node = ctx.node,
-			tree = ctx.tree,
-			opts = ctx.options,
-			aria = opts.aria,
-			level = node.getLevel(),
-			ares = [],
-			icon = node.data.icon;
-
-		if(title !== undefined){
-			node.title = title;
-		}
-		if(!node.span){
-			// Silently bail out if node was not rendered yet, assuming
-			// node.render() will be called as the node becomes visible
-			return;
-		}
-		// connector (expanded, expandable or simple)
-		// TODO: optiimize this if clause
-		if( level < opts.minExpandLevel ) {
-			if(level > 1){
-				if(aria){
-					ares.push("<span role='button' class='fancytree-expander'></span>");
-				}else{
-					ares.push("<span class='fancytree-expander'></span>");
-				}
-			}
-			// .. else (i.e. for root level) skip expander/connector alltogether
-		} else {
-			if(aria){
-				ares.push("<span role='button' class='fancytree-expander'></span>");
-			}else{
-				ares.push("<span class='fancytree-expander'></span>");
-			}
-		}
-		// Checkbox mode
-		if( opts.checkbox && node.hideCheckbox !== true && !node.isStatusNode() ) {
-			if(aria){
-				ares.push("<span role='checkbox' class='fancytree-checkbox'></span>");
-			}else{
-				ares.push("<span class='fancytree-checkbox'></span>");
-			}
-		}
-		// folder or doctype icon
-		role = aria ? " role='img'" : "";
-		if ( icon && typeof icon === "string" ) {
-			imageSrc = (icon.charAt(0) === "/") ? icon : ((opts.imagePath || "") + icon);
-			ares.push("<img src='" + imageSrc + "' class='fancytree-icon' alt='' />");
-		} else if ( node.data.iconclass ) {
-			// TODO: review and test and document
-			ares.push("<span " + role + " class='fancytree-custom-icon" + " " + node.data.iconclass +  "'></span>");
-		} else if ( icon === true || (icon !== false && opts.icons !== false) ) {
-			// opts.icons defines the default behavior.
-			// node.icon == true/false can override this
-			ares.push("<span " + role + " class='fancytree-icon'></span>");
-		}
-		// node title
-		nodeTitle = "";
-		// TODO: currently undocumented; may be removed?
-		if ( opts.renderTitle ){
-			nodeTitle = opts.renderTitle.call(tree, {type: "renderTitle"}, ctx) || "";
-		}
-		if(!nodeTitle){
-			tooltip = node.tooltip ? " title='" + FT.escapeHtml(node.tooltip) + "'" : "";
-			id = aria ? " id='ftal_" + node.key + "'" : "";
-			role = aria ? " role='treeitem'" : "";
-			tabindex = opts.titlesTabbable ? " tabindex='0'" : "";
-
-			nodeTitle = "<span " + role + " class='fancytree-title'" + id + tooltip + tabindex + ">" + node.title + "</span>";
-		}
-		ares.push(nodeTitle);
-		// Note: this will trigger focusout, if node had the focus
-		//$(node.span).html(ares.join("")); // it will cleanup the jQuery data currently associated with SPAN (if any), but it executes more slowly
-		node.span.innerHTML = ares.join("");
-		// Update CSS classes
-		this.nodeRenderStatus(ctx);
-	},
-	/** Update element classes according to node state.
-	 * @param {EventData} ctx
-	 */
-	nodeRenderStatus: function(ctx) {
-		// Set classes for current status
-		var node = ctx.node,
-			tree = ctx.tree,
-			opts = ctx.options,
-//			nodeContainer = node[tree.nodeContainerAttrName],
-			hasChildren = node.hasChildren(),
-			isLastSib = node.isLastSibling(),
-			aria = opts.aria,
-//            $ariaElem = aria ? $(node[tree.ariaPropName]) : null,
-			$ariaElem = $(node.span).find(".fancytree-title"),
-			cn = opts._classNames,
-			cnList = [],
-			statusElem = node[tree.statusClassPropName];
-
-		if( !statusElem ){
-			// if this function is called for an unrendered node, ignore it (will be updated on nect render anyway)
-			return;
-		}
-		// Build a list of class names that we will add to the node <span>
-		cnList.push(cn.node);
-		if( tree.activeNode === node ){
-			cnList.push(cn.active);
-//			$(">span.fancytree-title", statusElem).attr("tabindex", "0");
-//			tree.$container.removeAttr("tabindex");
-		// }else{
-//			$(">span.fancytree-title", statusElem).removeAttr("tabindex");
-//			tree.$container.attr("tabindex", "0");
-		}
-		if( tree.focusNode === node ){
-			cnList.push(cn.focused);
-			if(aria){
-//              $(">span.fancytree-title", statusElem).attr("tabindex", "0");
-//                $(">span.fancytree-title", statusElem).attr("tabindex", "-1");
-				// TODO: is this the right element for this attribute?
-				$ariaElem
-					.attr("aria-activedescendant", true);
-//					.attr("tabindex", "-1");
-			}
-		}else if(aria){
-//			$(">span.fancytree-title", statusElem).attr("tabindex", "-1");
-			$ariaElem
-				.removeAttr("aria-activedescendant");
-//				.removeAttr("tabindex");
-		}
-		if( node.expanded ){
-			cnList.push(cn.expanded);
-			if(aria){
-				$ariaElem.attr("aria-expanded", true);
-			}
-		}else if(aria){
-			$ariaElem.removeAttr("aria-expanded");
-		}
-		if( node.folder ){
-			cnList.push(cn.folder);
-		}
-		if( hasChildren !== false ){
-			cnList.push(cn.hasChildren);
-		}
-		// TODO: required?
-		if( isLastSib ){
-			cnList.push(cn.lastsib);
-		}
-		if( node.lazy && node.children == null ){
-			cnList.push(cn.lazy);
-		}
-		if( node.partsel ){
-			cnList.push(cn.partsel);
-		}
-		if( node._isLoading ){
-			cnList.push(cn.loading);
-		}
-		if( node._error ){
-			cnList.push(cn.error);
-		}
-		if( node.selected ){
-			cnList.push(cn.selected);
-			if(aria){
-				$ariaElem.attr("aria-selected", true);
-			}
-		}else if(aria){
-			$ariaElem.attr("aria-selected", false);
-		}
-		if( node.extraClasses ){
-			cnList.push(node.extraClasses);
-		}
-		// IE6 doesn't correctly evaluate multiple class names,
-		// so we create combined class names that can be used in the CSS
-		if( hasChildren === false ){
-			cnList.push(cn.combinedExpanderPrefix + "n" +
-					(isLastSib ? "l" : "")
-					);
-		}else{
-			cnList.push(cn.combinedExpanderPrefix +
-					(node.expanded ? "e" : "c") +
-					(node.lazy && node.children == null ? "d" : "") +
-					(isLastSib ? "l" : "")
-					);
-		}
-		cnList.push(cn.combinedIconPrefix +
-				(node.expanded ? "e" : "c") +
-				(node.folder ? "f" : "")
-				);
-//        node.span.className = cnList.join(" ");
-		statusElem.className = cnList.join(" ");
-
-		// TODO: we should not set this in the <span> tag also, if we set it here:
-		// Maybe most (all) of the classes should be set in LI instead of SPAN?
-		if(node.li){
-			node.li.className = isLastSib ? cn.lastsib : "";
-		}
-	},
-	/** Activate node.
-	 * flag defaults to true.
-	 * If flag is true, the node is activated (must be a synchronous operation)
-	 * If flag is false, the node is deactivated (must be a synchronous operation)
-	 * @param {EventData} ctx
-	 * @param {boolean} [flag=true]
-	 * @param {object} [opts] additional options. Defaults to {noEvents: false}
-	 */
-	nodeSetActive: function(ctx, flag, callOpts) {
-		// Handle user click / [space] / [enter], according to clickFolderMode.
-		callOpts = callOpts || {};
-		var subCtx,
-			node = ctx.node,
-			tree = ctx.tree,
-			opts = ctx.options,
-			noEvents = (callOpts.noEvents === true),
-			isActive = (node === tree.activeNode);
-
-		// flag defaults to true
-		flag = (flag !== false);
-		// node.debug("nodeSetActive", flag);
-
-		if(isActive === flag){
-			// Nothing to do
-			return _getResolvedPromise(node);
-		}else if(flag && !noEvents && this._triggerNodeEvent("beforeActivate", node, ctx.originalEvent) === false ){
-			// Callback returned false
-			return _getRejectedPromise(node, ["rejected"]);
-		}
-		if(flag){
-			if(tree.activeNode){
-				_assert(tree.activeNode !== node, "node was active (inconsistency)");
-				subCtx = $.extend({}, ctx, {node: tree.activeNode});
-				tree.nodeSetActive(subCtx, false);
-				_assert(tree.activeNode === null, "deactivate was out of sync?");
-			}
-			if(opts.activeVisible){
-				// tree.nodeMakeVisible(ctx);
-				node.makeVisible({scrollIntoView: false}); // nodeSetFocus will scroll
-			}
-			tree.activeNode = node;
-			tree.nodeRenderStatus(ctx);
-			tree.nodeSetFocus(ctx);
-			if( !noEvents ) {
-				tree._triggerNodeEvent("activate", node, ctx.originalEvent);
-			}
-		}else{
-			_assert(tree.activeNode === node, "node was not active (inconsistency)");
-			tree.activeNode = null;
-			this.nodeRenderStatus(ctx);
-			if( !noEvents ) {
-				ctx.tree._triggerNodeEvent("deactivate", node, ctx.originalEvent);
-			}
-		}
-	},
-	/** Expand or collapse node, return Deferred.promise.
-	 *
-	 * @param {EventData} ctx
-	 * @param {boolean} [flag=true]
-	 * @param {object} [opts] additional options. Defaults to {noAnimation: false, noEvents: false}
-	 * @returns {$.Promise} The deferred will be resolved as soon as the (lazy)
-	 *     data was retrieved, rendered, and the expand animation finshed.
-	 */
-	nodeSetExpanded: function(ctx, flag, callOpts) {
-		callOpts = callOpts || {};
-		var _afterLoad, dfd, i, l, parents, prevAC,
-			node = ctx.node,
-			tree = ctx.tree,
-			opts = ctx.options,
-			noAnimation = (callOpts.noAnimation === true),
-			noEvents = (callOpts.noEvents === true);
-
-		// flag defaults to true
-		flag = (flag !== false);
-
-		// node.debug("nodeSetExpanded(" + flag + ")");
-
-		if((node.expanded && flag) || (!node.expanded && !flag)){
-			// Nothing to do
-			// node.debug("nodeSetExpanded(" + flag + "): nothing to do");
-			return _getResolvedPromise(node);
-		}else if(flag && !node.lazy && !node.hasChildren() ){
-			// Prevent expanding of empty nodes
-			// return _getRejectedPromise(node, ["empty"]);
-			return _getResolvedPromise(node);
-		}else if( !flag && node.getLevel() < opts.minExpandLevel ) {
-			// Prevent collapsing locked levels
-			return _getRejectedPromise(node, ["locked"]);
-		}else if ( !noEvents && this._triggerNodeEvent("beforeExpand", node, ctx.originalEvent) === false ){
-			// Callback returned false
-			return _getRejectedPromise(node, ["rejected"]);
-		}
-		// If this node inside a collpased node, no animation and scrolling is needed
-		if( !noAnimation && !node.isVisible() ) {
-			noAnimation = callOpts.noAnimation = true;
-		}
-
-		dfd = new $.Deferred();
-
-		// Auto-collapse mode: collapse all siblings
-		if( flag && !node.expanded && opts.autoCollapse ) {
-			parents = node.getParentList(false, true);
-			prevAC = opts.autoCollapse;
-			try{
-				opts.autoCollapse = false;
-				for(i=0, l=parents.length; i<l; i++){
-					// TODO: should return promise?
-					this._callHook("nodeCollapseSiblings", parents[i], callOpts);
-				}
-			}finally{
-				opts.autoCollapse = prevAC;
-			}
-		}
-		// Trigger expand/collapse after expanding
-		dfd.done(function(){
-			if( flag && opts.autoScroll && !noAnimation ) {
-				// Scroll down to last child, but keep current node visible
-				node.getLastChild().scrollIntoView(true, {topNode: node}).always(function(){
-					if( !noEvents ) {
-						ctx.tree._triggerNodeEvent(flag ? "expand" : "collapse", ctx);
-					}
-				});
-			} else {
-				if( !noEvents ) {
-					ctx.tree._triggerNodeEvent(flag ? "expand" : "collapse", ctx);
-				}
-			}
-		});
-		// vvv Code below is executed after loading finished:
-		_afterLoad = function(callback){
-			var duration, easing, isVisible, isExpanded;
-
-			node.expanded = flag;
-			// Create required markup, but make sure the top UL is hidden, so we
-			// can animate later
-			tree._callHook("nodeRender", ctx, false, false, true);
-
-			// If the currently active node is now hidden, deactivate it
-			// if( opts.activeVisible && this.activeNode && ! this.activeNode.isVisible() ) {
-			//     this.activeNode.deactivate();
-			// }
-
-			// Expanding a lazy node: set 'loading...' and call callback
-			// if( bExpand && this.data.isLazy && this.childList === null && !this._isLoading ) {
-			//     this._loadContent();
-			//     return;
-			// }
-			// Hide children, if node is collapsed
-			if( node.ul ) {
-				isVisible = (node.ul.style.display !== "none");
-				isExpanded = !!node.expanded;
-				if ( isVisible === isExpanded ) {
-					node.warn("nodeSetExpanded: UL.style.display already set");
-
-				} else if ( !opts.fx || noAnimation ) {
-					node.ul.style.display = ( node.expanded || !parent ) ? "" : "none";
-
-				} else {
-					duration = opts.fx.duration || 200;
-					easing = opts.fx.easing;
-					// node.debug("nodeSetExpanded: animate start...");
-					$(node.ul).animate(opts.fx, duration, easing, function(){
-						// node.debug("nodeSetExpanded: animate done");
-						callback();
-					});
-					return;
-				}
-			}
-			callback();
-		};
-		// ^^^ Code above is executed after loading finshed.
-
-		// Load lazy nodes, if any. Then continue with _afterLoad()
-		if(flag && node.lazy && node.hasChildren() === undefined){
-			// node.debug("nodeSetExpanded: load start...");
-			node.load().done(function(){
-				// node.debug("nodeSetExpanded: load done");
-				if(dfd.notifyWith){ // requires jQuery 1.6+
-					dfd.notifyWith(node, ["loaded"]);
-				}
-				_afterLoad(function () { dfd.resolveWith(node); });
-			}).fail(function(errMsg){
-				_afterLoad(function () { dfd.rejectWith(node, ["load failed (" + errMsg + ")"]); });
-			});
-/*
-			var source = tree._triggerNodeEvent("lazyLoad", node, ctx.originalEvent);
-			_assert(typeof source !== "boolean", "lazyLoad event must return source in data.result");
-			node.debug("nodeSetExpanded: load start...");
-			this._callHook("nodeLoadChildren", ctx, source).done(function(){
-				node.debug("nodeSetExpanded: load done");
-				if(dfd.notifyWith){ // requires jQuery 1.6+
-					dfd.notifyWith(node, ["loaded"]);
-				}
-				_afterLoad.call(tree);
-			}).fail(function(errMsg){
-				dfd.rejectWith(node, ["load failed (" + errMsg + ")"]);
-			});
-*/
-		}else{
-			_afterLoad(function () { dfd.resolveWith(node); });
-		}
-		// node.debug("nodeSetExpanded: returns");
-		return dfd.promise();
-	},
-	/** Focus ot blur this node.
-	 * @param {EventData} ctx
-	 * @param {boolean} [flag=true]
-	 */
-	nodeSetFocus: function(ctx, flag) {
-		// ctx.node.debug("nodeSetFocus(" + flag + ")");
-		var ctx2,
-			tree = ctx.tree,
-			node = ctx.node;
-
-		flag = (flag !== false);
-
-		// Blur previous node if any
-		if(tree.focusNode){
-			if(tree.focusNode === node && flag){
-				// node.debug("nodeSetFocus(" + flag + "): nothing to do");
-				return;
-			}
-			ctx2 = $.extend({}, ctx, {node: tree.focusNode});
-			tree.focusNode = null;
-			this._triggerNodeEvent("blur", ctx2);
-			this._callHook("nodeRenderStatus", ctx2);
-		}
-		// Set focus to container and node
-		if(flag){
-			if( !this.hasFocus() ){
-				node.debug("nodeSetFocus: forcing container focus");
-				// Note: we pass _calledByNodeSetFocus=true
-				this._callHook("treeSetFocus", ctx, true, true);
-			}
-			// this.nodeMakeVisible(ctx);
-			node.makeVisible({scrollIntoView: false});
-			tree.focusNode = node;
-//			node.debug("FOCUS...");
-//			$(node.span).find(".fancytree-title").focus();
-			this._triggerNodeEvent("focus", ctx);
-//          if(ctx.options.autoActivate){
-//              tree.nodeSetActive(ctx, true);
-//          }
-			if(ctx.options.autoScroll){
-				node.scrollIntoView();
-			}
-			this._callHook("nodeRenderStatus", ctx);
-		}
-	},
-	/** (De)Select node, return new status (sync).
-	 *
-	 * @param {EventData} ctx
-	 * @param {boolean} [flag=true]
-	 */
-	nodeSetSelected: function(ctx, flag) {
-		var node = ctx.node,
-			tree = ctx.tree,
-			opts = ctx.options;
-		// flag defaults to true
-		flag = (flag !== false);
-
-		node.debug("nodeSetSelected(" + flag + ")", ctx);
-		if( node.unselectable){
-			return;
-		}
-		// TODO: !!node.expanded is nicer, but doesn't pass jshint
-		// https://github.com/jshint/jshint/issues/455
-//        if( !!node.expanded === !!flag){
-		if((node.selected && flag) || (!node.selected && !flag)){
-			return !!node.selected;
-		}else if ( this._triggerNodeEvent("beforeSelect", node, ctx.originalEvent) === false ){
-			return !!node.selected;
-		}
-		if(flag && opts.selectMode === 1){
-			// single selection mode
-			if(tree.lastSelectedNode){
-				tree.lastSelectedNode.setSelected(false);
-			}
-		}else if(opts.selectMode === 3){
-			// multi.hier selection mode
-			node.selected = flag;
-//			this._fixSelectionState(node);
-			node.fixSelection3AfterClick();
-		}
-		node.selected = flag;
-		this.nodeRenderStatus(ctx);
-		tree.lastSelectedNode = flag ? node : null;
-		tree._triggerNodeEvent("select", ctx);
-	},
-	/** Show node status (ok, loading, error) using styles and a dummy child node.
-	 *
-	 * @param {EventData} ctx
-	 * @param status
-	 * @param message
-	 * @param details
-	 */
-	nodeSetStatus: function(ctx, status, message, details) {
-		var node = ctx.node,
-			tree = ctx.tree;
-			// cn = ctx.options._classNames;
-
-		function _clearStatusNode() {
-			// Remove dedicated dummy node, if any
-			var firstChild = ( node.children ? node.children[0] : null );
-			if ( firstChild && firstChild.isStatusNode() ) {
-				try{
-					// I've seen exceptions here with loadKeyPath...
-					if(node.ul){
-						node.ul.removeChild(firstChild.li);
-						firstChild.li = null; // avoid leaks (DT issue 215)
-					}
-				}catch(e){}
-				if( node.children.length === 1 ){
-					node.children = [];
-				}else{
-					node.children.shift();
-				}
-			}
-		}
-		function _setStatusNode(data, type) {
-			// Create/modify the dedicated dummy node for 'loading...' or
-			// 'error!' status. (only called for direct child of the invisible
-			// system root)
-			var firstChild = ( node.children ? node.children[0] : null );
-			if ( firstChild && firstChild.isStatusNode() ) {
-				$.extend(firstChild, data);
-				tree._callHook("nodeRender", firstChild);
-			} else {
-				data.key = "_statusNode";
-				node._setChildren([data]);
-				node.children[0].statusNodeType = type;
-				tree.render();
-			}
-			return node.children[0];
-		}
-
-		switch( status ){
-		case "ok":
-			_clearStatusNode();
-			// $(node.span).removeClass(cn.loading).removeClass(cn.error);
-			node._isLoading = false;
-			node._error = null;
-			node.renderStatus();
-			break;
-		case "loading":
-			// $(node.span).removeClass(cn.error).addClass(cn.loading);
-			if( !node.parent ) {
-				_setStatusNode({
-					title: tree.options.strings.loading + (message ? " (" + message + ") " : ""),
-					tooltip: details,
-					extraClasses: "fancytree-statusnode-wait"
-				}, status);
-			}
-			node._isLoading = true;
-			node._error = null;
-			node.renderStatus();
-			break;
-		case "error":
-			// $(node.span).removeClass(cn.loading).addClass(cn.error);
-			_setStatusNode({
-				title: tree.options.strings.loadError + (message ? " (" + message + ") " : ""),
-				tooltip: details,
-				extraClasses: "fancytree-statusnode-error"
-			}, status);
-			node._isLoading = false;
-			node._error = { message: message, details: details };
-			node.renderStatus();
-			break;
-		default:
-			$.error("invalid node status " + status);
-		}
-	},
-	/**
-	 *
-	 * @param {EventData} ctx
-	 */
-	nodeToggleExpanded: function(ctx) {
-		return this.nodeSetExpanded(ctx, !ctx.node.expanded);
-	},
-	/**
-	 * @param {EventData} ctx
-	 */
-	nodeToggleSelected: function(ctx) {
-		return this.nodeSetSelected(ctx, !ctx.node.selected);
-	},
-	/** Remove all nodes.
-	 * @param {EventData} ctx
-	 */
-	treeClear: function(ctx) {
-		var tree = ctx.tree;
-		tree.activeNode = null;
-		tree.focusNode = null;
-		tree.$div.find(">ul.fancytree-container").empty();
-		// TODO: call destructors and remove reference loops
-		tree.rootNode.children = null;
-	},
-	/** Widget was created (called only once, even it re-initialized).
-	 * @param {EventData} ctx
-	 */
-	treeCreate: function(ctx) {
-	},
-	/** Widget was destroyed.
-	 * @param {EventData} ctx
-	 */
-	treeDestroy: function(ctx) {
-	},
-	/** Widget was (re-)initialized.
-	 * @param {EventData} ctx
-	 */
-	treeInit: function(ctx) {
-		//this.debug("Fancytree.treeInit()");
-		this.treeLoad(ctx);
-	},
-	/** Parse Fancytree from source, as configured in the options.
-	 * @param {EventData} ctx
-	 * @param {object} [source] optional new source (use last data otherwise)
-	 */
-	treeLoad: function(ctx, source) {
-		var type, $ul,
-			tree = ctx.tree,
-			$container = ctx.widget.element,
-			dfd,
-			// calling context for root node
-			rootCtx = $.extend({}, ctx, {node: this.rootNode});
-
-		if(tree.rootNode.children){
-			this.treeClear(ctx);
-		}
-		source = source || this.options.source;
-
-		if(!source){
-			type = $container.data("type") || "html";
-			switch(type){
-			case "html":
-				$ul = $container.find(">ul:first");
-				$ul.addClass("ui-fancytree-source ui-helper-hidden");
-				source = $.ui.fancytree.parseHtml($ul);
-				// allow to init tree.data.foo from <ul data-foo=''>
-				this.data = $.extend(this.data, _getElementDataAsDict($ul));
-				break;
-			case "json":
-	//            $().addClass("ui-helper-hidden");
-				source = $.parseJSON($container.text());
-				if(source.children){
-					if(source.title){tree.title = source.title;}
-					source = source.children;
-				}
-				break;
-			default:
-				$.error("Invalid data-type: " + type);
-			}
-		}else if(typeof source === "string"){
-			// TODO: source is an element ID
-			_raiseNotImplemented();
-		}
-
-		// $container.addClass("ui-widget ui-widget-content ui-corner-all");
-		// Trigger fancytreeinit after nodes have been loaded
-		dfd = this.nodeLoadChildren(rootCtx, source).done(function(){
-			tree.render();
-			if( ctx.options.selectMode === 3 ){
-				tree.rootNode.fixSelection3FromEndNodes();
-			}
-			tree._triggerTreeEvent("init", true);
-		}).fail(function(){
-			tree.render();
-			tree._triggerTreeEvent("init", false);
-		});
-		return dfd;
-	},
-	/** Node was inserted into or removed from the tree.
-	 * @param {EventData} ctx
-	 * @param {boolean} add
-	 * @param {FancytreeNode} node
-	 */
-	treeRegisterNode: function(ctx, add, node) {
-	},
-	/** Widget got focus.
-	 * @param {EventData} ctx
-	 * @param {boolean} [flag=true]
-	 */
-	treeSetFocus: function(ctx, flag, _calledByNodeSetFocus) {
-		flag = (flag !== false);
-
-		// this.debug("treeSetFocus(" + flag + "), _calledByNodeSetFocus: " + _calledByNodeSetFocus);
-		// this.debug("    focusNode: " + this.focusNode);
-		// this.debug("    activeNode: " + this.activeNode);
-		if( flag !== this.hasFocus() ){
-			this._hasFocus = flag;
-			this.$container.toggleClass("fancytree-treefocus", flag);
-			this._triggerTreeEvent(flag ? "focusTree" : "blurTree");
-		}
-	}
-});
-
-
-/* ******************************************************************************
- * jQuery UI widget boilerplate
- */
-
-/**
- * The plugin (derrived from <a href=" http://api.jqueryui.com/jQuery.widget/">jQuery.Widget</a>).<br>
- * This constructor is not called directly. Use `$(selector).fancytree({})`
- * to initialize the plugin instead.<br>
- * <pre class="sh_javascript sunlight-highlight-javascript">// Access widget methods and members:
- * var tree = $("#tree").fancytree("getTree");
- * var node = $("#tree").fancytree("getActiveNode", "1234");
- * </pre>
- *
- * @mixin Fancytree_Widget
- */
-
-$.widget("ui.fancytree",
-	/** @lends Fancytree_Widget# */
-	{
-	/**These options will be used as defaults
-	 * @type {FancytreeOptions}
-	 */
-	options:
-	{
-		activeVisible: true,
-		ajax: {
-			type: "GET",
-			cache: false, // false: Append random '_' argument to the request url to prevent caching.
-//          timeout: 0, // >0: Make sure we get an ajax error if server is unreachable
-			dataType: "json" // Expect json format and pass json object to callbacks.
-		},  //
-		aria: false, // TODO: default to true
-		autoActivate: true,
-		autoCollapse: false,
-//      autoFocus: false,
-		autoScroll: false,
-		checkbox: false,
-		/**defines click behavior*/
-		clickFolderMode: 4,
-		debugLevel: null, // 0..2 (null: use global setting $.ui.fancytree.debugInfo)
-		disabled: false, // TODO: required anymore?
-		enableAspx: true, // TODO: document
-		extensions: [],
-		fx: { height: "toggle", duration: 200 },
-		generateIds: false,
-		icons: true,
-		idPrefix: "ft_",
-		keyboard: true,
-		keyPathSeparator: "/",
-		minExpandLevel: 1,
-		scrollOfs: {top: 0, bottom: 0},
-		scrollParent: null,
-		selectMode: 2,
-		strings: {
-			loading: "Loading&#8230;",
-			loadError: "Load error!"
-		},
-		tabbable: true,
-		titlesTabbable: false,
-		_classNames: {
-			node: "fancytree-node",
-			folder: "fancytree-folder",
-			combinedExpanderPrefix: "fancytree-exp-",
-			combinedIconPrefix: "fancytree-ico-",
-			hasChildren: "fancytree-has-children",
-			active: "fancytree-active",
-			selected: "fancytree-selected",
-			expanded: "fancytree-expanded",
-			lazy: "fancytree-lazy",
-			focused: "fancytree-focused",
-			partsel: "fancytree-partsel",
-			lastsib: "fancytree-lastsib",
-			loading: "fancytree-loading",
-			error: "fancytree-error"
-		},
-		// events
-		lazyLoad: null,
-		postProcess: null
-	},
-	/* Set up the widget, Called on first $().fancytree() */
-	_create: function() {
-		this.tree = new Fancytree(this);
-
-		this.$source = this.source || this.element.data("type") === "json" ? this.element
-			: this.element.find(">ul:first");
-		// Subclass Fancytree instance with all enabled extensions
-		var extension, extName, i,
-			extensions = this.options.extensions,
-			base = this.tree;
-
-		for(i=0; i<extensions.length; i++){
-			extName = extensions[i];
-			extension = $.ui.fancytree._extensions[extName];
-			if(!extension){
-				$.error("Could not apply extension '" + extName + "' (it is not registered, did you forget to include it?)");
-			}
-			// Add extension options as tree.options.EXTENSION
-//			_assert(!this.tree.options[extName], "Extension name must not exist as option name: " + extName);
-			this.tree.options[extName] = $.extend(true, {}, extension.options, this.tree.options[extName]);
-			// Add a namespace tree.ext.EXTENSION, to hold instance data
-			_assert(this.tree.ext[extName] === undefined, "Extension name must not exist as Fancytree.ext attribute: '" + extName + "'");
-//			this.tree[extName] = extension;
-			this.tree.ext[extName] = {};
-			// Subclass Fancytree methods using proxies.
-			_subclassObject(this.tree, base, extension, extName);
-			// current extension becomes base for the next extension
-			base = extension;
-		}
-		//
-		this.tree._callHook("treeCreate", this.tree);
-		// Note: 'fancytreecreate' event is fired by widget base class
-//        this.tree._triggerTreeEvent("create");
-	},
-
-	/* Called on every $().fancytree() */
-	_init: function() {
-		this.tree._callHook("treeInit", this.tree);
-		// TODO: currently we call bind after treeInit, because treeInit
-		// might change tree.$container.
-		// It would be better, to move ebent binding into hooks altogether
-		this._bind();
-	},
-
-	/* Use the _setOption method to respond to changes to options */
-	_setOption: function(key, value) {
-		var callDefault = true,
-			rerender = false;
-		switch( key ) {
-		case "aria":
-		case "checkbox":
-		case "icons":
-		case "minExpandLevel":
-		case "tabbable":
-//		case "nolink":
-			this.tree._callHook("treeCreate", this.tree);
-			rerender = true;
-			break;
-		case "source":
-			callDefault = false;
-			this.tree._callHook("treeLoad", this.tree, value);
-			break;
-		}
-		this.tree.debug("set option " + key + "=" + value + " <" + typeof(value) + ">");
-		if(callDefault){
-			// In jQuery UI 1.8, you have to manually invoke the _setOption method from the base widget
-			$.Widget.prototype._setOption.apply(this, arguments);
-			// TODO: In jQuery UI 1.9 and above, you use the _super method instead
-//          this._super( "_setOption", key, value );
-		}
-		if(rerender){
-			this.tree.render(true, false);  // force, not-deep
-		}
-	},
-
-	/** Use the destroy method to clean up any modifications your widget has made to the DOM */
-	destroy: function() {
-		this._unbind();
-		this.tree._callHook("treeDestroy", this.tree);
-		// this.element.removeClass("ui-widget ui-widget-content ui-corner-all");
-		this.tree.$div.find(">ul.fancytree-container").remove();
-		this.$source && this.$source.removeClass("ui-helper-hidden");
-		// In jQuery UI 1.8, you must invoke the destroy method from the base widget
-		$.Widget.prototype.destroy.call(this);
-		// TODO: delete tree and nodes to make garbage collect easier?
-		// TODO: In jQuery UI 1.9 and above, you would define _destroy instead of destroy and not call the base method
-	},
-
-	// -------------------------------------------------------------------------
-
-	/* Remove all event handlers for our namespace */
-	_unbind: function() {
-		var ns = this.tree._ns;
-		this.element.unbind(ns);
-		this.tree.$container.unbind(ns);
-		$(document).unbind(ns);
-	},
-	/* Add mouse and kyboard handlers to the container */
-	_bind: function() {
-		var that = this,
-			opts = this.options,
-			tree = this.tree,
-			ns = tree._ns
-			// selstartEvent = ( $.support.selectstart ? "selectstart" : "mousedown" )
-			;
-
-		// Remove all previuous handlers for this tree
-		this._unbind();
-
-		//alert("keydown" + ns + "foc=" + tree.hasFocus() + tree.$container);
-		// tree.debug("bind events; container: ", tree.$container);
-		tree.$container.on("focusin" + ns + " focusout" + ns, function(event){
-			var node = FT.getNode(event),
-				flag = (event.type === "focusin");
-			// tree.debug("Tree container got event " + event.type, node, event);
-			// tree.treeOnFocusInOut.call(tree, event);
-			if(node){
-				// For example clicking into an <input> that is part of a node
-				tree._callHook("nodeSetFocus", node, flag);
-			}else{
-				tree._callHook("treeSetFocus", tree, flag);
-			}
-		}).on("selectstart" + ns, "span.fancytree-title", function(event){
-			// prevent mouse-drags to select text ranges
-			// tree.debug("<span title> got event " + event.type);
-			event.preventDefault();
-		}).on("keydown" + ns, function(event){
-			// TODO: also bind keyup and keypress
-			// tree.debug("got event " + event.type + ", hasFocus:" + tree.hasFocus());
-			// if(opts.disabled || opts.keyboard === false || !tree.hasFocus() ){
-			if(opts.disabled || opts.keyboard === false ){
-				return true;
-			}
-			var res,
-				node = tree.focusNode, // node may be null
-				ctx = tree._makeHookContext(node || tree, event),
-				prevPhase = tree.phase;
-
-			try {
-				tree.phase = "userEvent";
-				// If a 'fancytreekeydown' handler returns false, skip the default
-				// handling (implemented by tree.nodeKeydown()).
-				if(node){
-					res = tree._triggerNodeEvent("keydown", node, event);
-				}else{
-					res = tree._triggerTreeEvent("keydown", event);
-				}
-				if ( res === "preventNav" ){
-					res = true; // prevent keyboard navigation, but don't prevent default handling of embedded input controls
-				} else if ( res !== false ){
-					res = tree._callHook("nodeKeydown", ctx);
-				}
-				return res;
-			} finally {
-				tree.phase = prevPhase;
-			}
-		}).on("click" + ns + " dblclick" + ns, function(event){
-			if(opts.disabled){
-				return true;
-			}
-			var ctx,
-				et = FT.getEventTarget(event),
-				node = et.node,
-				tree = that.tree,
-				prevPhase = tree.phase;
-
-			if( !node ){
-				return true;  // Allow bubbling of other events
-			}
-			ctx = tree._makeHookContext(node, event);
-//			that.tree.debug("event(" + event.type + "): node: ", node);
-			try {
-				tree.phase = "userEvent";
-				switch(event.type) {
-				case "click":
-					ctx.targetType = et.type;
-					return ( tree._triggerNodeEvent("click", ctx, event) === false ) ? false : tree._callHook("nodeClick", ctx);
-				case "dblclick":
-					ctx.targetType = et.type;
-					return ( tree._triggerNodeEvent("dblclick", ctx, event) === false ) ? false : tree._callHook("nodeDblclick", ctx);
-				}
-//             } catch(e) {
-// //                var _ = null; // DT issue 117 // TODO
-//                 $.error(e);
-			} finally {
-				tree.phase = prevPhase;
-			}
-		});
-	},
-	/** Return the active node or null.
-	 * @returns {FancytreeNode}
-	 */
-	getActiveNode: function() {
-		return this.tree.activeNode;
-	},
-	/** Return the matching node or null.
-	 * @param {string} key
-	 * @returns {FancytreeNode}
-	 */
-	getNodeByKey: function(key) {
-		return this.tree.getNodeByKey(key);
-	},
-	/** Return the invisible system root node.
-	 * @returns {FancytreeNode}
-	 */
-	getRootNode: function() {
-		return this.tree.rootNode;
-	},
-	/** Return the current tree instance.
-	 * @returns {Fancytree}
-	 */
-	getTree: function() {
-		return this.tree;
-	}
-});
-
-// $.ui.fancytree was created by the widget factory. Create a local shortcut:
-FT = $.ui.fancytree;
-
-/**
- * Static members in the `$.ui.fancytree` namespace.<br>
- * <br>
- * <pre class="sh_javascript sunlight-highlight-javascript">// Access static members:
- * var node = $.ui.fancytree.getNode(element);
- * alert($.ui.fancytree.version);
- * </pre>
- *
- * @mixin Fancytree_Static
- */
-$.extend($.ui.fancytree,
-	/** @lends Fancytree_Static# */
-	{
-	/** @type {string} */
-	version: "2.3.0",      // Set to semver by 'grunt release'
-	/** @type {string} */
-	buildType: "production", // Set to 'production' by 'grunt build'
-	/** @type {int} */
-	debugLevel: 1,            // Set to 1 by 'grunt build'
-							  // Used by $.ui.fancytree.debug() and as default for tree.options.debugLevel
-
-	_nextId: 1,
-	_nextNodeKey: 1,
-	_extensions: {},
-	// focusTree: null,
-
-	/** Expose class object as $.ui.fancytree._FancytreeClass */
-	_FancytreeClass: Fancytree,
-	/** Expose class object as $.ui.fancytree._FancytreeNodeClass */
-	_FancytreeNodeClass: FancytreeNode,
-	/* Feature checks to provide backwards compatibility */
-	jquerySupports: {
-		// http://jqueryui.com/upgrade-guide/1.9/#deprecated-offset-option-merged-into-my-and-at
-		positionMyOfs: isVersionAtLeast($.ui.version, 1, 9)
-		},
-	/** Throw an error if condition fails (debug method).
-	 * @param {boolean} cond
-	 * @param {string} msg
-	 */
-	assert: function(cond, msg){
-		return _assert(cond, msg);
-	},
-	/** Return a function that executes *fn* at most every *timeout* ms.
-	 * @param {integer} timeout
-	 * @param {function} fn
-	 * @param {boolean} [invokeAsap=false]
-	 * @param {any} [ctx]
-	 */
-	debounce : function(timeout, fn, invokeAsap, ctx) {
-		var timer;
-		if(arguments.length === 3 && typeof invokeAsap !== "boolean") {
-			ctx = invokeAsap;
-			invokeAsap = false;
-		}
-		return function() {
-			var args = arguments;
-			ctx = ctx || this;
-			invokeAsap && !timer && fn.apply(ctx, args);
-			clearTimeout(timer);
-			timer = setTimeout(function() {
-				invokeAsap || fn.apply(ctx, args);
-				timer = null;
-			}, timeout);
-		};
-	},
-	/** Write message to console if debugLevel >= 2
-	 * @param {string} msg
-	 */
-	debug: function(msg){
-		/*jshint expr:true */
-		($.ui.fancytree.debugLevel >= 2) && consoleApply("log", arguments);
-	},
-	/** Write error message to console.
-	 * @param {string} msg
-	 */
-	error: function(msg){
-		consoleApply("error", arguments);
-	},
-	/** Convert &lt;, &gt;, &amp;, &quot;, &#39;, &#x2F; to the equivalent entitites.
-	 *
-	 * @param {string} s
-	 * @returns {string}
-	 */
-	escapeHtml: function(s){
-		return ("" + s).replace(/[&<>"'\/]/g, function (s) {
-			return ENTITY_MAP[s];
-		});
-	},
-	/** Inverse of escapeHtml().
-	 *
-	 * @param {string} s
-	 * @returns {string}
-	 */
-	unescapeHtml: function(s){
-		var e = document.createElement("div");
-		e.innerHTML = s;
-		return e.childNodes.length === 0 ? "" : e.childNodes[0].nodeValue;
-	},
-	/** Return a {node: FancytreeNode, type: TYPE} object for a mouse event.
-	 *
-	 * @param {Event} event Mouse event, e.g. click, ...
-	 * @returns {string} 'title' | 'prefix' | 'expander' | 'checkbox' | 'icon' | undefined
-	 */
-	getEventTargetType: function(event){
-		return this.getEventTarget(event).type;
-	},
-	/** Return a {node: FancytreeNode, type: TYPE} object for a mouse event.
-	 *
-	 * @param {Event} event Mouse event, e.g. click, ...
-	 * @returns {object} Return a {node: FancytreeNode, type: TYPE} object
-	 *     TYPE: 'title' | 'prefix' | 'expander' | 'checkbox' | 'icon' | undefined
-	 */
-	getEventTarget: function(event){
-		var tcn = event && event.target ? event.target.className : "",
-			res = {node: this.getNode(event.target), type: undefined};
-		// We use a fast version of $(res.node).hasClass()
-		// See http://jsperf.com/test-for-classname/2
-		if( /\bfancytree-title\b/.test(tcn) ){
-			res.type = "title";
-		}else if( /\bfancytree-expander\b/.test(tcn) ){
-			res.type = (res.node.hasChildren() === false ? "prefix" : "expander");
-		}else if( /\bfancytree-checkbox\b/.test(tcn) || /\bfancytree-radio\b/.test(tcn) ){
-			res.type = "checkbox";
-		}else if( /\bfancytree-icon\b/.test(tcn) ){
-			res.type = "icon";
-		}else if( /\bfancytree-node\b/.test(tcn) ){
-			// Somewhere near the title
-			res.type = "title";
-		}else if( event && event.target && $(event.target).closest(".fancytree-title").length ) {
-			// #228: clicking an embedded element inside a title
-			res.type = "title";
-		}
-		return res;
-	},
-	/** Return a FancytreeNode instance from element.
-	 *
-	 * @param {Element | jQueryObject | Event} el
-	 * @returns {FancytreeNode} matching node or null
-	 */
-	getNode: function(el){
-		if(el instanceof FancytreeNode){
-			return el; // el already was a FancytreeNode
-		}else if(el.selector !== undefined){
-			el = el[0]; // el was a jQuery object: use the DOM element
-		}else if(el.originalEvent !== undefined){
-			el = el.target; // el was an Event
-		}
-		while( el ) {
-			if(el.ftnode) {
-				return el.ftnode;
-			}
-			el = el.parentNode;
-		}
-		return null;
-	},
-	/* Return a Fancytree instance from element.
-	* TODO: this function could help to get around the data('fancytree') / data('ui-fancytree') problem
-	* @param {Element | jQueryObject | Event} el
-	* @returns {Fancytree} matching tree or null
-	* /
-	getTree: function(el){
-		if(el instanceof Fancytree){
-			return el; // el already was a Fancytree
-		}else if(el.selector !== undefined){
-			el = el[0]; // el was a jQuery object: use the DOM element
-		}else if(el.originalEvent !== undefined){
-			el = el.target; // el was an Event
-		}
-		...
-		return null;
-	},
-	*/
-	/** Write message to console if debugLevel >= 1
-	 * @param {string} msg
-	 */
-	info: function(msg){
-		/*jshint expr:true */
-		($.ui.fancytree.debugLevel >= 1) && consoleApply("info", arguments);
-	},
-	/**
-	 * Parse tree data from HTML <ul> markup
-	 *
-	 * @param {jQueryObject} $ul
-	 * @returns {NodeData[]}
-	 */
-	parseHtml: function($ul) {
-		// TODO: understand this:
-		/*jshint validthis:true */
-		var extraClasses, i, l, iPos, tmp, tmp2, classes, className,
-			$children = $ul.find(">li"),
-			children = [];
-
-		$children.each(function() {
-			var allData,
-				$li = $(this),
-				$liSpan = $li.find(">span:first", this),
-				$liA = $liSpan.length ? null : $li.find(">a:first"),
-				d = { tooltip: null, data: {} };
-
-			if( $liSpan.length ) {
-				d.title = $liSpan.html();
-
-			} else if( $liA && $liA.length ) {
-				// If a <li><a> tag is specified, use it literally and extract href/target.
-				d.title = $liA.html();
-				d.data.href = $liA.attr("href");
-				d.data.target = $liA.attr("target");
-				d.tooltip = $liA.attr("title");
-
-			} else {
-				// If only a <li> tag is specified, use the trimmed string up to
-				// the next child <ul> tag.
-				d.title = $li.html();
-				iPos = d.title.search(/<ul/i);
-				if( iPos >= 0 ){
-					d.title = d.title.substring(0, iPos);
-				}
-			}
-			d.title = $.trim(d.title);
-
-			// Make sure all fields exist
-			for(i=0, l=CLASS_ATTRS.length; i<l; i++){
-				d[CLASS_ATTRS[i]] = undefined;
-			}
-			// Initialize to `true`, if class is set and collect extraClasses
-			classes = this.className.split(" ");
-			extraClasses = [];
-			for(i=0, l=classes.length; i<l; i++){
-				className = classes[i];
-				if(CLASS_ATTR_MAP[className]){
-					d[className] = true;
-				}else{
-					extraClasses.push(className);
-				}
-			}
-			d.extraClasses = extraClasses.join(" ");
-
-			// Parse node options from ID, title and class attributes
-			tmp = $li.attr("title");
-			if( tmp ){
-				d.tooltip = tmp; // overrides <a title='...'>
-			}
-			tmp = $li.attr("id");
-			if( tmp ){
-				d.key = tmp;
-			}
-			// Add <li data-NAME='...'> as node.data.NAME
-			allData = _getElementDataAsDict($li);
-			if(allData && !$.isEmptyObject(allData)) {
-				// #56: Allow to set special node.attributes from data-...
-				for(i=0, l=NODE_ATTRS.length; i<l; i++){
-					tmp = NODE_ATTRS[i];
-					tmp2 = allData[tmp];
-					if( tmp2 != null ) {
-						delete allData[tmp];
-						d[tmp] = tmp2;
-					}
-				}
-				// All other data-... goes to node.data...
-				$.extend(d.data, allData);
-			}
-			// Recursive reading of child nodes, if LI tag contains an UL tag
-			$ul = $li.find(">ul:first");
-			if( $ul.length ) {
-				d.children = $.ui.fancytree.parseHtml($ul);
-			}else{
-				d.children = d.lazy ? undefined : null;
-			}
-			children.push(d);
-//            FT.debug("parse ", d, children);
-		});
-		return children;
-	},
-	/** Add Fancytree extension definition to the list of globally available extensions.
-	 *
-	 * @param {object} definition
-	 */
-	registerExtension: function(definition){
-		_assert(definition.name != null, "extensions must have a `name` property.");
-		_assert(definition.version != null, "extensions must have a `version` property.");
-		$.ui.fancytree._extensions[definition.name] = definition;
-	},
-	/** Write warning message to console.
-	 * @param {string} msg
-	 */
-	warn: function(msg){
-		consoleApply("warn", arguments);
-	}
-});
-
-}(jQuery, window, document));
diff --git a/app/assets/javascripts/fancytree/jquery.fancytree.min.js b/app/assets/javascripts/fancytree/jquery.fancytree.min.js
deleted file mode 100644
index 7fe33f4..0000000
--- a/app/assets/javascripts/fancytree/jquery.fancytree.min.js
+++ /dev/null
@@ -1,14 +0,0 @@
-/*!
- * jquery.fancytree.js
- * Dynamic tree view control, with support for lazy loading of branches.
- * https://github.com/mar10/fancytree/
- *
- * Copyright (c) 2006-2014, Martin Wendt (http://wwWendt.de)
- * Released under the MIT license
- * https://github.com/mar10/fancytree/wiki/LicenseInfo
- *
- * @version 2.3.0
- * @date 2014-08-17T10:39
- */
-!function(a,b,c,d){"use strict";function e(b){b=b||"",a.error("Not implemented: "+b)}function f(b,c){b||(c=c?": "+c:"",a.error("Assertion failed"+c))}function g(a,c){var d,e,f=b.console?b.console[a]:null;if(f)if(f.apply)f.apply(b.console,c);else{for(e="",d=0;d<c.length;d++)e+=c[d];f(e)}}function h(a){return!(!a.tree||a.statusNodeType===d)}function i(b){var c,d,e,f=a.map(a.trim(b).split("."),function(a){return parseInt(a,10)}),g=a.map(Array.prototype.slice.call(arguments,1),function(a){return parseInt(a,10)});for(c=0;c<g.length;c++)if(d=f[c]||0,e=g[c]||0,d!==e)return d>e;return!0}function j(a,b,c,d,e){var f=function(){var c=b[a],f=d[a],g=b.ext[e],h=function(){return c.apply(b,arguments)};return function(){var a=b._local,c=b._super;try{return b._local=g,b._super=h,f.apply(b,arguments)}finally{b._local=a,b._super=c}}}();return f}function k(b,c,d,e){for(var f in d)"function"==typeof d[f]?"function"==typeof b[f]?b[f]=j(f,b,c,d,e):"_"===f.charAt(0)?b.ext[e][f]=j(f,b,c,d,e):a.error("Could not override tree."+f+". Use prefix '_' to create tree."+e+"._"+f):"options"!==f&&(b.ext[e][f]=d[f])}function l(b,c){return b===d?a.Deferred(function(){this.resolve()}).promise():a.Deferred(function(){this.resolveWith(b,c)}).promise()}function m(b,c){return b===d?a.Deferred(function(){this.reject()}).promise():a.Deferred(function(){this.rejectWith(b,c)}).promise()}function n(a,b){return function(){a.resolveWith(b)}}function o(b){var c=a.extend({},b.data()),d=c.json;return delete c.fancytree,d&&(delete c.json,c=a.extend(c,d)),c}function p(a){return a=a.toLowerCase(),function(b){return b.title.toLowerCase().indexOf(a)>=0}}function q(b,c){var d,e,g,h;for(this.parent=b,this.tree=b.tree,this.ul=null,this.li=null,this.statusNodeType=null,this._isLoading=!1,this._error=null,this.data={},d=0,e=x.length;e>d;d++)g=x[d],this[g]=c[g];c.data&&a.extend(this.data,c.data);for(g in c)y[g]||a.isFunction(c[g])||z[g]||(this.data[g]=c[g]);null==this.key?this.tree.options.defaultKey?(this.key=this.tree.options.defaultKey(this),f(this.key,"defaultKey() must return a unique key")):this.key="_"+t._nextNodeKey++:this.key=""+this.key,c.active&&(f(null===this.tree.activeNode,"only one active node allowed"),this.tree.activeNode=this),c.selected&&(this.tree.lastSelectedNode=this),this.children=null,h=c.children,h&&h.length&&this._setChildren(h),this.tree._callHook("treeRegisterNode",this.tree,!0,this)}function r(b){this.widget=b,this.$div=b.element,this.options=b.options,this.options&&a.isFunction(this.options.lazyload)&&(a.isFunction(this.options.lazyLoad)||(this.options.lazyLoad=function(){t.warn("The 'lazyload' event is deprecated since 2014-02-25. Use 'lazyLoad' (with uppercase L) instead."),b.options.lazyload.apply(this,arguments)})),this.options&&a.isFunction(this.options.loaderror)&&a.error("The 'loaderror' event was renamed since 2014-07-03. Use 'loadError' (with uppercase E) instead."),this.ext={},this.data=o(this.$div),this._id=a.ui.fancytree._nextId++,this._ns=".fancytree-"+this._id,this.activeNode=null,this.focusNode=null,this._hasFocus=null,this.lastSelectedNode=null,this.systemFocusElement=null,this.statusClassPropName="span",this.ariaPropName="li",this.nodeContainerAttrName="li",this.$div.find(">ul.fancytree-container").remove();var c,d={tree:this};this.rootNode=new q(d,{title:"root",key:"root_"+this._id,children:null,expanded:!0}),this.rootNode.parent=null,c=a("<ul>",{"class":"ui-fancytree fancytree-container"}).appendTo(this.$div),this.$container=c,this.rootNode.ul=c[0],null==this.options.debugLevel&&(this.options.debugLevel=t.debugLevel),this.$container.attr("tabindex",this.options.tabbable?"0":"-1"),this.options.aria&&this.$container.attr("role","tree").attr("aria-multiselectable",!0)}if(a.ui.fancytree&&a.ui.fancytree.version)return void a.ui.fancytree.warn("Fancytree: ignored duplicate include");var s,t=null,u={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","/":"&#x2F;"},v="active expanded focus folder hideCheckbox lazy selected unselectable".split(" "),w={},x="expanded extraClasses folder hideCheckbox key lazy refKey selected title tooltip unselectable".split(" "),y={},z={active:!0,children:!0,data:!0,focus:!0};for(s=0;s<v.length;s++)w[v[s]]=!0;for(s=0;s<x.length;s++)y[x[s]]=!0;q.prototype={_findDirectChild:function(a){var b,c,d=this.children;if(d)if("string"==typeof a){for(b=0,c=d.length;c>b;b++)if(d[b].key===a)return d[b]}else{if("number"==typeof a)return this.children[a];if(a.parent===this)return a}return null},_setChildren:function(a){f(a&&(!this.children||0===this.children.length),"only init supported"),this.children=[];for(var b=0,c=a.length;c>b;b++)this.children.push(new q(this,a[b]))},addChildren:function(b,c){var d,e,g,h=null,i=[];for(a.isPlainObject(b)&&(b=[b]),this.children||(this.children=[]),d=0,e=b.length;e>d;d++)i.push(new q(this,b[d]));return h=i[0],null==c?this.children=this.children.concat(i):(c=this._findDirectChild(c),g=a.inArray(c,this.children),f(g>=0,"insertBefore must be an existing child"),this.children.splice.apply(this.children,[g,0].concat(i))),(!this.parent||this.parent.ul||this.tr)&&this.render(),3===this.tree.options.selectMode&&this.fixSelection3FromEndNodes(),h},addNode:function(a,b){switch((b===d||"over"===b)&&(b="child"),b){case"after":return this.getParent().addChildren(a,this.getNextSibling());case"before":return this.getParent().addChildren(a,this);case"child":case"over":return this.addChildren(a)}f(!1,"Invalid mode: "+b)},appendSibling:function(a){return this.addNode(a,"after")},applyPatch:function(b){if(null===b)return this.remove(),l(this);var c,d,e,f={children:!0,expanded:!0,parent:!0};for(c in b)e=b[c],f[c]||a.isFunction(e)||(y[c]?this[c]=e:this.data[c]=e);return b.hasOwnProperty("children")&&(this.removeChildren(),b.children&&this._setChildren(b.children)),this.isVisible()&&(this.renderTitle(),this.renderStatus()),d=b.hasOwnProperty("expanded")?this.setExpanded(b.expanded):l(this)},collapseSiblings:function(){return this.tree._callHook("nodeCollapseSiblings",this)},copyTo:function(a,b,c){return a.addNode(this.toDict(!0,c),b)},countChildren:function(a){var b,c,d,e=this.children;if(!e)return 0;if(d=e.length,a!==!1)for(b=0,c=d;c>b;b++)d+=e[b].countChildren();return d},debug:function(){this.tree.options.debugLevel>=2&&(Array.prototype.unshift.call(arguments,this.toString()),g("debug",arguments))},discard:function(){return this.warn("FancytreeNode.discard() is deprecated since 2014-02-16. Use .resetLazy() instead."),this.resetLazy()},findAll:function(b){b=a.isFunction(b)?b:p(b);var c=[];return this.visit(function(a){b(a)&&c.push(a)}),c},findFirst:function(b){b=a.isFunction(b)?b:p(b);var c=null;return this.visit(function(a){return b(a)?(c=a,!1):void 0}),c},_changeSelectStatusAttrs:function(a){var b=!1;switch(a){case!1:b=this.selected||this.partsel,this.selected=!1,this.partsel=!1;break;case!0:b=!this.selected||!this.partsel,this.selected=!0,this.partsel=!0;break;case d:b=this.selected||!this.partsel,this.selected=!1,this.partsel=!0;break;default:f(!1,"invalid state: "+a)}return b&&this.renderStatus(),b},fixSelection3AfterClick:function(){var a=this.isSelected();this.visit(function(b){b._changeSelectStatusAttrs(a)}),this.fixSelection3FromEndNodes()},fixSelection3FromEndNodes:function(){function a(b){var c,e,f,g,h,i,j,k=b.children;if(k&&k.length){for(i=!0,j=!1,c=0,e=k.length;e>c;c++)f=k[c],g=a(f),g!==!1&&(j=!0),g!==!0&&(i=!1);h=i?!0:j?d:!1}else h=!!b.selected;return b._changeSelectStatusAttrs(h),h}f(3===this.tree.options.selectMode,"expected selectMode 3"),a(this),this.visitParents(function(a){var b,c,e,f,g=a.children,h=!0,i=!1;for(b=0,c=g.length;c>b;b++)e=g[b],(e.selected||e.partsel)&&(i=!0),e.unselectable||e.selected||(h=!1);f=h?!0:i?d:!1,a._changeSelectStatusAttrs(f)})},fromDict:function(b){for(var c in b)y[c]?this[c]=b[c]:"data"===c?a.extend(this.data,b.data):a.isFunction(b[c])||z[c]||(this.data[c]=b[c]);b.children&&(this.removeChildren(),this.addChildren(b.children)),this.renderTitle()},getChildren:function(){return this.hasChildren()===d?d:this.children},getFirstChild:function(){return this.children?this.children[0]:null},getIndex:function(){return a.inArray(this,this.parent.children)},getIndexHier:function(b){b=b||".";var c=[];return a.each(this.getParentList(!1,!0),function(a,b){c.push(b.getIndex()+1)}),c.join(b)},getKeyPath:function(a){var b=[],c=this.tree.options.keyPathSeparator;return this.visitParents(function(a){a.parent&&b.unshift(a.key)},!a),c+b.join(c)},getLastChild:function(){return this.children?this.children[this.children.length-1]:null},getLevel:function(){for(var a=0,b=this.parent;b;)a++,b=b.parent;return a},getNextSibling:function(){if(this.parent){var a,b,c=this.parent.children;for(a=0,b=c.length-1;b>a;a++)if(c[a]===this)return c[a+1]}return null},getParent:function(){return this.parent},getParentList:function(a,b){for(var c=[],d=b?this:this.parent;d;)(a||d.parent)&&c.unshift(d),d=d.parent;return c},getPrevSibling:function(){if(this.parent){var a,b,c=this.parent.children;for(a=1,b=c.length;b>a;a++)if(c[a]===this)return c[a-1]}return null},hasChildren:function(){return this.lazy?null==this.children?d:0===this.children.length?!1:1===this.children.length&&this.children[0].isStatusNode()?d:!0:!!this.children},hasFocus:function(){return this.tree.hasFocus()&&this.tree.focusNode===this},info:function(){this.tree.options.debugLevel>=1&&(Array.prototype.unshift.call(arguments,this.toString()),g("info",arguments))},isActive:function(){return this.tree.activeNode===this},isChildOf:function(a){return this.parent&&this.parent===a},isDescendantOf:function(a){if(!a||a.tree!==this.tree)return!1;for(var b=this.parent;b;){if(b===a)return!0;b=b.parent}return!1},isExpanded:function(){return!!this.expanded},isFirstSibling:function(){var a=this.parent;return!a||a.children[0]===this},isFolder:function(){return!!this.folder},isLastSibling:function(){var a=this.parent;return!a||a.children[a.children.length-1]===this},isLazy:function(){return!!this.lazy},isLoaded:function(){return!this.lazy||this.hasChildren()!==d},isLoading:function(){return!!this._isLoading},isRoot:function(){return this.tree.rootNode===this},isSelected:function(){return!!this.selected},isStatusNode:function(){return!!this.statusNodeType},isUndefined:function(){return this.hasChildren()===d},isVisible:function(){var a,b,c=this.getParentList(!1,!1);for(a=0,b=c.length;b>a;a++)if(!c[a].expanded)return!1;return!0},lazyLoad:function(a){return this.warn("FancytreeNode.lazyLoad() is deprecated since 2014-02-16. Use .load() instead."),this.load(a)},load:function(a){var b,c,d=this;return f(this.isLazy(),"load() requires a lazy node"),f(a||this.isUndefined(),"Pass forceReload=true to re-load a lazy node"),this.isLoaded()&&this.resetLazy(),c=this.tree._triggerNodeEvent("lazyLoad",this),c===!1?l(this):(f("boolean"!=typeof c,"lazyLoad event must return source in data.result"),b=this.tree._callHook("nodeLoadChildren",this,c),this.expanded&&b.always(function(){d.render()}),b)},makeVisible:function(b){var c,d=this,e=[],f=new a.Deferred,g=this.getParentList(!1,!1),h=g.length,i=!(b&&b.noAnimation===!0),j=!(b&&b.scrollIntoView===!1);for(c=h-1;c>=0;c--)e.push(g[c].setExpanded(!0,b));return a.when.apply(a,e).done(function(){j?d.scrollIntoView(i).done(function(){f.resolve()}):f.resolve()}),f.promise()},moveTo:function(b,c,e){(c===d||"over"===c)&&(c="child");var g,h=this.parent,i="child"===c?b:b.parent;if(this!==b){if(!this.parent)throw"Cannot move system root";if(i.isDescendantOf(this))throw"Cannot move a node to its own descendant";if(1===this.parent.children.length){if(this.parent===i)return;this.parent.children=this.parent.lazy?[]:null,this.parent.expanded=!1}else g=a.inArray(this,this.parent.children),f(g>=0),this.parent.children.splice(g,1);if(this.parent=i,i.hasChildren())switch(c){case"child":i.children.push(this);break;case"before":g=a.inArray(b,i.children),f(g>=0),i.children.splice(g,0,this);break;case"after":g=a.inArray(b,i.children),f(g>=0),i.children.splice(g+1,0,this);break;default:throw"Invalid mode "+c}else i.children=[this];e&&b.visit(e,!0),this.tree!==b.tree&&(this.warn("Cross-tree moveTo is experimantal!"),this.visit(function(a){a.tree=b.tree},!0)),h.isDescendantOf(i)||h.render(),i.isDescendantOf(h)||i===h||i.render()}},navigate:function(b,c){function d(d){if(d){try{d.makeVisible()}catch(e){}return a(d.span).is(":visible")?c===!1?d.setFocus():d.setActive():(d.debug("Navigate: skipping hidden node"),void d.navigate(b,c))}}var e,f,g=!0,h=a.ui.keyCode,i=null;switch(b){case h.BACKSPACE:this.parent&&this.parent.parent&&d(this.parent);break;case h.LEFT:this.expanded?(this.setExpanded(!1),d(this)):this.parent&&this.parent.parent&&d(this.parent);break;case h.RIGHT:this.expanded||!this.children&&!this.lazy?this.children&&this.children.length&&d(this.children[0]):(this.setExpanded(),d(this));break;case h.UP:for(i=this.getPrevSibling();i&&i.expanded&&i.children&&i.children.length;)i=i.children[i.children.length-1];!i&&this.parent&&this.parent.parent&&(i=this.parent),d(i);break;case h.DOWN:if(this.expanded&&this.children&&this.children.length)i=this.children[0];else for(f=this.getParentList(!1,!0),e=f.length-1;e>=0&&!(i=f[e].getNextSibling());e--);d(i);break;default:g=!1}},remove:function(){return this.parent.removeChild(this)},removeChild:function(a){return this.tree._callHook("nodeRemoveChild",this,a)},removeChildren:function(){return this.tree._callHook("nodeRemoveChildren",this)},render:function(a,b){return this.tree._callHook("nodeRender",this,a,b)},renderTitle:function(){return this.tree._callHook("nodeRenderTitle",this)},renderStatus:function(){return this.tree._callHook("nodeRenderStatus",this)},resetLazy:function(){this.removeChildren(),this.expanded=!1,this.lazy=!0,this.children=d,this.renderStatus()},scheduleAction:function(a,b){this.tree.timer&&clearTimeout(this.tree.timer),this.tree.timer=null;var c=this;switch(a){case"cancel":break;case"expand":this.tree.timer=setTimeout(function(){c.tree.debug("setTimeout: trigger expand"),c.setExpanded(!0)},b);break;case"activate":this.tree.timer=setTimeout(function(){c.tree.debug("setTimeout: trigger activate"),c.setActive(!0)},b);break;default:throw"Invalid mode "+a}},scrollIntoView:function(e,g){g!==d&&h(g)&&(this.warn("scrollIntoView() with 'topNode' option is deprecated since 2014-05-08. Use 'options.topNode' instead."),g={topNode:g});var i,j,k,l,m=a.extend({effects:e===!0?{duration:200,queue:!1}:e,scrollOfs:this.tree.options.scrollOfs,scrollParent:this.tree.options.scrollParent||this.tree.$container,topNode:null},g),n=new a.Deferred,o=this,p=a(this.span).height(),q=a(m.scrollParent),r=m.scrollOfs.top||0,s=m.scrollOfs.bottom||0,t=q.height(),u=q.scrollTop(),v=q,w=q[0]===b,x=m.topNode||null,y=null;return f(a(this.span).is(":visible"),"scrollIntoView node is invisible"),w?(j=a(this.span).offset().top,i=x?a(x.span).offset().top:0,v=a("html,body")):(f(q[0]!==c&&q[0]!==c.body,"scrollParent should be an simple element or `window`, not document or body."),l=q.offset().top,j=a(this.span).offset().top-l+u,i=x?a(x.span).offset().top-l+u:0,k=Math.max(0,q.innerHeight()-q[0].clientHeight),t-=k),u+r>j?y=j-r:j+p>u+t-s&&(y=j+p-t+s,x&&(f(a(x.span).is(":visible")),y>i&&(y=i-r))),null!==y?m.effects?(m.effects.complete=function(){n.resolveWith(o)},v.stop(!0).animate({scrollTop:y},m.effects)):(v[0].scrollTop=y,n.resolveWith(this)):n.resolveWith(this),n.promise()},setActive:function(a,b){return this.tree._callHook("nodeSetActive",this,a,b)},setExpanded:function(a,b){return this.tree._callHook("nodeSetExpanded",this,a,b)},setFocus:function(a){return this.tree._callHook("nodeSetFocus",this,a)},setSelected:function(a){return this.tree._callHook("nodeSetSelected",this,a)},setStatus:function(a,b,c){return this.tree._callHook("nodeSetStatus",this,a,b,c)},setTitle:function(a){this.title=a,this.renderTitle()},sortChildren:function(a,b){var c,d,e=this.children;if(e){if(a=a||function(a,b){var c=a.title.toLowerCase(),d=b.title.toLowerCase();return c===d?0:c>d?1:-1},e.sort(a),b)for(c=0,d=e.length;d>c;c++)e[c].children&&e[c].sortChildren(a,"$norender$");"$norender$"!==b&&this.render()}},toDict:function(b,c){var d,e,f,g={},h=this;if(a.each(x,function(a,b){(h[b]||h[b]===!1)&&(g[b]=h[b])}),a.isEmptyObject(this.data)||(g.data=a.extend({},this.data),a.isEmptyObject(g.data)&&delete g.data),c&&c(g),b&&this.hasChildren())for(g.children=[],d=0,e=this.children.length;e>d;d++)f=this.children[d],f.isStatusNode()||g.children.push(f.toDict(!0,c));return g},toggleExpanded:function(){return this.tree._callHook("nodeToggleExpanded",this)},toggleSelected:function(){return this.tree._callHook("nodeToggleSelected",this)},toString:function(){return"<FancytreeNode(#"+this.key+", '"+this.title+"')>"},visit:function(a,b){var c,d,e=!0,f=this.children;if(b===!0&&(e=a(this),e===!1||"skip"===e))return e;if(f)for(c=0,d=f.length;d>c&&(e=f[c].visit(a,!0),e!==!1);c++);return e},visitParents:function(a,b){if(b&&a(this)===!1)return!1;for(var c=this.parent;c;){if(a(c)===!1)return!1;c=c.parent}return!0},warn:function(){Array.prototype.unshift.call(arguments,this.toString()),g("warn",arguments)}},r.prototype={_makeHookContext:function(b,c,e){var f,g;return b.node!==d?(c&&b.originalEvent!==c&&a.error("invalid args"),f=b):b.tree?(g=b.tree,f={node:b,tree:g,widget:g.widget,options:g.widget.options,originalEvent:c}):b.widget?f={node:null,tree:b,widget:b.widget,options:b.widget.options,originalEvent:c}:a.error("invalid args"),e&&a.extend(f,e),f},_callHook:function(b,c){var d=this._makeHookContext(c),e=this[b],f=Array.prototype.slice.call(arguments,2);return a.isFunction(e)||a.error("_callHook('"+b+"') is not a function"),f.unshift(d),e.apply(this,f)},_requireExtension:function(b,c,d,e){d=!!d;var g=this._local.name,h=this.options.extensions,i=a.inArray(b,h)<a.inArray(g,h),j=c&&null==this.ext[b],k=!j&&null!=d&&d!==i;return f(g&&g!==b),j||k?(e||(j||c?(e="'"+g+"' extension requires '"+b+"'",k&&(e+=" to be registered "+(d?"before":"after")+" itself")):e="If used together, `"+b+"` must be registered "+(d?"before":"after")+" `"+g+"`"),a.error(e),!1):!0},activateKey:function(a){var b=this.getNodeByKey(a);return b?b.setActive():this.activeNode&&this.activeNode.setActive(!1),b},applyPatch:function(b){var c,d,e,g,h,i,j=b.length,k=[];for(d=0;j>d;d++)e=b[d],f(2===e.length,"patchList must be an array of length-2-arrays"),g=e[0],h=e[1],i=null===g?this.rootNode:this.getNodeByKey(g),i?(c=new a.Deferred,k.push(c),i.applyPatch(h).always(n(c,i))):this.warn("could not find node with key '"+g+"'");return a.when.apply(a,k).promise()},count:function(){return this.rootNode.countChildren()},debug:function(){this.options.debugLevel>=2&&(Array.prototype.unshift.call(arguments,this.toString()),g("debug",arguments))},generateFormElements:function(b,c){var d,e=b!==!1?"ft_"+this._id+"[]":b,f=c!==!1?"ft_"+this._id+"_active":c,g="fancytree_result_"+this._id,h=a("#"+g);h.length?h.empty():h=a("<div>",{id:g}).hide().insertAfter(this.$container),e&&(d=this.getSelectedNodes(3===this.options.selectMode),a.each(d,function(b,c){h.append(a("<input>",{type:"checkbox",name:e,value:c.key,checked:!0}))})),f&&this.activeNode&&h.append(a("<input>",{type:"radio",name:f,value:this.activeNode.key,checked:!0}))},getActiveNode:function(){return this.activeNode},getFirstChild:function(){return this.rootNode.getFirstChild()},getFocusNode:function(){return this.focusNode},getNodeByKey:function(a,b){var d,e;return!b&&(d=c.getElementById(this.options.idPrefix+a))?d.ftnode?d.ftnode:null:(b=b||this.rootNode,e=null,b.visit(function(b){return b.key===a?(e=b,!1):void 0},!0),e)},getRootNode:function(){return this.rootNode},getSelectedNodes:function(a){var b=[];return this.rootNode.visit(function(c){return c.selected&&(b.push(c),a===!0)?"skip":void 0}),b},hasFocus:function(){return!!this._hasFocus},info:function(){this.options.debugLevel>=1&&(Array.prototype.unshift.call(arguments,this.toString()),g("info",arguments))},loadKeyPath:function(b,c,e){function f(a,b,d){c.call(r,b,"loading"),b.load().done(function(){r.loadKeyPath.call(r,l[a],c,b).always(n(d,r))}).fail(function(){r.warn("loadKeyPath: error loading: "+a+" (parent: "+p+")"),c.call(r,b,"error"),d.reject()})}var g,h,i,j,k,l,m,o,p=e||this.rootNode,q=this.options.keyPathSeparator,r=this;for(a.isArray(b)||(b=[b]),l={},i=0;i<b.length;i++)for(j=b[i],j.charAt(0)===q&&(j=j.substr(1)),o=j.split(q);o.length;){if(k=o.shift(),m=p._findDirectChild(k),!m){this.warn("loadKeyPath: key not found: "+k+" (parent: "+p+")"),c.call(this,k,"error");break}if(0===o.length){c.call(this,m,"ok");break}if(m.lazy&&m.hasChildren()===d){c.call(this,m,"loaded"),l[k]?l[k].push(o.join(q)):l[k]=[o.join(q)];break}c.call(this,m,"loaded"),p=m}g=[];for(k in l)m=p._findDirectChild(k),h=new a.Deferred,g.push(h),f(k,m,h);return a.when.apply(a,g).promise()},reactivate:function(a){var b=this.activeNode;b&&(this.activeNode=null,b.setActive(),a&&b.setFocus())},reload:function(a){return this._callHook("treeClear",this),this._callHook("treeLoad",this,a)},render:function(a,b){return this.rootNode.render(a,b)},setFocus:function(a){return this._callHook("treeSetFocus",this,a)},toDict:function(a,b){var c=this.rootNode.toDict(!0,b);return a?c:c.children},toString:function(){return"<Fancytree(#"+this._id+")>"},_triggerNodeEvent:function(a,b,c,e){var f=this._makeHookContext(b,c,e),g=this.widget._trigger(a,c,f);return g!==!1&&f.result!==d?f.result:g},_triggerTreeEvent:function(a,b){var c=this._makeHookContext(this,b),e=this.widget._trigger(a,b,c);return e!==!1&&c.result!==d?c.result:e},visit:function(a){return this.rootNode.visit(a,!1)},warn:function(){Array.prototype.unshift.call(arguments,this.toString()),g("warn",arguments)}},a.extend(r.prototype,{nodeClick:function(a){var b,c,d=a.originalEvent,e=a.targetType,f=a.node;if("expander"===e)this._callHook("nodeToggleExpanded",a);else if("checkbox"===e)this._callHook("nodeToggleSelected",a),this._callHook("nodeSetFocus",a,!0);else{if(c=!1,b=!0,f.folder)switch(a.options.clickFolderMode){case 2:c=!0,b=!1;break;case 3:b=!0,c=!0}b&&(this.nodeSetFocus(a),this._callHook("nodeSetActive",a,!0)),c&&this._callHook("nodeToggleExpanded",a)}"a"===d.target.localName&&"fancytree-title"===d.target.className&&d.preventDefault()},nodeCollapseSiblings:function(a,b){var c,d,e,f=a.node;if(f.parent)for(c=f.parent.children,d=0,e=c.length;e>d;d++)c[d]!==f&&c[d].expanded&&this._callHook("nodeSetExpanded",c[d],!1,b)},nodeDblclick:function(a){"title"===a.targetType&&4===a.options.clickFolderMode&&this._callHook("nodeToggleExpanded",a),"title"===a.targetType&&a.originalEvent.preventDefault()},nodeKeydown:function(b){var c,d=b.originalEvent,e=b.node,f=b.tree,g=b.options,h=!0,i=!(d.ctrlKey||!g.autoActivate),j=a.ui.keyCode;switch(e||(this.rootNode.getFirstChild().setFocus(),e=b.node=this.focusNode,e.debug("Keydown force focus on first node")),d.which){case j.NUMPAD_ADD:case 187:f.nodeSetExpanded(b,!0);break;case j.NUMPAD_SUBTRACT:case 189:f.nodeSetExpanded(b,!1);break;case j.SPACE:g.checkbox?f.nodeToggleSelected(b):f.nodeSetActive(b,!0);break;case j.ENTER:f.nodeSetActive(b,!0);break;case j.BACKSPACE:case j.LEFT:case j.RIGHT:case j.UP:case j.DOWN:c=e.navigate(d.which,i);break;default:h=!1}h&&d.preventDefault()},nodeLoadChildren:function(b,c){var d,e,g,h=b.tree,i=b.node;return a.isFunction(c)&&(c=c()),c.url&&(d=a.extend({},b.options.ajax,c),d.debugDelay?(e=d.debugDelay,a.isArray(e)&&(e=e[0]+Math.random()*(e[1]-e[0])),i.debug("nodeLoadChildren waiting debug delay "+Math.round(e)+"ms"),d.debugDelay=!1,g=a.Deferred(function(b){setTimeout(function(){a.ajax(d).done(function(){b.resolveWith(this,arguments)}).fail(function(){b.rejectWith(this,arguments)})},e)})):g=a.ajax(d),c=new a.Deferred,g.done(function(d){var e,f;if("string"==typeof d&&a.error("Ajax request returned a string (did you get the JSON dataType wrong?)."),b.options.postProcess){if(f=h._triggerNodeEvent("postProcess",b,b.originalEvent,{response:d,error:null,dataType:this.dataType}),f.error)return e=a.isPlainObject(f.error)?f.error:{message:f.error},e=h._makeHookContext(i,null,e),void c.rejectWith(this,[e]);d=a.isArray(f)?f:d}else d&&d.hasOwnProperty("d")&&b.options.enableAspx&&(d="string"==typeof d.d?a.parseJSON(d.d):d.d);c.resolveWith(this,[d])}).fail(function(a,b,d){var e=h._makeHookContext(i,null,{error:a,args:Array.prototype.slice.call(arguments),message:d,details:a.status+": "+d});c.rejectWith(this,[e])})),a.isFunction(c.promise)&&(f(!i.isLoading()),h.nodeSetStatus(b,"loading"),c.done(function(){h.nodeSetStatus(b,"ok")}).fail(function(a){var c;c=a.node&&a.error&&a.message?a:h._makeHookContext(i,null,{error:a,args:Array.prototype.slice.call(arguments),message:a?a.message||a.toString():""}),h._triggerNodeEvent("loadError",c,null)!==!1&&h.nodeSetStatus(b,"error",c.message,c.details)})),a.when(c).done(function(b){var c;a.isPlainObject(b)&&(f(a.isArray(b.children),"source must contain (or be) an array of children"),f(i.isRoot(),"source may only be an object for root nodes"),c=b,b=b.children,delete c.children,a.extend(h.data,c)),f(a.isArray(b),"expected array of children"),i._setChildren(b),h._triggerNodeEvent("loadChildren",i)})},nodeLoadKeyPath:function(){},nodeRemoveChild:function(b,c){var d,e=b.node,g=b.options,h=a.extend({},b,{node:c}),i=e.children;return 1===i.length?(f(c===i[0]),this.nodeRemoveChildren(b)):(this.activeNode&&(c===this.activeNode||this.activeNode.isDescendantOf(c))&&this.activeNode.setActive(!1),this.focusNode&&(c===this.focusNode||this.focusNode.isDescendantOf(c))&&(this.focusNode=null),this.nodeRemoveMarkup(h),this.nodeRemoveChildren(h),d=a.inArray(c,i),f(d>=0),c.visit(function(a){a.parent=null},!0),this._callHook("treeRegisterNode",this,!1,c),g.removeNode&&g.removeNode.call(b.tree,{type:"removeNode"},h),void i.splice(d,1))},nodeRemoveChildMarkup:function(b){var c=b.node;c.ul&&(c.isRoot()?a(c.ul).empty():(a(c.ul).remove(),c.ul=null),c.visit(function(a){a.li=a.ul=null}))},nodeRemoveChildren:function(b){var c,d=b.tree,e=b.node,f=e.children,g=b.options;f&&(this.activeNode&&this.activeNode.isDescendantOf(e)&&this.activeNode.setActive(!1),this.focusNode&&this.focusNode.isDescendantOf(e)&&(this.focusNode=null),this.nodeRemoveChildMarkup(b),c=a.extend({},b),e.visit(function(a){a.parent=null,d._callHook("treeRegisterNode",d,!1,a),g.removeNode&&(c.node=a,g.removeNode.call(b.tree,{type:"removeNode"},c))}),e.children=e.lazy?[]:null,this.nodeRenderStatus(b))},nodeRemoveMarkup:function(b){var c=b.node;c.li&&(a(c.li).remove(),c.li=null),this.nodeRemoveChildMarkup(b)},nodeRender:function(b,d,e,g,h){var i,j,k,l,m,n,o,p=b.node,q=b.tree,r=b.options,s=r.aria,t=!1,u=p.parent,v=!u,w=p.children;if(v||u.ul){if(f(v||u.ul,"parent UL must exist"),v||(p.li&&(d||p.li.parentNode!==p.parent.ul)&&(p.li.parentNode!==p.parent.ul&&this.warn("unlink "+p+" (must be child of "+p.parent+")"),this.nodeRemoveMarkup(b)),p.li?this.nodeRenderStatus(b):(t=!0,p.li=c.createElement("li"),p.li.ftnode=p,p.key&&r.generateIds&&(p.li.id=r.idPrefix+p.key),p.span=c.createElement("span"),p.span.className="fancytree-node",s&&a(p.span).attr("aria-labelledby","ftal_"+p.key),p.li.appendChild(p.span),this.nodeRenderTitle(b),r.createNode&&r.createNode.call(q,{type:"createNode"},b)),r.renderNode&&r.renderNode.call(q,{type:"renderNode"},b)),w){if(v||p.expanded||e===!0){for(p.ul||(p.ul=c.createElement("ul"),(g===!0&&!h||!p.expanded)&&(p.ul.style.display="none"),s&&a(p.ul).attr("role","group"),p.li?p.li.appendChild(p.ul):p.tree.$div.append(p.ul)),l=0,m=w.length;m>l;l++)o=a.extend({},b,{node:w[l]}),this.nodeRender(o,d,e,!1,!0);for(i=p.ul.firstChild;i;)k=i.ftnode,k&&k.parent!==p?(p.debug("_fixParent: remove missing "+k,i),n=i.nextSibling,i.parentNode.removeChild(i),i=n):i=i.nextSibling;for(i=p.ul.firstChild,l=0,m=w.length-1;m>l;l++)j=w[l],k=i.ftnode,j!==k?p.ul.insertBefore(j.li,k.li):i=i.nextSibling}}else p.ul&&(this.warn("remove child markup for "+p),this.nodeRemoveChildMarkup(b));v||t&&u.ul.appendChild(p.li)}},nodeRenderTitle:function(a,b){var c,e,f,g,h,i,j=a.node,k=a.tree,l=a.options,m=l.aria,n=j.getLevel(),o=[],p=j.data.icon;b!==d&&(j.title=b),j.span&&(n<l.minExpandLevel?n>1&&o.push(m?"<span role='button' class='fancytree-expander'></span>":"<span class='fancytree-expander'></span>"):o.push(m?"<span role='button' class='fancytree-expander'></span>":"<span class='fancytree-expander'></span>"),l.checkbox&&j.hideCheckbox!==!0&&!j.isStatusNode()&&o.push(m?"<span role='checkbox' class='fancytree-checkbox'></span>":"<span class='fancytree-checkbox'></span>"),g=m?" role='img'":"",p&&"string"==typeof p?(e="/"===p.charAt(0)?p:(l.imagePath||"")+p,o.push("<img src='"+e+"' class='fancytree-icon' alt='' />")):j.data.iconclass?o.push("<span "+g+" class='fancytree-custom-icon "+j.data.iconclass+"'></span>"):(p===!0||p!==!1&&l.icons!==!1)&&o.push("<span "+g+" class='fancytree-icon'></span>"),f="",l.renderTitle&&(f=l.renderTitle.call(k,{type:"renderTitle"},a)||""),f||(i=j.tooltip?" title='"+t.escapeHtml(j.tooltip)+"'":"",c=m?" id='ftal_"+j.key+"'":"",g=m?" role='treeitem'":"",h=l.titlesTabbable?" tabindex='0'":"",f="<span "+g+" class='fancytree-title'"+c+i+h+">"+j.title+"</span>"),o.push(f),j.span.innerHTML=o.join(""),this.nodeRenderStatus(a))},nodeRenderStatus:function(b){var c=b.node,d=b.tree,e=b.options,f=c.hasChildren(),g=c.isLastSibling(),h=e.aria,i=a(c.span).find(".fancytree-title"),j=e._classNames,k=[],l=c[d.statusClassPropName];l&&(k.push(j.node),d.activeNode===c&&k.push(j.active),d.focusNode===c?(k.push(j.focused),h&&i.attr("aria-activedescendant",!0)):h&&i.removeAttr("aria-activedescendant"),c.expanded?(k.push(j.expanded),h&&i.attr("aria-expanded",!0)):h&&i.removeAttr("aria-expanded"),c.folder&&k.push(j.folder),f!==!1&&k.push(j.hasChildren),g&&k.push(j.lastsib),c.lazy&&null==c.children&&k.push(j.lazy),c.partsel&&k.push(j.partsel),c._isLoading&&k.push(j.loading),c._error&&k.push(j.error),c.selected?(k.push(j.selected),h&&i.attr("aria-selected",!0)):h&&i.attr("aria-selected",!1),c.extraClasses&&k.push(c.extraClasses),k.push(f===!1?j.combinedExpanderPrefix+"n"+(g?"l":""):j.combinedExpanderPrefix+(c.expanded?"e":"c")+(c.lazy&&null==c.children?"d":"")+(g?"l":"")),k.push(j.combinedIconPrefix+(c.expanded?"e":"c")+(c.folder?"f":"")),l.className=k.join(" "),c.li&&(c.li.className=g?j.lastsib:""))},nodeSetActive:function(b,c,d){d=d||{};var e,g=b.node,h=b.tree,i=b.options,j=d.noEvents===!0,k=g===h.activeNode;return c=c!==!1,k===c?l(g):c&&!j&&this._triggerNodeEvent("beforeActivate",g,b.originalEvent)===!1?m(g,["rejected"]):void(c?(h.activeNode&&(f(h.activeNode!==g,"node was active (inconsistency)"),e=a.extend({},b,{node:h.activeNode}),h.nodeSetActive(e,!1),f(null===h.activeNode,"deactivate was out of sync?")),i.activeVisible&&g.makeVisible({scrollIntoView:!1}),h.activeNode=g,h.nodeRenderStatus(b),h.nodeSetFocus(b),j||h._triggerNodeEvent("activate",g,b.originalEvent)):(f(h.activeNode===g,"node was not active (inconsistency)"),h.activeNode=null,this.nodeRenderStatus(b),j||b.tree._triggerNodeEvent("deactivate",g,b.originalEvent)))},nodeSetExpanded:function(b,c,e){e=e||{};var f,g,h,i,j,k,n=b.node,o=b.tree,p=b.options,q=e.noAnimation===!0,r=e.noEvents===!0;if(c=c!==!1,n.expanded&&c||!n.expanded&&!c)return l(n);if(c&&!n.lazy&&!n.hasChildren())return l(n);if(!c&&n.getLevel()<p.minExpandLevel)return m(n,["locked"]);if(!r&&this._triggerNodeEvent("beforeExpand",n,b.originalEvent)===!1)return m(n,["rejected"]);if(q||n.isVisible()||(q=e.noAnimation=!0),g=new a.Deferred,c&&!n.expanded&&p.autoCollapse){j=n.getParentList(!1,!0),k=p.autoCollapse;try{for(p.autoCollapse=!1,h=0,i=j.length;i>h;h++)this._callHook("nodeCollapseSiblings",j[h],e)}finally{p.autoCollapse=k}}return g.done(function(){c&&p.autoScroll&&!q?n.getLastChild().scrollIntoView(!0,{topNode:n}).always(function(){r||b.tree._triggerNodeEvent(c?"expand":"collapse",b)}):r||b.tree._triggerNodeEvent(c?"expand":"collapse",b)}),f=function(d){var e,f,g,h;if(n.expanded=c,o._callHook("nodeRender",b,!1,!1,!0),n.ul)if(g="none"!==n.ul.style.display,h=!!n.expanded,g===h)n.warn("nodeSetExpanded: UL.style.display already set");else{if(p.fx&&!q)return e=p.fx.duration||200,f=p.fx.easing,void a(n.ul).animate(p.fx,e,f,function(){d()
-});n.ul.style.display=n.expanded||!parent?"":"none"}d()},c&&n.lazy&&n.hasChildren()===d?n.load().done(function(){g.notifyWith&&g.notifyWith(n,["loaded"]),f(function(){g.resolveWith(n)})}).fail(function(a){f(function(){g.rejectWith(n,["load failed ("+a+")"])})}):f(function(){g.resolveWith(n)}),g.promise()},nodeSetFocus:function(b,c){var d,e=b.tree,f=b.node;if(c=c!==!1,e.focusNode){if(e.focusNode===f&&c)return;d=a.extend({},b,{node:e.focusNode}),e.focusNode=null,this._triggerNodeEvent("blur",d),this._callHook("nodeRenderStatus",d)}c&&(this.hasFocus()||(f.debug("nodeSetFocus: forcing container focus"),this._callHook("treeSetFocus",b,!0,!0)),f.makeVisible({scrollIntoView:!1}),e.focusNode=f,this._triggerNodeEvent("focus",b),b.options.autoScroll&&f.scrollIntoView(),this._callHook("nodeRenderStatus",b))},nodeSetSelected:function(a,b){var c=a.node,d=a.tree,e=a.options;if(b=b!==!1,c.debug("nodeSetSelected("+b+")",a),!c.unselectable){if(c.selected&&b||!c.selected&&!b)return!!c.selected;if(this._triggerNodeEvent("beforeSelect",c,a.originalEvent)===!1)return!!c.selected;b&&1===e.selectMode?d.lastSelectedNode&&d.lastSelectedNode.setSelected(!1):3===e.selectMode&&(c.selected=b,c.fixSelection3AfterClick()),c.selected=b,this.nodeRenderStatus(a),d.lastSelectedNode=b?c:null,d._triggerNodeEvent("select",a)}},nodeSetStatus:function(b,c,d,e){function f(){var a=h.children?h.children[0]:null;if(a&&a.isStatusNode()){try{h.ul&&(h.ul.removeChild(a.li),a.li=null)}catch(b){}1===h.children.length?h.children=[]:h.children.shift()}}function g(b,c){var d=h.children?h.children[0]:null;return d&&d.isStatusNode()?(a.extend(d,b),i._callHook("nodeRender",d)):(b.key="_statusNode",h._setChildren([b]),h.children[0].statusNodeType=c,i.render()),h.children[0]}var h=b.node,i=b.tree;switch(c){case"ok":f(),h._isLoading=!1,h._error=null,h.renderStatus();break;case"loading":h.parent||g({title:i.options.strings.loading+(d?" ("+d+") ":""),tooltip:e,extraClasses:"fancytree-statusnode-wait"},c),h._isLoading=!0,h._error=null,h.renderStatus();break;case"error":g({title:i.options.strings.loadError+(d?" ("+d+") ":""),tooltip:e,extraClasses:"fancytree-statusnode-error"},c),h._isLoading=!1,h._error={message:d,details:e},h.renderStatus();break;default:a.error("invalid node status "+c)}},nodeToggleExpanded:function(a){return this.nodeSetExpanded(a,!a.node.expanded)},nodeToggleSelected:function(a){return this.nodeSetSelected(a,!a.node.selected)},treeClear:function(a){var b=a.tree;b.activeNode=null,b.focusNode=null,b.$div.find(">ul.fancytree-container").empty(),b.rootNode.children=null},treeCreate:function(){},treeDestroy:function(){},treeInit:function(a){this.treeLoad(a)},treeLoad:function(b,c){var d,f,g,h=b.tree,i=b.widget.element,j=a.extend({},b,{node:this.rootNode});if(h.rootNode.children&&this.treeClear(b),c=c||this.options.source)"string"==typeof c&&e();else switch(d=i.data("type")||"html"){case"html":f=i.find(">ul:first"),f.addClass("ui-fancytree-source ui-helper-hidden"),c=a.ui.fancytree.parseHtml(f),this.data=a.extend(this.data,o(f));break;case"json":c=a.parseJSON(i.text()),c.children&&(c.title&&(h.title=c.title),c=c.children);break;default:a.error("Invalid data-type: "+d)}return g=this.nodeLoadChildren(j,c).done(function(){h.render(),3===b.options.selectMode&&h.rootNode.fixSelection3FromEndNodes(),h._triggerTreeEvent("init",!0)}).fail(function(){h.render(),h._triggerTreeEvent("init",!1)})},treeRegisterNode:function(){},treeSetFocus:function(a,b){b=b!==!1,b!==this.hasFocus()&&(this._hasFocus=b,this.$container.toggleClass("fancytree-treefocus",b),this._triggerTreeEvent(b?"focusTree":"blurTree"))}}),a.widget("ui.fancytree",{options:{activeVisible:!0,ajax:{type:"GET",cache:!1,dataType:"json"},aria:!1,autoActivate:!0,autoCollapse:!1,autoScroll:!1,checkbox:!1,clickFolderMode:4,debugLevel:null,disabled:!1,enableAspx:!0,extensions:[],fx:{height:"toggle",duration:200},generateIds:!1,icons:!0,idPrefix:"ft_",keyboard:!0,keyPathSeparator:"/",minExpandLevel:1,scrollOfs:{top:0,bottom:0},scrollParent:null,selectMode:2,strings:{loading:"Loading&#8230;",loadError:"Load error!"},tabbable:!0,titlesTabbable:!1,_classNames:{node:"fancytree-node",folder:"fancytree-folder",combinedExpanderPrefix:"fancytree-exp-",combinedIconPrefix:"fancytree-ico-",hasChildren:"fancytree-has-children",active:"fancytree-active",selected:"fancytree-selected",expanded:"fancytree-expanded",lazy:"fancytree-lazy",focused:"fancytree-focused",partsel:"fancytree-partsel",lastsib:"fancytree-lastsib",loading:"fancytree-loading",error:"fancytree-error"},lazyLoad:null,postProcess:null},_create:function(){this.tree=new r(this),this.$source=this.source||"json"===this.element.data("type")?this.element:this.element.find(">ul:first");var b,c,e,g=this.options.extensions,h=this.tree;for(e=0;e<g.length;e++)c=g[e],b=a.ui.fancytree._extensions[c],b||a.error("Could not apply extension '"+c+"' (it is not registered, did you forget to include it?)"),this.tree.options[c]=a.extend(!0,{},b.options,this.tree.options[c]),f(this.tree.ext[c]===d,"Extension name must not exist as Fancytree.ext attribute: '"+c+"'"),this.tree.ext[c]={},k(this.tree,h,b,c),h=b;this.tree._callHook("treeCreate",this.tree)},_init:function(){this.tree._callHook("treeInit",this.tree),this._bind()},_setOption:function(b,c){var d=!0,e=!1;switch(b){case"aria":case"checkbox":case"icons":case"minExpandLevel":case"tabbable":this.tree._callHook("treeCreate",this.tree),e=!0;break;case"source":d=!1,this.tree._callHook("treeLoad",this.tree,c)}this.tree.debug("set option "+b+"="+c+" <"+typeof c+">"),d&&a.Widget.prototype._setOption.apply(this,arguments),e&&this.tree.render(!0,!1)},destroy:function(){this._unbind(),this.tree._callHook("treeDestroy",this.tree),this.tree.$div.find(">ul.fancytree-container").remove(),this.$source&&this.$source.removeClass("ui-helper-hidden"),a.Widget.prototype.destroy.call(this)},_unbind:function(){var b=this.tree._ns;this.element.unbind(b),this.tree.$container.unbind(b),a(c).unbind(b)},_bind:function(){var a=this,b=this.options,c=this.tree,d=c._ns;this._unbind(),c.$container.on("focusin"+d+" focusout"+d,function(a){var b=t.getNode(a),d="focusin"===a.type;b?c._callHook("nodeSetFocus",b,d):c._callHook("treeSetFocus",c,d)}).on("selectstart"+d,"span.fancytree-title",function(a){a.preventDefault()}).on("keydown"+d,function(a){if(b.disabled||b.keyboard===!1)return!0;var d,e=c.focusNode,f=c._makeHookContext(e||c,a),g=c.phase;try{return c.phase="userEvent",d=e?c._triggerNodeEvent("keydown",e,a):c._triggerTreeEvent("keydown",a),"preventNav"===d?d=!0:d!==!1&&(d=c._callHook("nodeKeydown",f)),d}finally{c.phase=g}}).on("click"+d+" dblclick"+d,function(c){if(b.disabled)return!0;var d,e=t.getEventTarget(c),f=e.node,g=a.tree,h=g.phase;if(!f)return!0;d=g._makeHookContext(f,c);try{switch(g.phase="userEvent",c.type){case"click":return d.targetType=e.type,g._triggerNodeEvent("click",d,c)===!1?!1:g._callHook("nodeClick",d);case"dblclick":return d.targetType=e.type,g._triggerNodeEvent("dblclick",d,c)===!1?!1:g._callHook("nodeDblclick",d)}}finally{g.phase=h}})},getActiveNode:function(){return this.tree.activeNode},getNodeByKey:function(a){return this.tree.getNodeByKey(a)},getRootNode:function(){return this.tree.rootNode},getTree:function(){return this.tree}}),t=a.ui.fancytree,a.extend(a.ui.fancytree,{version:"2.3.0",buildType: "production",debugLevel: 1,_nextId:1,_nextNodeKey:1,_extensions:{},_FancytreeClass:r,_FancytreeNodeClass:q,jquerySupports:{positionMyOfs:i(a.ui.version,1,9)},assert:function(a,b){return f(a,b)},debounce:function(a,b,c,d){var e;return 3===arguments.length&&"boolean"!=typeof c&&(d=c,c=!1),function(){var f=arguments;d=d||this,c&&!e&&b.apply(d,f),clearTimeout(e),e=setTimeout(function(){c||b.apply(d,f),e=null},a)}},debug:function(){a.ui.fancytree.debugLevel>=2&&g("log",arguments)},error:function(){g("error",arguments)},escapeHtml:function(a){return(""+a).replace(/[&<>"'\/]/g,function(a){return u[a]})},unescapeHtml:function(a){var b=c.createElement("div");return b.innerHTML=a,0===b.childNodes.length?"":b.childNodes[0].nodeValue},getEventTargetType:function(a){return this.getEventTarget(a).type},getEventTarget:function(b){var c=b&&b.target?b.target.className:"",e={node:this.getNode(b.target),type:d};return/\bfancytree-title\b/.test(c)?e.type="title":/\bfancytree-expander\b/.test(c)?e.type=e.node.hasChildren()===!1?"prefix":"expander":/\bfancytree-checkbox\b/.test(c)||/\bfancytree-radio\b/.test(c)?e.type="checkbox":/\bfancytree-icon\b/.test(c)?e.type="icon":/\bfancytree-node\b/.test(c)?e.type="title":b&&b.target&&a(b.target).closest(".fancytree-title").length&&(e.type="title"),e},getNode:function(a){if(a instanceof q)return a;for(a.selector!==d?a=a[0]:a.originalEvent!==d&&(a=a.target);a;){if(a.ftnode)return a.ftnode;a=a.parentNode}return null},info:function(){a.ui.fancytree.debugLevel>=1&&g("info",arguments)},parseHtml:function(b){var c,e,f,g,h,i,j,k,l=b.find(">li"),m=[];return l.each(function(){var l,n=a(this),p=n.find(">span:first",this),q=p.length?null:n.find(">a:first"),r={tooltip:null,data:{}};for(p.length?r.title=p.html():q&&q.length?(r.title=q.html(),r.data.href=q.attr("href"),r.data.target=q.attr("target"),r.tooltip=q.attr("title")):(r.title=n.html(),g=r.title.search(/<ul/i),g>=0&&(r.title=r.title.substring(0,g))),r.title=a.trim(r.title),e=0,f=v.length;f>e;e++)r[v[e]]=d;for(j=this.className.split(" "),c=[],e=0,f=j.length;f>e;e++)k=j[e],w[k]?r[k]=!0:c.push(k);if(r.extraClasses=c.join(" "),h=n.attr("title"),h&&(r.tooltip=h),h=n.attr("id"),h&&(r.key=h),l=o(n),l&&!a.isEmptyObject(l)){for(e=0,f=x.length;f>e;e++)h=x[e],i=l[h],null!=i&&(delete l[h],r[h]=i);a.extend(r.data,l)}b=n.find(">ul:first"),r.children=b.length?a.ui.fancytree.parseHtml(b):r.lazy?d:null,m.push(r)}),m},registerExtension:function(b){f(null!=b.name,"extensions must have a `name` property."),f(null!=b.version,"extensions must have a `version` property."),a.ui.fancytree._extensions[b.name]=b},warn:function(){g("warn",arguments)}})}(jQuery,window,document);
\ No newline at end of file
diff --git a/app/assets/javascripts/fancytree/src/jquery.fancytree.childcounter.js b/app/assets/javascripts/fancytree/src/jquery.fancytree.childcounter.js
index 95a5dcb..ec3c50f 100644
--- a/app/assets/javascripts/fancytree/src/jquery.fancytree.childcounter.js
+++ b/app/assets/javascripts/fancytree/src/jquery.fancytree.childcounter.js
@@ -19,8 +19,8 @@
  * Released under the MIT license
  * https://github.com/mar10/fancytree/wiki/LicenseInfo
  *
- * @version 2.3.0
- * @date 2014-08-17T10:39
+ * @version 2.4.1
+ * @date 2014-09-23T19:33
  */
 
 // To keep the global namespace clean, we wrap everything in a closure
diff --git a/app/assets/javascripts/fancytree/src/jquery.fancytree.clones.js b/app/assets/javascripts/fancytree/src/jquery.fancytree.clones.js
index 1331558..4eb1679 100644
--- a/app/assets/javascripts/fancytree/src/jquery.fancytree.clones.js
+++ b/app/assets/javascripts/fancytree/src/jquery.fancytree.clones.js
@@ -9,8 +9,8 @@
  * Released under the MIT license
  * https://github.com/mar10/fancytree/wiki/LicenseInfo
  *
- * @version 2.3.0
- * @date 2014-08-17T10:39
+ * @version 2.4.1
+ * @date 2014-09-23T19:33
  */
 
 ;(function($, window, document, undefined) {
@@ -20,13 +20,7 @@
 /*******************************************************************************
  * Private functions and variables
  */
-function _assert(cond, msg){
-	// TODO: see qunit.js extractStacktrace()
-	if(!cond){
-		msg = msg ? ": " + msg : "";
-		$.error("Assertion failed" + msg);
-	}
-}
+var _assert = $.ui.fancytree.assert;
 
 
 /* Return first occurrence of member from array. */
@@ -230,7 +224,7 @@ $.ui.fancytree._FancytreeNodeClass.prototype.reRegister = function(key, refKey){
 	// Key has changed: update all references
 	if( key != null && key !== this.key ) {
 		if( keyMap[key] ) {
-			$.error("[ext-clones] reRegister(" + key + "): already exists.");
+			$.error("[ext-clones] reRegister(" + key + "): already exists: " + this);
 		}
 		// Update keyMap
 		delete keyMap[prevKey];
@@ -371,7 +365,7 @@ $.ui.fancytree.registerExtension({
 
 		if( add ) {
 			if( keyMap[node.key] != null ) {
-				$.error("clones.treeRegisterNode: node.key already exists: " + node.key);
+				$.error("clones.treeRegisterNode: node.key already exists: " + node);
 			}
 			keyMap[key] = node;
 			if( refKey ) {
diff --git a/app/assets/javascripts/fancytree/src/jquery.fancytree.columnview.js b/app/assets/javascripts/fancytree/src/jquery.fancytree.columnview.js
index 8294ea7..1997dc2 100644
--- a/app/assets/javascripts/fancytree/src/jquery.fancytree.columnview.js
+++ b/app/assets/javascripts/fancytree/src/jquery.fancytree.columnview.js
@@ -9,33 +9,14 @@
  * Released under the MIT license
  * https://github.com/mar10/fancytree/wiki/LicenseInfo
  *
- * @version 2.3.0
- * @date 2014-08-17T10:39
+ * @version 2.4.1
+ * @date 2014-09-23T19:33
  */
 
 ;(function($, window, document, undefined) {
 
 "use strict";
 
-// prevent duplicate loading
-// if ( $.ui.fancytree && $.ui.fancytree.version ) {
-//     $.ui.fancytree.warn("Fancytree: duplicate include");
-//     return;
-// }
-
-
-/*******************************************************************************
- * Private functions and variables
- */
-/*
-function _assert(cond, msg){
-	msg = msg || "";
-	if(!cond){
-		$.error("Assertion failed " + msg);
-	}
-}
-*/
-
 /*******************************************************************************
  * Private functions and variables
  */
diff --git a/app/assets/javascripts/fancytree/src/jquery.fancytree.debug.js b/app/assets/javascripts/fancytree/src/jquery.fancytree.debug.js
index 5e87f36..f10bb2c 100644
--- a/app/assets/javascripts/fancytree/src/jquery.fancytree.debug.js
+++ b/app/assets/javascripts/fancytree/src/jquery.fancytree.debug.js
@@ -9,8 +9,8 @@
  * Released under the MIT license
  * https://github.com/mar10/fancytree/wiki/LicenseInfo
  *
- * @version 2.3.0
- * @date 2014-08-17T10:39
+ * @version 2.4.1
+ * @date 2014-09-23T19:33
  */
 
 ;(function($, window, document, undefined) {
diff --git a/app/assets/javascripts/fancytree/src/jquery.fancytree.dnd.js b/app/assets/javascripts/fancytree/src/jquery.fancytree.dnd.js
index eb87ae3..322edf6 100644
--- a/app/assets/javascripts/fancytree/src/jquery.fancytree.dnd.js
+++ b/app/assets/javascripts/fancytree/src/jquery.fancytree.dnd.js
@@ -9,8 +9,8 @@
  * Released under the MIT license
  * https://github.com/mar10/fancytree/wiki/LicenseInfo
  *
- * @version 2.3.0
- * @date 2014-08-17T10:39
+ * @version 2.4.1
+ * @date 2014-09-23T19:33
  */
 
 ;(function($, window, document, undefined) {
diff --git a/app/assets/javascripts/fancytree/src/jquery.fancytree.edit.js b/app/assets/javascripts/fancytree/src/jquery.fancytree.edit.js
index fa82c51..1715e1f 100644
--- a/app/assets/javascripts/fancytree/src/jquery.fancytree.edit.js
+++ b/app/assets/javascripts/fancytree/src/jquery.fancytree.edit.js
@@ -9,8 +9,8 @@
  * Released under the MIT license
  * https://github.com/mar10/fancytree/wiki/LicenseInfo
  *
- * @version 2.3.0
- * @date 2014-08-17T10:39
+ * @version 2.4.1
+ * @date 2014-09-23T19:33
  */
 
 ;(function($, window, document, undefined) {
@@ -65,18 +65,26 @@ $.ui.fancytree._FancytreeNodeClass.prototype.editStart = function(){
 		node = this,
 		tree = this.tree,
 		local = tree.ext.edit,
-		prevTitle = node.title,
 		instOpts = tree.options.edit,
 		$title = $(".fancytree-title", node.span),
-		eventData = {node: node, tree: tree, options: tree.options};
+		eventData = {
+			node: node,
+			tree: tree,
+			options: tree.options,
+			isNew: $(node.span).hasClass("fancytree-edit-new"),
+			orgTitle: node.title,
+			input: null,
+			dirty: false
+			};
 
-	if( instOpts.beforeEdit.call(node, {type: "beforeEdit"}, eventData) === false){
+	$.ui.fancytree.assert(!local.currentNode, "recursive edit");
+	local.currentNode = this;
+	local.eventData = eventData;
+
+	// beforeEdit may want to modify the title before editing
+	if( instOpts.beforeEdit.call(node, {type: "beforeEdit"}, eventData) === false ) {
 		return false;
 	}
-	// beforeEdit may want to modify the title before editing
-	prevTitle = node.title;
-
-	node.debug("editStart");
 	// Disable standard Fancytree mouse- and key handling
 	tree.widget._unbind();
 	// #116: ext-dnd prevents the blur event, so we have to catch outer clicks
@@ -89,20 +97,18 @@ $.ui.fancytree._FancytreeNodeClass.prototype.editStart = function(){
 	// Replace node with <input>
 	$input = $("<input />", {
 		"class": "fancytree-edit-input",
-		value: unescapeHtml(prevTitle)
+		value: unescapeHtml(eventData.orgTitle)
 	});
+	local.eventData.input = $input;
 	if ( instOpts.adjustWidthOfs != null ) {
 		$input.width($title.width() + instOpts.adjustWidthOfs);
 	}
 	if ( instOpts.inputCss != null ) {
 		$input.css(instOpts.inputCss);
 	}
-	eventData.input = $input;
 
 	$title.html($input);
 
-	$.ui.fancytree.assert(!local.currentNode, "recursive edit");
-	local.currentNode = this;
 	// Focus <input> and bind keyboard handler
 	$input
 		.focus()
@@ -128,32 +134,45 @@ $.ui.fancytree._FancytreeNodeClass.prototype.editStart = function(){
 
 /**
  * [ext-edit] Stop inline editing.
- * @param {Boolean} [applyChanges=false]
+ * @param {Boolean} [applyChanges=false] false: cancel edit, true: save (if modified)
  * @alias FancytreeNode#editEnd
  * @requires jquery.fancytree.edit.js
  */
 $.ui.fancytree._FancytreeNodeClass.prototype.editEnd = function(applyChanges, _event){
-	var node = this,
+	var newVal,
+		node = this,
 		tree = this.tree,
 		local = tree.ext.edit,
+		eventData = local.eventData,
 		instOpts = tree.options.edit,
 		$title = $(".fancytree-title", node.span),
-		$input = $title.find("input.fancytree-edit-input"),
-		newVal = $input.val(),
-		dirty = $input.hasClass("fancytree-edit-dirty"),
-		doSave = (applyChanges || (dirty && applyChanges !== false)) && (newVal !== node.title),
-		eventData = {
-			node: node, tree: tree, options: tree.options, originalEvent: _event,
-			dirty: dirty,
-			save: doSave,
-			input: $input,
-			value: newVal
-			};
+		$input = $title.find("input.fancytree-edit-input");
+
+	// eventData.isNew = $(node.span).hasClass("fancytree-edit-new");
 
+	if( instOpts.trim ) {
+		$input.val($.trim($input.val()));
+	}
+	newVal = $input.val();
+	// eventData.dirty = $input.hasClass("fancytree-edit-dirty") || ;
+	eventData.dirty = ( newVal !== node.title );
+
+	// Find out, if saving is required
+	if( applyChanges === false ) {
+		// If true/false was passed, honor this (except in rename mode, if unchanged)
+		eventData.save = false;
+	} else if( eventData.isNew ) {
+		// In create mode, we save everyting, except for empty text
+		eventData.save = (newVal !== "");
+	} else {
+		// In rename mode, we save everyting, except for empty or unchanged text
+		eventData.save = eventData.dirty && (newVal !== "");
+	}
+	// Allow to break (keep editor open), modify input, or re-define data.save
 	if( instOpts.beforeClose.call(node, {type: "beforeClose"}, eventData) === false){
 		return false;
 	}
-	if( doSave && instOpts.save.call(node, {type: "save"}, eventData) === false){
+	if( eventData.save && instOpts.save.call(node, {type: "save"}, eventData) === false){
 		return false;
 	}
 	$input
@@ -162,15 +181,25 @@ $.ui.fancytree._FancytreeNodeClass.prototype.editEnd = function(applyChanges, _e
 	// Unbind outer-click handler
 	$(document).off(".fancytree-edit");
 
-	if( doSave ) {
+	if( eventData.save ) {
 		node.setTitle( escapeHtml(newVal) );
+		// $(node.span).removeClass("fancytree-edit-new");
+		node.setFocus();
 	}else{
-		node.renderTitle();
+		if( eventData.isNew ) {
+			node.remove();
+			node = eventData.node = null;
+			local.relatedNode.setFocus();
+		} else {
+			node.renderTitle();
+			node.setFocus();
+		}
 	}
+	local.eventData = null;
+	local.currentNode = null;
+	local.relatedNode = null;
 	// Re-enable mouse and keyboard handling
 	tree.widget._bind();
-	local.currentNode = null;
-	node.setFocus();
 	// Set keyboard focus, even if setFocus() claims 'nothing to do'
 	$(tree.$container).focus();
 	eventData.input = null;
@@ -179,53 +208,51 @@ $.ui.fancytree._FancytreeNodeClass.prototype.editEnd = function(applyChanges, _e
 };
 
 
-$.ui.fancytree._FancytreeNodeClass.prototype.startEdit = function(){
-	this.warn("FancytreeNode.startEdit() is deprecated since 2014-01-04. Use .editStart() instead.");
-	return this.editStart.apply(this, arguments);
-};
+// $.ui.fancytree._FancytreeNodeClass.prototype.startEdit = function(){
+// 	this.warn("FancytreeNode.startEdit() is deprecated since 2014-01-04. Use .editStart() instead.");
+// 	return this.editStart.apply(this, arguments);
+// };
 
 
-$.ui.fancytree._FancytreeNodeClass.prototype.endEdit = function(){
-	this.warn("FancytreeNode.endEdit() is deprecated since 2014-01-04. Use .editEnd() instead.");
-	return this.editEnd.apply(this, arguments);
-};
+// $.ui.fancytree._FancytreeNodeClass.prototype.endEdit = function(){
+// 	this.warn("FancytreeNode.endEdit() is deprecated since 2014-01-04. Use .editEnd() instead.");
+// 	return this.editEnd.apply(this, arguments);
+// };
 
 
-///**
-// * Create a new child or sibling node.
-// *
-// * @param {String} [mode] 'before', 'after', or 'child'
-// * @lends FancytreeNode.prototype
-// * @requires jquery.fancytree.edit.js
-// */
-//$.ui.fancytree._FancytreeNodeClass.prototype.editCreateNode = function(mode){
-//	var newNode,
-//		node = this,
-//		tree = this.tree,
-//		local = tree.ext.edit,
-//		instOpts = tree.options.edit,
-//		$title = $(".fancytree-title", node.span),
-//		$input = $title.find("input.fancytree-edit-input"),
-//		newVal = $input.val(),
-//		dirty = $input.hasClass("fancytree-edit-dirty"),
-//		doSave = (applyChanges || (dirty && applyChanges !== false)) && (newVal !== node.title),
-//		eventData = {
-//			node: node, tree: tree, options: tree.options, originalEvent: _event,
-//			dirty: dirty,
-//			save: doSave,
-//			input: $input,
-//			value: newVal
-//			};
-//
-//	node.debug("editCreate");
-//
-//	if( instOpts.beforeEdit.call(node, {type: "beforeCreateNode"}, eventData) === false){
-//		return false;
-//	}
-//	newNode = this.addNode({title: "Neuer Knoten"}, mode);
-//
-//	newNode.editStart();
-//};
+/**
+* [ext-edit] Create a new child or sibling node and start edit mode.
+*
+* @param {String} [mode='child'] 'before', 'after', or 'child'
+* @param {Object} [init] NodeData (or simple title string)
+* @alias FancytreeNode#editCreateNode
+* @requires jquery.fancytree.edit.js
+*/
+$.ui.fancytree._FancytreeNodeClass.prototype.editCreateNode = function(mode, init){
+	var newNode,
+		that = this;
+
+	mode = mode || "child";
+	if( init == null ) {
+		init = { title: "" };
+	} else if( typeof init === "string" ) {
+		init = { title: init };
+	} else {
+		$.ui.fancytree.assert($.isPlainObject(init));
+	}
+	// Make sure node is expanded (and loaded) in 'child' mode
+	if( mode === "child" && !this.isExpanded() && this.hasChildren() !== false ) {
+		this.setExpanded().done(function(){
+			that.editCreateNode(mode, init);
+		});
+		return;
+	}
+	newNode = this.addNode(init, mode);
+	newNode.makeVisible();
+	$(newNode.span).addClass("fancytree-edit-new");
+	this.tree.ext.edit.relatedNode = this;
+	newNode.editStart();
+};
 
 
 /**
@@ -256,14 +283,17 @@ $.ui.fancytree._FancytreeNodeClass.prototype.isEditing = function(){
  */
 $.ui.fancytree.registerExtension({
 	name: "edit",
-	version: "0.1.0",
+	version: "0.2.0",
 	// Default options for this extension.
 	options: {
 		adjustWidthOfs: 4,   // null: don't adjust input size to content
+		allowEmpty: false,   // Prevent empty input
 		inputCss: {minWidth: "3em"},
 		triggerCancel: ["esc", "tab", "click"],
 		// triggerStart: ["f2", "dblclick", "shift+click", "mac+enter"],
 		triggerStart: ["f2", "shift+click", "mac+enter"],
+		trim: true,          // Trim whitespace before save
+		// Events:
 		beforeClose: $.noop, // Return false to prevent cancel/save (data.input is available)
 		beforeEdit: $.noop,  // Return false to prevent edit mode
 		close: $.noop,       // Editor was removed
diff --git a/app/assets/javascripts/fancytree/src/jquery.fancytree.filter.js b/app/assets/javascripts/fancytree/src/jquery.fancytree.filter.js
index e6333d7..9b4e699 100644
--- a/app/assets/javascripts/fancytree/src/jquery.fancytree.filter.js
+++ b/app/assets/javascripts/fancytree/src/jquery.fancytree.filter.js
@@ -9,8 +9,8 @@
  * Released under the MIT license
  * https://github.com/mar10/fancytree/wiki/LicenseInfo
  *
- * @version 2.3.0
- * @date 2014-08-17T10:39
+ * @version 2.4.1
+ * @date 2014-09-23T19:33
  */
 
 ;(function($, window, document, undefined) {
diff --git a/app/assets/javascripts/fancytree/src/jquery.fancytree.glyph.js b/app/assets/javascripts/fancytree/src/jquery.fancytree.glyph.js
index 47fea77..088fc47 100644
--- a/app/assets/javascripts/fancytree/src/jquery.fancytree.glyph.js
+++ b/app/assets/javascripts/fancytree/src/jquery.fancytree.glyph.js
@@ -9,8 +9,8 @@
  * Released under the MIT license
  * https://github.com/mar10/fancytree/wiki/LicenseInfo
  *
- * @version 2.3.0
- * @date 2014-08-17T10:39
+ * @version 2.4.1
+ * @date 2014-09-23T19:33
  */
 
 ;(function($, window, document, undefined) {
@@ -27,14 +27,10 @@ function _getIcon(opts, type){
 
 $.ui.fancytree.registerExtension({
 	name: "glyph",
-	version: "0.1.0",
+	version: "0.2.0",
 	// Default options for this extension.
 	options: {
-		prefix: "icon-",
-		extra: null,
 		map: {
-			doc: "icon-file-alt",
-			docOpen: "icon-file-alt",
 			checkbox: "icon-check-empty",
 			checkboxSelected: "icon-check",
 			checkboxUnknown: "icon-check icon-muted",
@@ -42,12 +38,16 @@ $.ui.fancytree.registerExtension({
 			expanderClosed: "icon-caret-right",
 			expanderLazy: "icon-angle-right",
 			expanderOpen: "icon-caret-down",
-			folder: "icon-folder-close-alt",
-			folderOpen: "icon-folder-open-alt",
+			doc: "icon-file-alt",
+			noExpander: "",
+			// Default node icons.
+			// (Use tree.options.iconClass(node) callback to define custom icons
+			// based on node data)
+			docOpen: "icon-file-alt",
 			loading: "icon-refresh icon-spin",
-			noExpander: ""
-		},
-		icon: null // TODO: allow callback here
+			folder: "icon-folder-close-alt",
+			folderOpen: "icon-folder-open-alt"
+		}
 	},
 
 	treeInit: function(ctx){
@@ -62,7 +62,6 @@ $.ui.fancytree.registerExtension({
 			opts = ctx.options.glyph,
 			// callback = opts.icon,
 			map = opts.map
-			// prefix = opts.prefix
 			// $span = $(node.span)
 			;
 
@@ -71,8 +70,6 @@ $.ui.fancytree.registerExtension({
 		if( node.isRoot() ){
 			return;
 		}
-		// #257: only search one level deep:
-		// span = $("span.fancytree-expander", node.span).get(0);
 		span = $span.children("span.fancytree-expander").get(0);
 		if( span ){
 			if( node.isLoading() ){
@@ -86,12 +83,11 @@ $.ui.fancytree.registerExtension({
 			}else{
 				icon = "noExpander";
 			}
-			// node.debug(icon, map[icon], span);
 			span.className = "fancytree-expander " + map[icon];
 		}
 
 		if( node.tr ){
-			span = $(node.tr).children("span.fancytree-checkbox").get(0);
+			span = $("td", node.tr).children("span.fancytree-checkbox").get(0);
 		}else{
 			span = $span.children("span.fancytree-checkbox").get(0);
 		}
@@ -100,7 +96,8 @@ $.ui.fancytree.registerExtension({
 			span.className = "fancytree-checkbox " + map[icon];
 		}
 
-		// span = $("span.fancytree-icon", node.span).get(0);
+		// Icon (note that this does not match .fancytree-custom-icon, that might
+		// be set by opts.iconClass)
 		span = $span.children("span.fancytree-icon").get(0);
 		if( span ){
 			if( node.folder ){
diff --git a/app/assets/javascripts/fancytree/src/jquery.fancytree.gridnav.js b/app/assets/javascripts/fancytree/src/jquery.fancytree.gridnav.js
index e792a34..ade13d2 100644
--- a/app/assets/javascripts/fancytree/src/jquery.fancytree.gridnav.js
+++ b/app/assets/javascripts/fancytree/src/jquery.fancytree.gridnav.js
@@ -9,8 +9,8 @@
  * Released under the MIT license
  * https://github.com/mar10/fancytree/wiki/LicenseInfo
  *
- * @version 2.3.0
- * @date 2014-08-17T10:39
+ * @version 2.4.1
+ * @date 2014-09-23T19:33
  */
 
 ;(function($, window, document, undefined) {
diff --git a/app/assets/javascripts/fancytree/src/jquery.fancytree.js b/app/assets/javascripts/fancytree/src/jquery.fancytree.js
index dddcbd5..65573b3 100644
--- a/app/assets/javascripts/fancytree/src/jquery.fancytree.js
+++ b/app/assets/javascripts/fancytree/src/jquery.fancytree.js
@@ -7,8 +7,8 @@
  * Released under the MIT license
  * https://github.com/mar10/fancytree/wiki/LicenseInfo
  *
- * @version 2.3.0
- * @date 2014-08-17T10:39
+ * @version 2.4.1
+ * @date 2014-09-23T19:33
  */
 
 /** Core Fancytree module.
@@ -39,7 +39,7 @@ function _assert(cond, msg){
 	// TODO: see qunit.js extractStacktrace()
 	if(!cond){
 		msg = msg ? ": " + msg : "";
-		$.error("Assertion failed" + msg);
+		$.error("Fancytree assertion failed" + msg);
 	}
 }
 
@@ -844,7 +844,7 @@ FancytreeNode.prototype = /** @lends FancytreeNode# */{
 			}
 			return true;
 		}
-		return !!this.children;
+		return !!( this.children && this.children.length );
 	},
 	/** Return true if node has keyboard focus.
 	 * @returns {boolean}
@@ -936,10 +936,16 @@ FancytreeNode.prototype = /** @lends FancytreeNode# */{
 	isLoading: function() {
 		return !!this._isLoading;
 	},
+	/**
+	 * @deprecated since v2.4.0:  Use isRootNode() instead
+	 */
+	isRoot: function() {
+		return this.isRootNode();
+	},
 	/** Return true if this is the (invisible) system root node.
 	 * @returns {boolean}
 	 */
-	isRoot: function() {
+	isRootNode: function() {
 		return (this.tree.rootNode === this);
 	},
 	/** Return true if node is selected, i.e. has a checkmark set (see also FancytreeNode#isActive).
@@ -955,6 +961,12 @@ FancytreeNode.prototype = /** @lends FancytreeNode# */{
 	isStatusNode: function() {
 		return !!this.statusNodeType;
 	},
+	/** Return true if this a top level node, i.e. a direct child of the (invisible) system root node.
+	 * @returns {boolean}
+	 */
+	isTopLevel: function() {
+		return (this.tree.rootNode === this.parent);
+	},
 	/** Return true if node is lazy and not yet loaded. For non-lazy nodes always return false.
 	 * @returns {boolean}
 	 */
@@ -982,7 +994,7 @@ FancytreeNode.prototype = /** @lends FancytreeNode# */{
 		return this.load(discard);
 	},
 	/**
-	 * Load all children of a lazy node.
+	 * Load all children of a lazy node if neccessary. The *expanded* state is maintained.
 	 * @param {boolean} [forceReload=false] Pass true to discard any existing nodes before.
 	 * @returns {$.Promise}
 	 */
@@ -990,9 +1002,11 @@ FancytreeNode.prototype = /** @lends FancytreeNode# */{
 		var res, source,
 			that = this;
 
-		_assert( this.isLazy(), "load() requires a lazy node" );
-		_assert( forceReload || this.isUndefined(), "Pass forceReload=true to re-load a lazy node" );
-
+		// _assert( this.isLazy(), "load() requires a lazy node" );
+		// _assert( forceReload || this.isUndefined(), "Pass forceReload=true to re-load a lazy node" );
+		if( !forceReload && !this.isUndefined() ) {
+			return _getResolvedPromise(this);
+		}
 		if( this.isLoaded() ){
 			this.resetLazy(); // also collapses
 		}
@@ -1406,7 +1420,7 @@ FancytreeNode.prototype = /** @lends FancytreeNode# */{
 
 		if( isParentWindow ) {
 			nodeY = $(this.span).offset().top;
-			topNodeY = topNode ? $(topNode.span).offset().top : 0;
+			topNodeY = (topNode && topNode.span) ? $(topNode.span).offset().top : 0;
 			$animateTarget = $("html,body");
 
 		} else {
@@ -1431,7 +1445,7 @@ FancytreeNode.prototype = /** @lends FancytreeNode# */{
 			// If a topNode was passed, make sure that it is never scrolled
 			// outside the upper border
 			if(topNode){
-				_assert($(topNode.span).is(":visible"));
+				_assert(topNode.isRoot() || $(topNode.span).is(":visible"), "topNode must be visible");
 				if( topNodeY < newScrollTop ){
 					newScrollTop = topNodeY - topOfs;
 					// this.debug("    scrollIntoView(), TOP newScrollTop=", newScrollTop);
@@ -1587,7 +1601,8 @@ FancytreeNode.prototype = /** @lends FancytreeNode# */{
 	 * Return false if iteration was stopped.
 	 *
 	 * @param {function} fn the callback function.
-	 *     Return false to stop iteration, return "skip" to skip this node and children only.
+	 *     Return false to stop iteration, return "skip" to skip this node and
+	 *     its children only.
 	 * @param {boolean} [includeSelf=false]
 	 * @returns {boolean}
 	 */
@@ -1612,6 +1627,51 @@ FancytreeNode.prototype = /** @lends FancytreeNode# */{
 		}
 		return res;
 	},
+	/** Call fn(node) for all child nodes and recursively load lazy children.<br>
+	 * <b>Note:</b> If you need this method, you probably should consider to review
+	 * your architecture! Recursivley loading nodes is a perfect way for lazy
+	 * programmers to flood the server with requests ;-)
+	 *
+	 * @param {function} [fn] optional callback function.
+	 *     Return false to stop iteration, return "skip" to skip this node and
+	 *     its children only.
+	 * @param {boolean} [includeSelf=false]
+	 * @returns {$.Promise}
+	 */
+	visitAndLoad: function(fn, includeSelf, _recursion) {
+		var dfd, res, loaders,
+			node = this;
+
+		// node.debug("visitAndLoad");
+		if( fn && includeSelf === true ) {
+			res = fn(node);
+			if( res === false || res === "skip" ) {
+				return _recursion ? res : _getResolvedPromise();
+			}
+		}
+		if( !node.children && !node.lazy ) {
+			return _getResolvedPromise();
+		}
+		dfd = new $.Deferred();
+		loaders = [];
+		// node.debug("load()...");
+		node.load().done(function(){
+			// node.debug("load()... done.");
+			for(var i=0, l=node.children.length; i<l; i++){
+				res = node.children[i].visitAndLoad(fn, true, true);
+				if( res === false ) {
+					dfd.reject();
+					break;
+				} else if ( res !== "skip" ) {
+					loaders.push(res); // Add promise to the list
+				}
+			}
+			$.when.apply(this, loaders).then(function(){
+				dfd.resolve();
+			});
+		});
+		return dfd.promise();
+	},
 	/** Call fn(node) for all parent nodes, bottom-up, including invisible system root.<br>
 	 * Stop iteration, if fn() returns false.<br>
 	 * Return false if iteration was stopped.
@@ -1658,21 +1718,21 @@ FancytreeNode.prototype = /** @lends FancytreeNode# */{
  *
  * @param {Widget} widget
  *
- * @property {FancytreeOptions} options
- * @property {FancytreeNode} rootNode
  * @property {FancytreeNode} activeNode
- * @property {FancytreeNode} focusNode
+ * @property {string} ariaPropName
+ * @property {string} $container
+ * @property {object} data
  * @property {jQueryObject} $div
- * @property {object} widget
  * @property {object} ext
- * @property {object} data
- * @property {object} options
+ * @property {FancytreeNode} focusNode
  * @property {string} _id
- * @property {string} statusClassPropName
- * @property {string} ariaPropName
- * @property {string} nodeContainerAttrName
- * @property {string} $container
  * @property {FancytreeNode} lastSelectedNode
+ * @property {string} nodeContainerAttrName
+ * @property {FancytreeOptions} options
+ * @property {FancytreeNode} rootNode
+ * @property {string} statusClassPropName
+ * @property {string} systemFocusElement
+ * @property {object} widget
  */
 function Fancytree(widget) {
 	this.widget = widget;
@@ -1692,7 +1752,7 @@ function Fancytree(widget) {
 	this.ext = {}; // Active extension instances
 	// allow to init tree.data.foo from <div data-foo=''>
 	this.data = _getElementDataAsDict(this.$div);
-	this._id = $.ui.fancytree._nextId++;
+	this._id = ( this.options.id == null ) ? $.ui.fancytree._nextId++ : this.options.id;
 	this._ns = ".fancytree-" + this._id; // append for namespaced events
 	this.activeNode = null;
 	this.focusNode = null;
@@ -1900,10 +1960,11 @@ Fancytree.prototype = /** @lends Fancytree# */{
 	 *
 	 * In selectMode 3 only the topmost selected nodes are considered.
 	 *
-	 * @param {boolean | string} [selected=true]
-	 * @param {boolean | string} [active=true]
+	 * @param {boolean | string} [selected=true] Pass a string to define the variable name (default: `ft_ID[]`)
+	 * @param {boolean | string} [active=true] Pass a string to define the variable name (default: `ft_ID_active`)
+	 * @param {boolean} [stopOnParents] Pass false to generate all selected nodes, even in selectMode 3
 	 */
-	generateFormElements: function(selected, active) {
+	generateFormElements: function(selected, active, stopOnParents) {
 		// TODO: test case
 		var nodeList,
 			selectedName = (selected !== false) ? "ft_" + this._id + "[]" : selected,
@@ -1911,6 +1972,7 @@ Fancytree.prototype = /** @lends Fancytree# */{
 			id = "fancytree_result_" + this._id,
 			$result = $("#" + id);
 
+		stopOnParents = ( typeof stopOnParents === "boolean" ) ? stopOnParents : (this.options.selectMode === 3);
 		if($result.length){
 			$result.empty();
 		}else{
@@ -1919,7 +1981,7 @@ Fancytree.prototype = /** @lends Fancytree# */{
 			}).hide().insertAfter(this.$container);
 		}
 		if(selectedName){
-			nodeList = this.getSelectedNodes( this.options.selectMode === 3 );
+			nodeList = this.getSelectedNodes(stopOnParents);
 			$.each(nodeList, function(idx, node){
 				$result.append($("<input>", {
 					type: "checkbox",
@@ -2059,8 +2121,7 @@ Fancytree.prototype = /** @lends Fancytree# */{
 	 * @returns {$.Promise}
 	 */
 	loadKeyPath: function(keyPathList, callback, _rootNode) {
-		var deferredList, dfd, i, path, key, loadMap, node, segList,
-			root = _rootNode || this.rootNode,
+		var deferredList, dfd, i, path, key, loadMap, node, root, segList,
 			sep = this.options.keyPathSeparator,
 			self = this;
 
@@ -2072,6 +2133,7 @@ Fancytree.prototype = /** @lends Fancytree# */{
 		loadMap = {};
 
 		for(i=0; i<keyPathList.length; i++){
+			root = _rootNode || this.rootNode;
 			path = keyPathList[i];
 			// strip leading slash
 			if(path.charAt(0) === sep){
@@ -2827,14 +2889,14 @@ $.extend(Fancytree.prototype,
 	 */
 	nodeRenderTitle: function(ctx, title) {
 		// set node connector images, links and text
-		var id, imageSrc, nodeTitle, role, tabindex, tooltip,
+		var id, iconSpanClass, nodeTitle, role, tabindex, tooltip,
 			node = ctx.node,
 			tree = ctx.tree,
 			opts = ctx.options,
 			aria = opts.aria,
 			level = node.getLevel(),
 			ares = [],
-			icon = node.data.icon;
+			iconSrc = node.data.icon;
 
 		if(title !== undefined){
 			node.title = title;
@@ -2848,10 +2910,13 @@ $.extend(Fancytree.prototype,
 		// TODO: optiimize this if clause
 		if( level < opts.minExpandLevel ) {
 			if(level > 1){
+				if( !node.lazy ) {
+					node.expanded = true;
+				}
 				if(aria){
-					ares.push("<span role='button' class='fancytree-expander'></span>");
+					ares.push("<span role='button' class='fancytree-expander fancytree-expander-fixed'></span>");
 				}else{
-					ares.push("<span class='fancytree-expander'></span>");
+					ares.push("<span class='fancytree-expander fancytree-expander-fixed''></span>");
 				}
 			}
 			// .. else (i.e. for root level) skip expander/connector alltogether
@@ -2872,17 +2937,23 @@ $.extend(Fancytree.prototype,
 		}
 		// folder or doctype icon
 		role = aria ? " role='img'" : "";
-		if ( icon && typeof icon === "string" ) {
-			imageSrc = (icon.charAt(0) === "/") ? icon : ((opts.imagePath || "") + icon);
-			ares.push("<img src='" + imageSrc + "' class='fancytree-icon' alt='' />");
-		} else if ( node.data.iconclass ) {
-			// TODO: review and test and document
-			ares.push("<span " + role + " class='fancytree-custom-icon" + " " + node.data.iconclass +  "'></span>");
-		} else if ( icon === true || (icon !== false && opts.icons !== false) ) {
-			// opts.icons defines the default behavior.
-			// node.icon == true/false can override this
-			ares.push("<span " + role + " class='fancytree-icon'></span>");
+		if( iconSrc === true || (iconSrc !== false && opts.icons !== false) ) {
+			// opts.icons defines the default behavior, node.icon == true/false can override this
+			if ( iconSrc && typeof iconSrc === "string" ) {
+				// node.icon is an image url
+				iconSrc = (iconSrc.charAt(0) === "/") ? iconSrc : ((opts.imagePath || "") + iconSrc);
+				ares.push("<img src='" + iconSrc + "' class='fancytree-icon' alt='' />");
+			} else {
+				// See if node.iconClass or opts.iconClass() define a class name
+				iconSpanClass = (opts.iconClass && opts.iconClass.call(tree, node, ctx)) || node.data.iconclass || null;
+				if( iconSpanClass ) {
+					ares.push("<span " + role + " class='fancytree-custom-icon " + iconSpanClass +  "'></span>");
+				} else {
+					ares.push("<span " + role + " class='fancytree-icon'></span>");
+				}
+			}
 		}
+
 		// node title
 		nodeTitle = "";
 		// TODO: currently undocumented; may be removed?
@@ -2890,7 +2961,8 @@ $.extend(Fancytree.prototype,
 			nodeTitle = opts.renderTitle.call(tree, {type: "renderTitle"}, ctx) || "";
 		}
 		if(!nodeTitle){
-			tooltip = node.tooltip ? " title='" + FT.escapeHtml(node.tooltip) + "'" : "";
+			// tooltip = node.tooltip ? " title='" + FT.escapeHtml(node.tooltip) + "'" : "";
+			tooltip = node.tooltip ? " title='" + node.tooltip.replace("'", "&apos;") + "'" : "";
 			id = aria ? " id='ftal_" + node.key + "'" : "";
 			role = aria ? " role='treeitem'" : "";
 			tabindex = opts.titlesTabbable ? " tabindex='0'" : "";
@@ -3345,7 +3417,12 @@ $.extend(Fancytree.prototype,
 			var firstChild = ( node.children ? node.children[0] : null );
 			if ( firstChild && firstChild.isStatusNode() ) {
 				$.extend(firstChild, data);
+				firstChild.statusNodeType = type;
 				tree._callHook("nodeRender", firstChild);
+				tree._callHook("nodeRenderTitle", firstChild);
+				// tree._callHook("nodeRenderStatus", firstChild);
+				// node.render();
+				// firstChild.renderTitle();
 			} else {
 				data.key = "_statusNode";
 				node._setChildren([data]);
@@ -3561,6 +3638,7 @@ $.widget("ui.fancytree",
 		fx: { height: "toggle", duration: 200 },
 		generateIds: false,
 		icons: true,
+		id: null,
 		idPrefix: "ft_",
 		keyboard: true,
 		keyPathSeparator: "/",
@@ -3794,7 +3872,7 @@ $.widget("ui.fancytree",
 	 * @returns {FancytreeNode}
 	 */
 	getNodeByKey: function(key) {
-		return this.tree.getNodeByKey(key);
+		return this.tree.getNodeByKey("" + key);
 	},
 	/** Return the invisible system root node.
 	 * @returns {FancytreeNode}
@@ -3827,7 +3905,7 @@ $.extend($.ui.fancytree,
 	/** @lends Fancytree_Static# */
 	{
 	/** @type {string} */
-	version: "2.3.0",      // Set to semver by 'grunt release'
+	version: "2.4.1",      // Set to semver by 'grunt release'
 	/** @type {string} */
 	buildType: "production", // Set to 'production' by 'grunt build'
 	/** @type {int} */
diff --git a/app/assets/javascripts/fancytree/src/jquery.fancytree.menu.js b/app/assets/javascripts/fancytree/src/jquery.fancytree.menu.js
index f1d8cf2..2f60f2a 100644
--- a/app/assets/javascripts/fancytree/src/jquery.fancytree.menu.js
+++ b/app/assets/javascripts/fancytree/src/jquery.fancytree.menu.js
@@ -11,8 +11,8 @@
  * Released under the MIT license
  * https://github.com/mar10/fancytree/wiki/LicenseInfo
  *
- * @version 2.3.0
- * @date 2014-08-17T10:39
+ * @version 2.4.1
+ * @date 2014-09-23T19:33
  */
 
 ;(function($, window, document, undefined) {
diff --git a/app/assets/javascripts/fancytree/src/jquery.fancytree.persist.js b/app/assets/javascripts/fancytree/src/jquery.fancytree.persist.js
index e4d0612..84d6c9c 100644
--- a/app/assets/javascripts/fancytree/src/jquery.fancytree.persist.js
+++ b/app/assets/javascripts/fancytree/src/jquery.fancytree.persist.js
@@ -11,8 +11,8 @@
  * Released under the MIT license
  * https://github.com/mar10/fancytree/wiki/LicenseInfo
  *
- * @version 2.3.0
- * @date 2014-08-17T10:39
+ * @version 2.4.1
+ * @date 2014-09-23T19:33
  */
 
 ;(function($, window, document, undefined) {
@@ -23,14 +23,8 @@
 /*******************************************************************************
  * Private functions and variables
  */
-function _assert(cond, msg){
-	msg = msg || "";
-	if(!cond){
-		$.error("Assertion failed " + msg);
-	}
-}
-
-var ACTIVE = "active",
+var _assert = $.ui.fancytree.assert,
+	ACTIVE = "active",
 	EXPANDED = "expanded",
 	FOCUS = "focus",
 	SELECTED = "selected";
diff --git a/app/assets/javascripts/fancytree/src/jquery.fancytree.table.js b/app/assets/javascripts/fancytree/src/jquery.fancytree.table.js
index 734eb96..6251f3b 100644
--- a/app/assets/javascripts/fancytree/src/jquery.fancytree.table.js
+++ b/app/assets/javascripts/fancytree/src/jquery.fancytree.table.js
@@ -9,8 +9,8 @@
  * Released under the MIT license
  * https://github.com/mar10/fancytree/wiki/LicenseInfo
  *
- * @version 2.3.0
- * @date 2014-08-17T10:39
+ * @version 2.4.1
+ * @date 2014-09-23T19:33
  */
 
 ;(function($, window, document, undefined) {
@@ -20,12 +20,7 @@
 /* *****************************************************************************
  * Private functions and variables
  */
-function _assert(cond, msg){
-	msg = msg || "";
-	if(!cond){
-		$.error("Assertion failed " + msg);
-	}
-}
+var _assert = $.ui.fancytree.assert;
 
 function insertSiblingAfter(referenceNode, newNode) {
 	referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
diff --git a/app/assets/javascripts/fancytree/src/jquery.fancytree.themeroller.js b/app/assets/javascripts/fancytree/src/jquery.fancytree.themeroller.js
index d8a441d..31d6cb6 100644
--- a/app/assets/javascripts/fancytree/src/jquery.fancytree.themeroller.js
+++ b/app/assets/javascripts/fancytree/src/jquery.fancytree.themeroller.js
@@ -11,8 +11,8 @@
  * Released under the MIT license
  * https://github.com/mar10/fancytree/wiki/LicenseInfo
  *
- * @version 2.3.0
- * @date 2014-08-17T10:39
+ * @version 2.4.1
+ * @date 2014-09-23T19:33
  */
 
 ;(function($, window, document, undefined) {
diff --git a/app/assets/javascripts/fancytree/src/jquery.fancytree.wide.js b/app/assets/javascripts/fancytree/src/jquery.fancytree.wide.js
index 0c029b7..8e4d7e7 100644
--- a/app/assets/javascripts/fancytree/src/jquery.fancytree.wide.js
+++ b/app/assets/javascripts/fancytree/src/jquery.fancytree.wide.js
@@ -9,8 +9,8 @@
  * Released under the MIT license
  * https://github.com/mar10/fancytree/wiki/LicenseInfo
  *
- * @version 2.3.0
- * @date 2014-08-17T10:39
+ * @version 2.4.1
+ * @date 2014-09-23T19:33
  */
 
 ;(function($, window, document, undefined) {
@@ -20,13 +20,7 @@
 /*******************************************************************************
  * Private functions and variables
  */
-// function _assert(cond, msg){
-// 	// TODO: see qunit.js extractStacktrace()
-// 	if(!cond){
-// 		msg = msg ? ": " + msg : "";
-// 		$.error("Assertion failed" + msg);
-// 	}
-// }
+// var _assert = $.ui.fancytree.assert;
 
 /* Calculate inner width without scrollbar */
 function realInnerWidth($el) {
diff --git a/app/assets/stylesheets/fancytree/skin-awesome/ui.fancytree.css.erb b/app/assets/stylesheets/fancytree/skin-awesome/ui.fancytree.css.erb
deleted file mode 100644
index cf5901f..0000000
--- a/app/assets/stylesheets/fancytree/skin-awesome/ui.fancytree.css.erb
+++ /dev/null
@@ -1,311 +0,0 @@
-/*!
- * Fancytree "awesome" skin.
- *
- * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
- * the LESS templates.
- */
-/*******************************************************************************
- * Common Styles for Fancytree Skins.
- *
- * This section is automatically generated from the `skin-common.less` template.
- ******************************************************************************/
-/*------------------------------------------------------------------------------
- * Helpers
- *----------------------------------------------------------------------------*/
-.ui-helper-hidden {
-  display: none;
-}
-/*------------------------------------------------------------------------------
- * Container and UL / LI
- *----------------------------------------------------------------------------*/
-ul.fancytree-container {
-  font-family: tahoma, arial, helvetica;
-  font-size: 10pt;
-  white-space: nowrap;
-  padding: 3px;
-  margin: 0;
-  background-color: white;
-  border: 1px dotted gray;
-  overflow: auto;
-  min-height: 0%;
-  position: relative;
-}
-ul.fancytree-container ul {
-  padding: 0 0 0 16px;
-  margin: 0;
-}
-ul.fancytree-container li {
-  list-style-image: none;
-  list-style-position: outside;
-  list-style-type: none;
-  -moz-background-clip: border;
-  -moz-background-inline-policy: continuous;
-  -moz-background-origin: padding;
-  background-attachment: scroll;
-  background-color: transparent;
-  background-position: 0em 0em;
-  background-repeat: repeat-y;
-  background-image: none;
-  margin: 0;
-  padding: 1px 0 0 0;
-}
-ul.fancytree-container li.fancytree-lastsib {
-  background-image: none;
-}
-ul.fancytree-no-connector > li {
-  background-image: none;
-}
-.ui-fancytree-disabled ul.fancytree-container {
-  opacity: 0.5;
-  background-color: silver;
-}
-/*------------------------------------------------------------------------------
- * Common icon definitions
- *----------------------------------------------------------------------------*/
-span.fancytree-empty,
-span.fancytree-vline,
-span.fancytree-expander,
-span.fancytree-icon,
-span.fancytree-checkbox,
-span.fancytree-radio,
-span.fancytree-drag-helper-img,
-#fancytree-drop-marker {
-  width: 1em;
-  height: 1em;
-  display: inline-block;
-  vertical-align: top;
-  background-repeat: no-repeat;
-  background-position: left;
-  background-position: 0em 0em;
-}
-span.fancytree-icon,
-span.fancytree-checkbox,
-span.fancytree-radio,
-span.fancytree-custom-icon {
-  margin-top: 1px;
-}
-/* Used by iconclass option */
-span.fancytree-custom-icon {
-  display: inline-block;
-}
-/* Used by 'icon' node option: */
-img.fancytree-icon {
-  width: 1em;
-  height: 1em;
-  margin-left: 0.5em;
-  margin-top: 1px;
-  vertical-align: top;
-  border-style: none;
-}
-/*------------------------------------------------------------------------------
- * Expander icon
- *
- * Note: IE6 doesn't correctly evaluate multiples class names,
- *		 so we create combined class names that can be used in the CSS.
- *
- * Prefix: fancytree-exp-
- * 1st character: 'e': expanded, 'c': collapsed, 'n': no children
- * 2nd character (optional): 'd': lazy (Delayed)
- * 3rd character (optional): 'l': Last sibling
- *----------------------------------------------------------------------------*/
-span.fancytree-expander {
-  cursor: pointer;
-}
-.fancytree-exp-n span.fancytree-expander,
-.fancytree-exp-nl span.fancytree-expander {
-  background-image: none;
-  cursor: default;
-}
-.fancytree-loading span.fancytree-expander,
-.fancytree-loading span.fancytree-expander:hover,
-.fancytree-statusnode-wait span.fancytree-icon,
-.fancytree-statusnode-wait span.fancytree-icon:hover {
-  background-image: url("loading.gif");
-}
-/* Status node icons */
-/*------------------------------------------------------------------------------
- * Checkbox icon
- *----------------------------------------------------------------------------*/
-span.fancytree-checkbox {
-  margin-left: 0.5em;
-}
-/*------------------------------------------------------------------------------
- * Radiobutton icon
- * This is a customization, that may be activated by overriding the 'checkbox'
- * class name as 'fancytree-radio' in the tree options.
- *----------------------------------------------------------------------------*/
-/*------------------------------------------------------------------------------
- * Node type icon
- * Note: IE6 doesn't correctly evaluate multiples class names,
- *		 so we create combined class names that can be used in the CSS.
- *
- * Prefix: fancytree-ico-
- * 1st character: 'e': expanded, 'c': collapsed
- * 2nd character (optional): 'f': folder
- *----------------------------------------------------------------------------*/
-span.fancytree-icon {
-  margin-left: 0.5em;
-}
-/* Documents */
-/* Folders */
-/*------------------------------------------------------------------------------
- * Node titles and highlighting
- *----------------------------------------------------------------------------*/
-span.fancytree-node {
-  /* See #117 */
-  display: inherit;
-  width: 100%;
-}
-span.fancytree-title {
-  display: inline-block;
-  padding-left: 3px;
-  padding-right: 3px;
-  color: black;
-  vertical-align: top;
-  margin: 0px;
-  margin-left: 3px;
-  cursor: pointer;
-}
-span.fancytree-node.fancytree-error span.fancytree-title {
-  color: red;
-}
-/*------------------------------------------------------------------------------
- * Drag'n'drop support
- *----------------------------------------------------------------------------*/
-div.fancytree-drag-helper a {
-  border: 1px solid gray;
-  background-color: white;
-  padding-left: 5px;
-  padding-right: 5px;
-  opacity: 0.8;
-}
-div.fancytree-drag-helper.fancytree-drop-reject {
-  border-color: red;
-}
-/*** Drop marker icon *********************************************************/
-#fancytree-drop-marker {
-  width: 2em;
-  position: absolute;
-  margin: 0;
-}
-#fancytree-drop-marker.fancytree-drop-after,
-#fancytree-drop-marker.fancytree-drop-before {
-  width: 4em;
-}
-/*** Source node while dragging ***********************************************/
-span.fancytree-drag-source {
-  background-color: #e0e0e0;
-}
-span.fancytree-drag-source span.fancytree.title {
-  color: gray;
-}
-/*** Target node while dragging cursor is over it *****************************/
-span.fancytree-drop-target.fancytree-drop-accept a {
-  background-color: #3169C6 !important;
-  color: white !important;
-  /* @ IE6 */
-  text-decoration: none;
-}
-/*------------------------------------------------------------------------------
- * 'table' extension
- *----------------------------------------------------------------------------*/
-table.fancytree-ext-table {
-  border-collapse: collapse;
-}
-table.fancytree-ext-table span.fancytree-node {
-  display: inline-block;
-}
-/*------------------------------------------------------------------------------
- * 'columnview' extension
- *----------------------------------------------------------------------------*/
-table.fancytree-ext-columnview tbody tr td {
-  position: relative;
-  border: 1px solid gray;
-  vertical-align: top;
-  overflow: auto;
-}
-table.fancytree-ext-columnview tbody tr td > ul {
-  padding: 0;
-}
-table.fancytree-ext-columnview tbody tr td > ul li {
-  list-style-image: none;
-  list-style-position: outside;
-  list-style-type: none;
-  -moz-background-clip: border;
-  -moz-background-inline-policy: continuous;
-  -moz-background-origin: padding;
-  background-attachment: scroll;
-  background-color: transparent;
-  background-position: 0em 0em;
-  background-repeat: repeat-y;
-  background-image: none;
-  /* no v-lines */
-  margin: 0;
-  padding: 1px 0 0 0;
-}
-table.fancytree-ext-columnview span.fancytree-node {
-  position: relative;
-  /* allow positioning of embedded spans */
-  display: inline-block;
-}
-table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded {
-  background-color: #CBE8F6;
-}
-table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right {
-  position: absolute;
-  right: 3px;
-}
-/*------------------------------------------------------------------------------
- * 'filter' extension
- *----------------------------------------------------------------------------*/
-.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title {
-  color: silver;
-  font-weight: lighter;
-}
-.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title,
-.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title {
-  color: black;
-  font-weight: normal;
-}
-.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title,
-.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title {
-  color: black;
-  font-weight: bold;
-}
-.fancytree-ext-filter-hide tr.fancytree-hide,
-.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide {
-  display: none;
-}
-.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title,
-.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title {
-  color: silver;
-  font-weight: lighter;
-}
-.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title,
-.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title {
-  color: black;
-  font-weight: normal;
-}
-/*------------------------------------------------------------------------------
- * 'wide' extension
- *----------------------------------------------------------------------------*/
-ul.fancytree-ext-wide span.fancytree-node > span {
-  position: relative;
-  z-index: 2;
-}
-ul.fancytree-ext-wide span.fancytree-node span.fancytree-title {
-  position: relative;
-  z-index: 1;
-  width: 100%;
-  padding-left: 503px;
-  margin-left: -500px;
-}
-/*******************************************************************************
- * Styles specific to this skin.
- *
- * This section is automatically generated from the `ui-fancytree.less` template.
- ******************************************************************************/
-ul.fancytree-container ul {
-  padding: 0.3em 0 0 1em;
-  margin: 0;
-}
diff --git a/app/assets/stylesheets/fancytree/skin-awesome/ui.fancytree.min.css.erb b/app/assets/stylesheets/fancytree/skin-awesome/ui.fancytree.min.css.erb
deleted file mode 100644
index 21ebea4..0000000
--- a/app/assets/stylesheets/fancytree/skin-awesome/ui.fancytree.min.css.erb
+++ /dev/null
@@ -1,6 +0,0 @@
-/*!
- * Fancytree "awesome" skin.
- *
- * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
- * the LESS templates.
- */.ui-helper-hidden{display:none}ul.fancytree-container{font-family:tahoma,arial,helvetica;font-size:10pt;white-space:nowrap;padding:3px;margin:0;background-color:#fff;border:1px dotted gray;overflow:auto;min-height:0;position:relative}ul.fancytree-container li{list-style-image:none;list-style-position:outside;list-style-type:none;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background-attachment:scroll;background-color:transparent;background-position:0 0;background-repeat:repeat-y;background-image:none;margin:0;padding:1px 0 0}ul.fancytree-container li.fancytree-lastsib,ul.fancytree-no-connector>li{background-image:none}.ui-fancytree-disabled ul.fancytree-container{opacity:.5;background-color:silver}#fancytree-drop-marker,span.fancytree-checkbox,span.fancytree-drag-helper-img,span.fancytree-empty,span.fancytree-expander,span.fancytree-icon,span.fancytree-radio,span.fancytree-vline{width:1em;height:1em;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-position:left;background-position:0 0}span.fancytree-checkbox,span.fancytree-custom-icon,span.fancytree-icon,span.fancytree-radio{margin-top:1px}span.fancytree-custom-icon{display:inline-block}img.fancytree-icon{width:1em;height:1em;margin-left:.5em;margin-top:1px;vertical-align:top;border-style:none}span.fancytree-expander{cursor:pointer}.fancytree-exp-n span.fancytree-expander,.fancytree-exp-nl span.fancytree-expander{background-image:none;cursor:default}.fancytree-loading span.fancytree-expander,.fancytree-loading span.fancytree-expander:hover,.fancytree-statusnode-wait span.fancytree-icon,.fancytree-statusnode-wait span.fancytree-icon:hover{background-image:url(loading.gif)}span.fancytree-checkbox,span.fancytree-icon{margin-left:.5em}span.fancytree-node{display:inherit;width:100%}span.fancytree-title{display:inline-block;padding-left:3px;padding-right:3px;color:#000;vertical-align:top;margin:0;margin-left:3px;cursor:pointer}span.fancytree-node.fancytree-error span.fancytree-title{color:red}div.fancytree-drag-helper a{border:1px solid gray;background-color:#fff;padding-left:5px;padding-right:5px;opacity:.8}div.fancytree-drag-helper.fancytree-drop-reject{border-color:red}#fancytree-drop-marker{width:2em;position:absolute;margin:0}#fancytree-drop-marker.fancytree-drop-after,#fancytree-drop-marker.fancytree-drop-before{width:4em}span.fancytree-drag-source{background-color:#e0e0e0}span.fancytree-drag-source span.fancytree.title{color:gray}span.fancytree-drop-target.fancytree-drop-accept a{background-color:#3169C6!important;color:#fff!important;text-decoration:none}table.fancytree-ext-table{border-collapse:collapse}table.fancytree-ext-table span.fancytree-node{display:inline-block}table.fancytree-ext-columnview tbody tr td{position:relative;border:1px solid gray;vertical-align:top;overflow:auto}table.fancytree-ext-columnview tbody tr td>ul{padding:0}table.fancytree-ext-columnview tbody tr td>ul li{list-style-image:none;list-style-position:outside;list-style-type:none;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background-attachment:scroll;background-color:transparent;background-position:0 0;background-repeat:repeat-y;background-image:none;margin:0;padding:1px 0 0}table.fancytree-ext-columnview span.fancytree-node{position:relative;display:inline-block}table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded{background-color:#CBE8F6}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right{position:absolute;right:3px}.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title{color:#000;font-weight:700}.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide,.fancytree-ext-filter-hide tr.fancytree-hide{display:none}.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title{color:#000;font-weight:400}ul.fancytree-ext-wide span.fancytree-node>span{position:relative;z-index:2}ul.fancytree-ext-wide span.fancytree-node span.fancytree-title{position:relative;z-index:1;width:100%;padding-left:503px;margin-left:-500px}ul.fancytree-container ul{padding:.3em 0 0 1em;margin:0}
\ No newline at end of file
diff --git a/app/assets/stylesheets/fancytree/skin-awesome/ui.fancytree.scss b/app/assets/stylesheets/fancytree/skin-awesome/ui.fancytree.scss
new file mode 100644
index 0000000..7fb83b2
--- /dev/null
+++ b/app/assets/stylesheets/fancytree/skin-awesome/ui.fancytree.scss
@@ -0,0 +1,53 @@
+/*!
+ * Fancytree "awesome" skin.
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */
+
+$fancy-image-dir: "fancytree/skin-awesome";
+// Import common styles
+@import "../skin-common.scss";
+
+
+/*******************************************************************************
+ * Styles specific to this skin.
+ *
+ * This section is automatically generated from the `ui-fancytree.scss` template.
+ ******************************************************************************/
+
+// Borders have NO radius and NO gradients are used!
+
+// both:
+//    unselected background: white
+//    hover bar (unselected, inactive): #E5F3FB (border: #70C0E7) 'very light blue'
+//    active node: #CBE8F6 (border: #26A0DA)  'light blue'
+//    active node with hover: wie active node
+
+// Tree view:
+//    active node, tree inactive: #F7F7F7 (border: #DEDEDE) 'light gray, selected, but tree not active'
+
+// List view: 
+//    selected bar: --> active bar
+//    focus  bar: transparent(white) + border 1px solid #3399FF  ()
+
+//    table left/right border: #EDEDED 'light gray'
+
+// local vars
+$fancy-my-icon-size: 16px;
+
+// Override the variable after the import. 
+// NOTE: Variables are always resolved as the last definition, even if it is 
+// after where it is used.
+$fancy-use-sprites: false;
+$fancy-hide-connectors: true;
+$fancy-icon-width: 1em;
+$fancy-icon-height: 1em;
+$fancy-line-height: 1em;
+$fancy-icon-margin-left: 0.5em;
+
+ul.fancytree-container ul
+{
+	padding: 0.3em 0 0 1em;
+	margin: 0;
+}
diff --git a/app/assets/stylesheets/fancytree/skin-bootstrap/ui.fancytree-w.scss b/app/assets/stylesheets/fancytree/skin-bootstrap/ui.fancytree-w.scss
new file mode 100644
index 0000000..468f77e
--- /dev/null
+++ b/app/assets/stylesheets/fancytree/skin-bootstrap/ui.fancytree-w.scss
@@ -0,0 +1,180 @@
+/*!
+ * Fancytree "bootstrap" skin.
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */
+
+$fancy-image-dir: "fancytree/skin-bootstrap";
+// Import common styles
+@import "../skin-common.scss";
+
+
+/*******************************************************************************
+ * Styles specific to this skin.
+ *
+ * This section is automatically generated from the `ui-fancytree.scss` template.
+ ******************************************************************************/
+
+
+// local vars
+$fancy-my-icon-size: 16px;
+
+// Override the variable after the import. 
+// NOTE: Variables are always resolved as the last definition, even if it is 
+// after where it is used.
+$fancy-use-sprites: false;
+$fancy-hide-connectors: true;
+$fancy-icon-width: 1em;
+$gray-icon-height: 1em;
+$gray-line-height: 1em;
+$gray-icon-margin-left: 0.5em;
+
+ul.fancytree-container ul {
+	padding: 0 0 0 1.5em;
+	margin: 0;
+}
+/* Prevent focus frame */
+.fancytree-container:focus {
+	outline: none; 
+}
+ 
+/////
+// Original bootstrap colors (http://getbootstrap.com/css/#responsive-utilities)
+$gray-darker:  lighten(#000, 13.5%); // #222
+$gray-dark:    lighten(#000, 20%);   // #333
+$gray:         lighten(#000, 33.5%); // #555
+$gray-light:   lighten(#000, 60%);   // #999
+$gray-lighter: lighten(#000, 93.5%); // #eee
+
+$brand-primary: #428bca;
+$brand-success: #5cb85c;
+$brand-info:    #5bc0de;
+$brand-warning: #f0ad4e;
+$brand-danger:  #d9534f;
+
+$border-radius-base:  4px;
+$border-radius-large: 6px;
+$border-radius-small: 3px;
+/////////////
+
+span.fancytree-title {
+	border: $fancy-node-border-width solid transparent;  // avoid jumping, when a border is added on hover
+	border-radius: $border-radius-small;
+	outline-radius: $border-radius-small;
+	padding-left: 8px;
+}
+// span.fancytree-title {
+// 	border-radius: $border-radius-small;
+// }
+// Inactive tree:
+span.fancytree-node.fancytree-selected span.fancytree-title { // selected nodes inside inactive tree
+	background-color: lighten($brand-success, 10%);
+	border-color: lighten($brand-success, 10%);
+}
+span.fancytree-node.fancytree-active span.fancytree-title { // active nodes inside inactive tree
+	background-color: lighten($brand-primary, 10%);
+}
+span.fancytree-node.fancytree-active.fancytree-selected span.fancytree-title { // active nodes inside inactive tree
+	color: lighten($brand-success, 10%);
+	// border-color: lighten($brand-success, 10%);
+	// outline: 2px solid lighten($brand-success, 10%);
+}
+// Active tree:
+.fancytree-container.fancytree-treefocus {
+	span.fancytree-title:hover {
+		background-color: lighten($brand-primary, 42%);
+	}
+	span.fancytree-node.fancytree-focused span.fancytree-title {
+		border-color: $brand-primary;
+	}
+	span.fancytree-node.fancytree-selected span.fancytree-title {
+		background-color: $brand-success;
+	}
+	span.fancytree-node.fancytree-active span.fancytree-title {
+		background-color: $brand-primary;
+		border-color: $brand-primary;
+	}
+	span.fancytree-node.fancytree-active.fancytree-selected span.fancytree-title {
+		color: $brand-success;
+		// border-color: $brand-success;
+		// outline: 2px solid $brand-success;
+	}
+}
+
+/*******************************************************************************
+ * 'table' extension
+ */
+table.fancytree-ext-table tbody {
+	tr td {
+	  border: 1px solid $gray-lighter;
+	}
+	// span.fancytree-node,
+	// span.fancytree-node:hover { // undo standard tree css
+	// 	border: none;
+	// 	background: none;
+	// }
+	// // Title get's a white background, when hovered. Undo standard node formatting
+	// span.fancytree-title:hover {
+	//   border: none;
+	//   background: inherit;
+	//   background: transparent;
+	//   background: none;
+	//   filter: none;
+	// }
+	// dimmed, if inside inactive tree
+	tr.fancytree-selected {  
+		background-color: lighten($brand-success, 10%);
+		span.fancytree-node {
+			background-color: lighten($brand-success, 10%);
+		}
+		span.fancytree-title {
+			background-color: lighten($brand-success, 10%); // green title, even when active
+		}
+	}
+	tr.fancytree-active {  // dimmed, if inside inactive tree
+		background-color: lighten($brand-primary, 10%);
+		span.fancytree-node {
+			background-color: lighten($brand-primary, 10%);
+		}
+	}
+}
+
+table.fancytree-ext-table.fancytree-treefocus tbody {
+	tr:hover  {
+		background-color: lighten($brand-primary, 42%);
+	    // outline: 1px solid $brand-primary;
+	}
+	tr.fancytree-focused span.fancytree-title {
+		outline: 1px dotted $brand-primary;
+	}
+	tr.fancytree-active:hover,
+	tr.fancytree-selected:hover {
+		// background-color: #CBE8F6;
+	 //    outline: 1px solid #26A0DA;
+	}
+	tr.fancytree-selected {
+		background-color: $brand-success;
+		span.fancytree-node {
+			background-color: $brand-success;
+		}
+		span.fancytree-title {
+			background-color: $brand-success; // green title, even when active
+		}
+	}
+	tr.fancytree-active {
+		background-color: $brand-primary;
+		span.fancytree-node {
+			background-color: $brand-primary;
+		}
+	}
+}
+/*------------------------------------------------------------------------------
+ * 'wide' extension
+ *----------------------------------------------------------------------------*/
+ul.fancytree-container span.fancytree-node span.fancytree-title,
+ul.fancytree-ext-wide span.fancytree-node span.fancytree-title {
+	-moz-box-sizing: content-box; // bootstrap sets content box
+	-webkit-box-sizing: content-box;
+	box-sizing: content-box;
+}
diff --git a/app/assets/stylesheets/fancytree/skin-bootstrap/ui.fancytree.css.erb b/app/assets/stylesheets/fancytree/skin-bootstrap/ui.fancytree.css.erb
deleted file mode 100644
index 944a3be..0000000
--- a/app/assets/stylesheets/fancytree/skin-bootstrap/ui.fancytree.css.erb
+++ /dev/null
@@ -1,391 +0,0 @@
-/*!
- * Fancytree "bootstrap" skin (highlighting the node span instead of title-only).
- *
- * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
- * the LESS templates.
- */
-/*******************************************************************************
- * Common Styles for Fancytree Skins.
- *
- * This section is automatically generated from the `skin-common.less` template.
- ******************************************************************************/
-/*------------------------------------------------------------------------------
- * Helpers
- *----------------------------------------------------------------------------*/
-.ui-helper-hidden {
-  display: none;
-}
-/*------------------------------------------------------------------------------
- * Container and UL / LI
- *----------------------------------------------------------------------------*/
-ul.fancytree-container {
-  font-family: tahoma, arial, helvetica;
-  font-size: 10pt;
-  white-space: nowrap;
-  padding: 3px;
-  margin: 0;
-  background-color: white;
-  border: 1px dotted gray;
-  overflow: auto;
-  min-height: 0%;
-  position: relative;
-}
-ul.fancytree-container ul {
-  padding: 0 0 0 16px;
-  margin: 0;
-}
-ul.fancytree-container li {
-  list-style-image: none;
-  list-style-position: outside;
-  list-style-type: none;
-  -moz-background-clip: border;
-  -moz-background-inline-policy: continuous;
-  -moz-background-origin: padding;
-  background-attachment: scroll;
-  background-color: transparent;
-  background-position: 0em 0em;
-  background-repeat: repeat-y;
-  background-image: none;
-  margin: 0;
-  padding: 1px 0 0 0;
-}
-ul.fancytree-container li.fancytree-lastsib {
-  background-image: none;
-}
-ul.fancytree-no-connector > li {
-  background-image: none;
-}
-.ui-fancytree-disabled ul.fancytree-container {
-  opacity: 0.5;
-  background-color: silver;
-}
-/*------------------------------------------------------------------------------
- * Common icon definitions
- *----------------------------------------------------------------------------*/
-span.fancytree-empty,
-span.fancytree-vline,
-span.fancytree-expander,
-span.fancytree-icon,
-span.fancytree-checkbox,
-span.fancytree-radio,
-span.fancytree-drag-helper-img,
-#fancytree-drop-marker {
-  width: 1em;
-  height: 1em;
-  display: inline-block;
-  vertical-align: top;
-  background-repeat: no-repeat;
-  background-position: left;
-  background-position: 0em 0em;
-}
-span.fancytree-icon,
-span.fancytree-checkbox,
-span.fancytree-radio,
-span.fancytree-custom-icon {
-  margin-top: 1px;
-}
-/* Used by iconclass option */
-span.fancytree-custom-icon {
-  display: inline-block;
-}
-/* Used by 'icon' node option: */
-img.fancytree-icon {
-  width: 1em;
-  height: 1em;
-  margin-left: 0.5em;
-  margin-top: 1px;
-  vertical-align: top;
-  border-style: none;
-}
-/*------------------------------------------------------------------------------
- * Expander icon
- *
- * Note: IE6 doesn't correctly evaluate multiples class names,
- *		 so we create combined class names that can be used in the CSS.
- *
- * Prefix: fancytree-exp-
- * 1st character: 'e': expanded, 'c': collapsed, 'n': no children
- * 2nd character (optional): 'd': lazy (Delayed)
- * 3rd character (optional): 'l': Last sibling
- *----------------------------------------------------------------------------*/
-span.fancytree-expander {
-  cursor: pointer;
-}
-.fancytree-exp-n span.fancytree-expander,
-.fancytree-exp-nl span.fancytree-expander {
-  background-image: none;
-  cursor: default;
-}
-.fancytree-loading span.fancytree-expander,
-.fancytree-loading span.fancytree-expander:hover,
-.fancytree-statusnode-wait span.fancytree-icon,
-.fancytree-statusnode-wait span.fancytree-icon:hover {
-  background-image: url("loading.gif");
-}
-/* Status node icons */
-/*------------------------------------------------------------------------------
- * Checkbox icon
- *----------------------------------------------------------------------------*/
-span.fancytree-checkbox {
-  margin-left: 0.5em;
-}
-/*------------------------------------------------------------------------------
- * Radiobutton icon
- * This is a customization, that may be activated by overriding the 'checkbox'
- * class name as 'fancytree-radio' in the tree options.
- *----------------------------------------------------------------------------*/
-/*------------------------------------------------------------------------------
- * Node type icon
- * Note: IE6 doesn't correctly evaluate multiples class names,
- *		 so we create combined class names that can be used in the CSS.
- *
- * Prefix: fancytree-ico-
- * 1st character: 'e': expanded, 'c': collapsed
- * 2nd character (optional): 'f': folder
- *----------------------------------------------------------------------------*/
-span.fancytree-icon {
-  margin-left: 0.5em;
-}
-/* Documents */
-/* Folders */
-/*------------------------------------------------------------------------------
- * Node titles and highlighting
- *----------------------------------------------------------------------------*/
-span.fancytree-node {
-  /* See #117 */
-  display: inherit;
-  width: 100%;
-}
-span.fancytree-title {
-  display: inline-block;
-  padding-left: 3px;
-  padding-right: 3px;
-  color: black;
-  vertical-align: top;
-  margin: 0px;
-  margin-left: 3px;
-  cursor: pointer;
-}
-span.fancytree-node.fancytree-error span.fancytree-title {
-  color: red;
-}
-/*------------------------------------------------------------------------------
- * Drag'n'drop support
- *----------------------------------------------------------------------------*/
-div.fancytree-drag-helper a {
-  border: 1px solid gray;
-  background-color: white;
-  padding-left: 5px;
-  padding-right: 5px;
-  opacity: 0.8;
-}
-div.fancytree-drag-helper.fancytree-drop-reject {
-  border-color: red;
-}
-/*** Drop marker icon *********************************************************/
-#fancytree-drop-marker {
-  width: 2em;
-  position: absolute;
-  margin: 0;
-}
-#fancytree-drop-marker.fancytree-drop-after,
-#fancytree-drop-marker.fancytree-drop-before {
-  width: 4em;
-}
-/*** Source node while dragging ***********************************************/
-span.fancytree-drag-source {
-  background-color: #e0e0e0;
-}
-span.fancytree-drag-source span.fancytree.title {
-  color: gray;
-}
-/*** Target node while dragging cursor is over it *****************************/
-span.fancytree-drop-target.fancytree-drop-accept a {
-  background-color: #3169C6 !important;
-  color: white !important;
-  /* @ IE6 */
-  text-decoration: none;
-}
-/*------------------------------------------------------------------------------
- * 'table' extension
- *----------------------------------------------------------------------------*/
-table.fancytree-ext-table {
-  border-collapse: collapse;
-}
-table.fancytree-ext-table span.fancytree-node {
-  display: inline-block;
-}
-/*------------------------------------------------------------------------------
- * 'columnview' extension
- *----------------------------------------------------------------------------*/
-table.fancytree-ext-columnview tbody tr td {
-  position: relative;
-  border: 1px solid gray;
-  vertical-align: top;
-  overflow: auto;
-}
-table.fancytree-ext-columnview tbody tr td > ul {
-  padding: 0;
-}
-table.fancytree-ext-columnview tbody tr td > ul li {
-  list-style-image: none;
-  list-style-position: outside;
-  list-style-type: none;
-  -moz-background-clip: border;
-  -moz-background-inline-policy: continuous;
-  -moz-background-origin: padding;
-  background-attachment: scroll;
-  background-color: transparent;
-  background-position: 0em 0em;
-  background-repeat: repeat-y;
-  background-image: none;
-  /* no v-lines */
-  margin: 0;
-  padding: 1px 0 0 0;
-}
-table.fancytree-ext-columnview span.fancytree-node {
-  position: relative;
-  /* allow positioning of embedded spans */
-  display: inline-block;
-}
-table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded {
-  background-color: #CBE8F6;
-}
-table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right {
-  position: absolute;
-  right: 3px;
-}
-/*------------------------------------------------------------------------------
- * 'filter' extension
- *----------------------------------------------------------------------------*/
-.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title {
-  color: silver;
-  font-weight: lighter;
-}
-.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title,
-.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title {
-  color: black;
-  font-weight: normal;
-}
-.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title,
-.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title {
-  color: black;
-  font-weight: bold;
-}
-.fancytree-ext-filter-hide tr.fancytree-hide,
-.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide {
-  display: none;
-}
-.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title,
-.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title {
-  color: silver;
-  font-weight: lighter;
-}
-.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title,
-.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title {
-  color: black;
-  font-weight: normal;
-}
-/*------------------------------------------------------------------------------
- * 'wide' extension
- *----------------------------------------------------------------------------*/
-ul.fancytree-ext-wide span.fancytree-node > span {
-  position: relative;
-  z-index: 2;
-}
-ul.fancytree-ext-wide span.fancytree-node span.fancytree-title {
-  position: relative;
-  z-index: 1;
-  width: 100%;
-  padding-left: 503px;
-  margin-left: -500px;
-}
-/*******************************************************************************
- * Styles specific to this skin.
- *
- * This section is automatically generated from the `ui-fancytree.less` template.
- ******************************************************************************/
-ul.fancytree-container ul {
-  padding: 0 0 0 1.5em;
-  margin: 0;
-}
-/* Prevent focus frame */
-.fancytree-container:focus {
-  outline: none;
-}
-span.fancytree-node {
-  border: 1px solid transparent;
-  border-radius: 3px;
-  padding-left: 8px;
-}
-span.fancytree-title {
-  border-radius: 3px;
-}
-span.fancytree-node.fancytree-selected {
-  background-color: #80c780;
-  border-color: #80c780;
-}
-span.fancytree-node.fancytree-selected span.fancytree-title {
-  background-color: #80c780;
-}
-span.fancytree-node.fancytree-active {
-  background-color: #6aa3d5;
-}
-.fancytree-container.fancytree-treefocus span.fancytree-node:hover {
-  background-color: #e9f2f9;
-}
-.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-focused {
-  border-color: #428bca;
-}
-.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-selected {
-  background-color: #5cb85c;
-}
-.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-selected span.fancytree-title {
-  background-color: #5cb85c;
-}
-.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-active {
-  background-color: #428bca;
-  border-color: #428bca;
-}
-/*******************************************************************************
- * 'table' extension
- */
-table.fancytree-ext-table tbody tr td {
-  border: 1px solid #eeeeee;
-}
-table.fancytree-ext-table tbody tr.fancytree-selected {
-  background-color: #80c780;
-}
-table.fancytree-ext-table tbody tr.fancytree-selected span.fancytree-node {
-  background-color: #80c780;
-}
-table.fancytree-ext-table tbody tr.fancytree-selected span.fancytree-title {
-  background-color: #80c780;
-}
-table.fancytree-ext-table tbody tr.fancytree-active {
-  background-color: #6aa3d5;
-}
-table.fancytree-ext-table tbody tr.fancytree-active span.fancytree-node {
-  background-color: #6aa3d5;
-}
-table.fancytree-ext-table.fancytree-treefocus tbody tr:hover {
-  background-color: #e9f2f9;
-}
-table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-focused span.fancytree-title {
-  outline: 1px dotted #428bca;
-}
-table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-selected {
-  background-color: #5cb85c;
-}
-table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-selected span.fancytree-node {
-  background-color: #5cb85c;
-}
-table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-selected span.fancytree-title {
-  background-color: #5cb85c;
-}
-table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-active {
-  background-color: #428bca;
-}
-table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-active span.fancytree-node {
-  background-color: #428bca;
-}
diff --git a/app/assets/stylesheets/fancytree/skin-bootstrap/ui.fancytree.min.css.erb b/app/assets/stylesheets/fancytree/skin-bootstrap/ui.fancytree.min.css.erb
deleted file mode 100644
index a8feda1..0000000
--- a/app/assets/stylesheets/fancytree/skin-bootstrap/ui.fancytree.min.css.erb
+++ /dev/null
@@ -1,6 +0,0 @@
-/*!
- * Fancytree "bootstrap" skin (highlighting the node span instead of title-only).
- *
- * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
- * the LESS templates.
- */.ui-helper-hidden{display:none}ul.fancytree-container{font-family:tahoma,arial,helvetica;font-size:10pt;white-space:nowrap;padding:3px;margin:0;background-color:#fff;border:1px dotted gray;overflow:auto;min-height:0;position:relative}ul.fancytree-container li{list-style-image:none;list-style-position:outside;list-style-type:none;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background-attachment:scroll;background-color:transparent;background-position:0 0;background-repeat:repeat-y;background-image:none;margin:0;padding:1px 0 0}ul.fancytree-container li.fancytree-lastsib,ul.fancytree-no-connector>li{background-image:none}.ui-fancytree-disabled ul.fancytree-container{opacity:.5;background-color:silver}#fancytree-drop-marker,span.fancytree-checkbox,span.fancytree-drag-helper-img,span.fancytree-empty,span.fancytree-expander,span.fancytree-icon,span.fancytree-radio,span.fancytree-vline{width:1em;height:1em;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-position:left;background-position:0 0}span.fancytree-checkbox,span.fancytree-custom-icon,span.fancytree-icon,span.fancytree-radio{margin-top:1px}span.fancytree-custom-icon{display:inline-block}img.fancytree-icon{width:1em;height:1em;margin-left:.5em;margin-top:1px;vertical-align:top;border-style:none}span.fancytree-expander{cursor:pointer}.fancytree-exp-n span.fancytree-expander,.fancytree-exp-nl span.fancytree-expander{background-image:none;cursor:default}.fancytree-loading span.fancytree-expander,.fancytree-loading span.fancytree-expander:hover,.fancytree-statusnode-wait span.fancytree-icon,.fancytree-statusnode-wait span.fancytree-icon:hover{background-image:url(loading.gif)}span.fancytree-checkbox,span.fancytree-icon{margin-left:.5em}span.fancytree-node{display:inherit;width:100%}span.fancytree-title{display:inline-block;padding-left:3px;padding-right:3px;color:#000;vertical-align:top;margin:0;margin-left:3px;cursor:pointer}span.fancytree-node.fancytree-error span.fancytree-title{color:red}div.fancytree-drag-helper a{border:1px solid gray;background-color:#fff;padding-left:5px;padding-right:5px;opacity:.8}div.fancytree-drag-helper.fancytree-drop-reject{border-color:red}#fancytree-drop-marker{width:2em;position:absolute;margin:0}#fancytree-drop-marker.fancytree-drop-after,#fancytree-drop-marker.fancytree-drop-before{width:4em}span.fancytree-drag-source{background-color:#e0e0e0}span.fancytree-drag-source span.fancytree.title{color:gray}span.fancytree-drop-target.fancytree-drop-accept a{background-color:#3169C6!important;color:#fff!important;text-decoration:none}table.fancytree-ext-table{border-collapse:collapse}table.fancytree-ext-table span.fancytree-node{display:inline-block}table.fancytree-ext-columnview tbody tr td{position:relative;border:1px solid gray;vertical-align:top;overflow:auto}table.fancytree-ext-columnview tbody tr td>ul{padding:0}table.fancytree-ext-columnview tbody tr td>ul li{list-style-image:none;list-style-position:outside;list-style-type:none;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background-attachment:scroll;background-color:transparent;background-position:0 0;background-repeat:repeat-y;background-image:none;margin:0;padding:1px 0 0}table.fancytree-ext-columnview span.fancytree-node{position:relative;display:inline-block}table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded{background-color:#CBE8F6}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right{position:absolute;right:3px}.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title{color:#000;font-weight:700}.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide,.fancytree-ext-filter-hide tr.fancytree-hide{display:none}.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title{color:#000;font-weight:400}ul.fancytree-ext-wide span.fancytree-node>span{position:relative;z-index:2}ul.fancytree-ext-wide span.fancytree-node span.fancytree-title{position:relative;z-index:1;width:100%;padding-left:503px;margin-left:-500px}ul.fancytree-container ul{padding:0 0 0 1.5em;margin:0}.fancytree-container:focus{outline:0}span.fancytree-node{border:1px solid transparent;border-radius:3px;padding-left:8px}span.fancytree-title{border-radius:3px}span.fancytree-node.fancytree-selected{background-color:#80c780;border-color:#80c780}span.fancytree-node.fancytree-selected span.fancytree-title{background-color:#80c780}span.fancytree-node.fancytree-active{background-color:#6aa3d5}.fancytree-container.fancytree-treefocus span.fancytree-node:hover{background-color:#e9f2f9}.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-focused{border-color:#428bca}.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-selected,.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-selected span.fancytree-title{background-color:#5cb85c}.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-active{background-color:#428bca;border-color:#428bca}table.fancytree-ext-table tbody tr td{border:1px solid #eee}table.fancytree-ext-table tbody tr.fancytree-selected,table.fancytree-ext-table tbody tr.fancytree-selected span.fancytree-node,table.fancytree-ext-table tbody tr.fancytree-selected span.fancytree-title{background-color:#80c780}table.fancytree-ext-table tbody tr.fancytree-active,table.fancytree-ext-table tbody tr.fancytree-active span.fancytree-node{background-color:#6aa3d5}table.fancytree-ext-table.fancytree-treefocus tbody tr:hover{background-color:#e9f2f9}table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-focused span.fancytree-title{outline:1px dotted #428bca}table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-selected,table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-selected span.fancytree-node,table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-selected span.fancytree-title{background-color:#5cb85c}table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-active,table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-active span.fancytree-node{background-color:#428bca}
\ No newline at end of file
diff --git a/app/assets/stylesheets/fancytree/skin-bootstrap/ui.fancytree.scss b/app/assets/stylesheets/fancytree/skin-bootstrap/ui.fancytree.scss
new file mode 100644
index 0000000..4772c67
--- /dev/null
+++ b/app/assets/stylesheets/fancytree/skin-bootstrap/ui.fancytree.scss
@@ -0,0 +1,166 @@
+/*!
+ * Fancytree "bootstrap" skin (highlighting the node span instead of title-only).
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */
+
+$fancy-image-dir: "fancytree/skin-bootstrap";
+// Import common styles
+@import "../skin-common.scss";
+
+
+/*******************************************************************************
+ * Styles specific to this skin.
+ *
+ * This section is automatically generated from the `ui-fancytree.scss` template.
+ ******************************************************************************/
+
+
+// local vars
+$fancy-my-icon-size: 16px;
+
+// Override the variable after the import. 
+// NOTE: Variables are always resolved as the last definition, even if it is 
+// after where it is used.
+$fancy-use-sprites: false;
+$fancy-hide-connectors: true;
+$fancy-icon-width: 1em;
+$fancy-icon-height: 1em;
+$fancy-line-height: 1em;
+$fancy-icon-margin-left: 0.5em;
+
+ul.fancytree-container ul {
+	padding: 0 0 0 1.5em;
+	margin: 0;
+}
+/* Prevent focus frame */
+.fancytree-container:focus {
+	outline: none; 
+}
+ 
+/////
+// Original bootstrap colors (http://getbootstrap.com/css/#responsive-utilities)
+$gray-darker:  lighten(#000, 13.5%); // #222
+$gray-dark:    lighten(#000, 20%);   // #333
+$gray:         lighten(#000, 33.5%); // #555
+$gray-light:   lighten(#000, 60%);   // #999
+$gray-lighter: lighten(#000, 93.5%); // #eee
+
+$brand-primary: #428bca;
+$brand-success: #5cb85c;
+$brand-info:    #5bc0de;
+$brand-warning: #f0ad4e;
+$brand-danger:  #d9534f;
+
+$border-radius-base:  4px;
+$border-radius-large: 6px;
+$border-radius-small: 3px;
+/////////////
+
+span.fancytree-node {
+	border: $fancy-node-border-width solid transparent;  // avoid jumping, when a border is added on hover
+	border-radius: $border-radius-small;
+	padding-left: 8px;
+}
+span.fancytree-title {
+	border-radius: $border-radius-small;
+}
+// Inactive tree:
+span.fancytree-node.fancytree-selected { // selected nodes inside inactive tree
+	background-color: lighten($brand-success, 10%);
+	border-color: lighten($brand-success, 10%);
+	span.fancytree-title {
+		background-color: lighten($brand-success, 10%); // green title, even when active
+	}
+}
+span.fancytree-node.fancytree-active { // active nodes inside inactive tree
+	background-color: lighten($brand-primary, 10%);
+}
+// Active tree:
+.fancytree-container.fancytree-treefocus {
+	span.fancytree-node:hover {
+		background-color: lighten($brand-primary, 42%);
+	}
+	span.fancytree-node.fancytree-focused {
+		border-color: $brand-primary;
+	}
+	span.fancytree-node.fancytree-selected {
+		background-color: $brand-success;
+		span.fancytree-title {
+			background-color: $brand-success; // green title, even when active
+		}
+	}
+	span.fancytree-node.fancytree-active {
+		background-color: $brand-primary;
+		border-color: $brand-primary;
+	}
+}
+
+/*******************************************************************************
+ * 'table' extension
+ */
+table.fancytree-ext-table tbody {
+	tr td {
+	  border: 1px solid $gray-lighter;
+	}
+	// span.fancytree-node,
+	// span.fancytree-node:hover { // undo standard tree css
+	// 	border: none;
+	// 	background: none;
+	// }
+	// // Title get's a white background, when hovered. Undo standard node formatting
+	// span.fancytree-title:hover {
+	//   border: none;
+	//   background: inherit;
+	//   background: transparent;
+	//   background: none;
+	//   filter: none;
+	// }
+	// dimmed, if inside inactive tree
+	tr.fancytree-selected {  
+		background-color: lighten($brand-success, 10%);
+		span.fancytree-node {
+			background-color: lighten($brand-success, 10%);
+		}
+		span.fancytree-title {
+			background-color: lighten($brand-success, 10%); // green title, even when active
+		}
+	}
+	tr.fancytree-active {  // dimmed, if inside inactive tree
+		background-color: lighten($brand-primary, 10%);
+		span.fancytree-node {
+			background-color: lighten($brand-primary, 10%);
+		}
+	}
+}
+
+table.fancytree-ext-table.fancytree-treefocus tbody {
+	tr:hover  {
+		background-color: lighten($brand-primary, 42%);
+	    // outline: 1px solid $brand-primary;
+	}
+	tr.fancytree-focused span.fancytree-title {
+		outline: 1px dotted $brand-primary;
+	}
+	tr.fancytree-active:hover,
+	tr.fancytree-selected:hover {
+		// background-color: #CBE8F6;
+	 //    outline: 1px solid #26A0DA;
+	}
+	tr.fancytree-selected {
+		background-color: $brand-success;
+		span.fancytree-node {
+			background-color: $brand-success;
+		}
+		span.fancytree-title {
+			background-color: $brand-success; // green title, even when active
+		}
+	}
+	tr.fancytree-active {
+		background-color: $brand-primary;
+		span.fancytree-node {
+			background-color: $brand-primary;
+		}
+	}
+}
diff --git a/app/assets/stylesheets/fancytree/skin-common.scss b/app/assets/stylesheets/fancytree/skin-common.scss
new file mode 100644
index 0000000..befe321
--- /dev/null
+++ b/app/assets/stylesheets/fancytree/skin-common.scss
@@ -0,0 +1,618 @@
+/*******************************************************************************
+ * Common Styles for Fancytree Skins.
+ *
+ * This section is automatically generated from the `skin-common.scss` template.
+ ******************************************************************************/
+
+// Variables (defaults, may be overwritten by the including .scss files)
+$fancy-use-sprites: true;  // false: suppress all background positions
+$fancy-hide-connectors: true; // false: show vertical connector lines
+
+$fancy-icon-width: 16px;
+$fancy-icon-height: 16px;
+$fancy-icon-margin-left: 3px;
+$fancy-icon-margin-top: 1px;
+$fancy-line-height: 16px;
+$fancy-node-border-width: 1px;
+$fancy-node-outline-width: 1px;
+
+//$fancy-image-dir: "fancytree";
+$fancy-loading-url: image-url($fancy-image-dir + "/loading.gif");
+// Use 'data-uri(...)' to create inline image:
+// $fancy-loading-url: data-uri("${fancy-image-dir}/loading.gif");
+
+
+//------------------------------------------------------------------------------
+// Mixins
+//------------------------------------------------------------------------------
+
+// background-position mixin for CSS sprites
+@mixin setBgPos($x, $y, $cond:true) {@if $cond {
+	background-position: ($x * -$fancy-icon-width) ($y * -$fancy-icon-height);
+}}
+@mixin clearBgImage($cond:true) {@if $cond {
+	background-image: none;
+}}
+// .setBgImageUrl($url, $cond:true) when ($cond){
+// 	background-image: url($url);
+// }
+@mixin setBgImageUrl($url) {@if $fancy-use-sprites{
+	background-image: image-url($fancy-image-dir + '/' + $url);
+}}
+
+// background-position mixin for CSS sprites
+@mixin useSprite($x, $y) {@if $fancy-use-sprites{
+	@include setBgPos($x, $y);
+}}
+
+//  
+@mixin rounded-corners ($radius) {
+  -webkit-border-radius: $radius;
+  -moz-border-radius: $radius;
+  -ms-border-radius: $radius;
+  -o-border-radius: $radius;
+  border-radius: $radius;
+}
+
+//
+@mixin spanStyleMixin($color, $bgcolor, $bordercolor, $startColor: "", $stopColor: ""){
+	
+  border-color: $bordercolor;
+  background: $bgcolor;
+  color: $color;
+  @if $startColor != "" {
+    // $c-start: argb($startColor);
+    // $c-end: argb($stopColor);
+
+    background: -moz-linear-gradient(top, $startColor 0%, $stopColor 100%); // FF3.6+
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, $startColor), color-stop(100%, $stopColor)); // Chrome,Safari4+
+    background: -webkit-linear-gradient(top, $startColor 0%, $stopColor 100%); // Chrome10+,Safari5.1+
+    background: -o-linear-gradient(top, $startColor 0%, $stopColor 100%); // Opera 11.10+
+    background: -ms-linear-gradient(top, $startColor 0%, $stopColor 100%); // IE10+
+    background: linear-gradient(to bottom, $startColor 0%, $stopColor 100%); // W3C
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$startColor}', endColorstr='#{$stopColor}', GradientType=0); // IE6-9
+  }
+}
+
+/*------------------------------------------------------------------------------
+ * Helpers
+ *----------------------------------------------------------------------------*/
+// Redefine, in case jQuery-UI is not included
+.ui-helper-hidden { 
+	display: none;
+}
+
+/*------------------------------------------------------------------------------
+ * Container and UL / LI
+ *----------------------------------------------------------------------------*/
+
+ul.fancytree-container {
+	font-family: tahoma, arial, helvetica;
+	font-size: 10pt; // font size should not be too big
+	white-space: nowrap;
+	padding: 3px;
+	margin: 0; // DT issue 201
+	background-color: white;
+	border: 1px dotted gray;
+	overflow: auto;
+//	height: 100%; // DT issue 263, 470
+	min-height: 0%; // #192
+	position: relative; // #235
+	ul {
+		padding: 0 0 0 16px;
+		margin: 0;
+	}
+	li {
+		list-style-image: none;
+		list-style-position: outside;
+		list-style-type: none;
+		-moz-background-clip: border;
+		-moz-background-inline-policy: continuous;
+		-moz-background-origin: padding;
+		background-attachment: scroll;
+		background-color: transparent;
+		@include setBgPos(0, 0);
+		background-repeat: repeat-y;
+		background-image: none;  // no v-lines
+
+		margin: 0;
+		padding: 1px 0 0 0;
+	}
+	// Suppress lines for last child node
+	li.fancytree-lastsib {
+		background-image: none;
+	}
+}
+
+// Suppress lines if level is fixed expanded (option minExpandLevel) 
+ul.fancytree-no-connector > li {
+	background-image: none;
+}
+
+// Style, when control is disabled
+.ui-fancytree-disabled ul.fancytree-container {
+	opacity: 0.5;
+//	filter: alpha(opacity=50); // Yields a css warning 
+	background-color: silver;
+}
+
+/*------------------------------------------------------------------------------
+ * Common icon definitions
+ *----------------------------------------------------------------------------*/
+
+span.fancytree-empty,
+span.fancytree-vline,
+span.fancytree-expander,
+span.fancytree-icon,
+span.fancytree-checkbox,
+span.fancytree-radio,
+span.fancytree-drag-helper-img,
+#fancytree-drop-marker {
+	width: $fancy-icon-width;
+	height: $fancy-icon-height;
+//	display: -moz-inline-box; // $ FF 1+2 removed for issue 221
+//	-moz-box-align: start; /* issue 221 */
+	display: inline-block; // Required to make a span sizeable
+	vertical-align: top;
+	background-repeat: no-repeat;
+	background-position: left;
+	@include setBgImageUrl("icons.gif");
+	@include setBgPos(0, 0);
+}
+span.fancytree-icon,
+span.fancytree-checkbox,
+span.fancytree-radio,
+span.fancytree-custom-icon {
+	margin-top: $fancy-icon-margin-top;
+}
+/* Used by iconclass option */
+span.fancytree-custom-icon {
+	display: inline-block;
+}
+/* Used by 'icon' node option: */
+img.fancytree-icon {
+	width: $fancy-icon-width;
+	height: $fancy-icon-height;
+	margin-left: $fancy-icon-margin-left;
+	margin-top: $fancy-icon-margin-top;
+	vertical-align: top;
+	border-style: none;
+}
+
+
+/*------------------------------------------------------------------------------
+ * Expander icon
+ *
+ * Note: IE6 doesn't correctly evaluate multiples class names,
+ *		 so we create combined class names that can be used in the CSS.
+ *
+ * Prefix: fancytree-exp-
+ * 1st character: 'e': expanded, 'c': collapsed, 'n': no children
+ * 2nd character (optional): 'd': lazy (Delayed)
+ * 3rd character (optional): 'l': Last sibling
+ *----------------------------------------------------------------------------*/
+
+span.fancytree-expander {
+	// @include useSprite(0, 5);
+	cursor: pointer;
+}
+// span.fancytree-expander:hover {
+// 	// @include useSprite(1, 5);
+// }
+
+// --- End nodes (use connectors instead of expanders)
+
+.fancytree-exp-n span.fancytree-expander, 
+.fancytree-exp-nl span.fancytree-expander {
+	@include clearBgImage( $fancy-hide-connectors );
+	cursor: default;
+}
+.fancytree-exp-n span.fancytree-expander,       // End-node, not last sibling
+.fancytree-exp-n span.fancytree-expander:hover {
+	@include useSprite(0, 4);
+}
+.fancytree-exp-nl span.fancytree-expander,      // End-node, last sibling
+.fancytree-exp-nl span.fancytree-expander:hover {
+	@include useSprite(1, 4);
+}
+
+// --- Collapsed
+
+.fancytree-exp-c span.fancytree-expander { // Collapsed, not delayed, not last sibling
+	@include useSprite(0, 5);
+}
+.fancytree-exp-c span.fancytree-expander:hover {
+	@include useSprite(1, 5);
+}
+.fancytree-exp-cl span.fancytree-expander { // Collapsed, not delayed, last sibling
+	@include useSprite(0, 6);
+}
+.fancytree-exp-cl span.fancytree-expander:hover {
+	@include useSprite(1, 6);
+}
+.fancytree-exp-cd span.fancytree-expander { // Collapsed, delayed, not last sibling
+	@include useSprite(4, 5);
+}
+.fancytree-exp-cd span.fancytree-expander:hover {
+	@include useSprite(5, 5);
+}
+.fancytree-exp-cdl span.fancytree-expander { // Collapsed, delayed, last sibling
+	@include useSprite(4, 6);
+}
+.fancytree-exp-cdl span.fancytree-expander:hover {
+	@include useSprite(5, 6);
+}
+
+// --- Expanded
+
+.fancytree-exp-e span.fancytree-expander,   // Expanded, not delayed, not last sibling
+.fancytree-exp-ed span.fancytree-expander { // Expanded, delayed, not last sibling
+	@include useSprite(2, 5);
+}
+.fancytree-exp-e span.fancytree-expander:hover,
+.fancytree-exp-ed span.fancytree-expander:hover {
+	@include useSprite(3, 5);
+}
+.fancytree-exp-el span.fancytree-expander,   // Expanded, not delayed, last sibling
+.fancytree-exp-edl span.fancytree-expander { // Expanded, delayed, last sibling
+	@include useSprite(2, 6);
+}
+.fancytree-exp-el span.fancytree-expander:hover,  
+.fancytree-exp-edl span.fancytree-expander:hover {
+	@include useSprite(3, 6);
+}
+
+// 'Loading' status overrides all others
+.fancytree-loading span.fancytree-expander,
+.fancytree-loading span.fancytree-expander:hover,
+.fancytree-statusnode-wait span.fancytree-icon,
+.fancytree-statusnode-wait span.fancytree-icon:hover {
+	background-image: $fancy-loading-url;
+//  @include setBgImageUrl($fancy-loading-url);
+	@include useSprite(0, 0);
+}
+
+/* Status node icons */
+
+span.fancytree-node.fancytree-statusnode-error span.fancytree-icon,
+.fancytree-statusnode-error span.fancytree-node span.fancytree-icon {
+	@include useSprite(0, 7);
+}
+
+
+/*------------------------------------------------------------------------------
+ * Checkbox icon
+ *----------------------------------------------------------------------------*/
+
+span.fancytree-checkbox {
+	margin-left: $fancy-icon-margin-left;
+	@include useSprite(0, 2);
+}
+span.fancytree-checkbox:hover {
+	@include useSprite(1, 2);
+}
+.fancytree-partsel span.fancytree-checkbox {
+	@include useSprite(4, 2);
+}
+.fancytree-partsel span.fancytree-checkbox:hover {
+	@include useSprite(5, 2);
+}
+// Selected after partsel, so it takes precedence:
+.fancytree-selected span.fancytree-checkbox {
+	@include useSprite(2, 2);
+}
+.fancytree-selected span.fancytree-checkbox:hover {
+	@include useSprite(3, 2);
+}
+
+
+/*------------------------------------------------------------------------------
+ * Radiobutton icon
+ * This is a customization, that may be activated by overriding the 'checkbox'
+ * class name as 'fancytree-radio' in the tree options.
+ *----------------------------------------------------------------------------*/
+
+.fancytree-radio span.fancytree-checkbox {
+//	margin-left: $fancy-icon-margin-left;
+	@include useSprite(0, 3);
+}
+.fancytree-radio span.fancytree-checkbox:hover {
+	@include useSprite(1, 3);
+}
+.fancytree-radio .fancytree-partsel span.fancytree-checkbox {
+	@include useSprite(4, 3);
+}
+.fancytree-radio .fancytree-partsel span.fancytree-checkbox:hover {
+	@include useSprite(5, 3);
+}
+// Selected after partsel, so it takes precedence:
+.fancytree-radio .fancytree-selected span.fancytree-checkbox {
+	@include useSprite(2, 3);
+}
+.fancytree-radio .fancytree-selected span.fancytree-checkbox:hover {
+	@include useSprite(3, 3);
+}
+
+/*------------------------------------------------------------------------------
+ * Node type icon
+ * Note: IE6 doesn't correctly evaluate multiples class names,
+ *		 so we create combined class names that can be used in the CSS.
+ *
+ * Prefix: fancytree-ico-
+ * 1st character: 'e': expanded, 'c': collapsed
+ * 2nd character (optional): 'f': folder
+ *----------------------------------------------------------------------------*/
+
+span.fancytree-icon { // Default icon
+	margin-left: $fancy-icon-margin-left;
+	@include useSprite(0, 0);
+}
+
+/* Documents */
+.fancytree-ico-c span.fancytree-icon  { // Collapsed folder (empty)
+	// @include useSprite(0, 0);
+}
+.fancytree-ico-c span.fancytree-icon:hover {
+	@include useSprite(1, 0);
+}
+.fancytree-has-children.fancytree-ico-c span.fancytree-icon  { // Collapsed folder (not empty)
+	@include useSprite(2, 0);
+}
+.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover {
+	@include useSprite(3, 0);
+}
+.fancytree-ico-e span.fancytree-icon  { // Expanded folder
+	@include useSprite(4, 0);
+}
+.fancytree-ico-e span.fancytree-icon:hover {
+	@include useSprite(5, 0);
+}
+
+/* Folders */
+.fancytree-ico-cf span.fancytree-icon  { // Collapsed folder (empty)
+	@include useSprite(0, 1);
+}
+.fancytree-ico-cf span.fancytree-icon:hover {
+	@include useSprite(1, 1);
+}
+.fancytree-has-children.fancytree-ico-cf span.fancytree-icon  { // Collapsed folder (not empty)
+	@include useSprite(2, 1);
+}
+.fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover {
+	@include useSprite(3, 1);
+}
+.fancytree-ico-ef span.fancytree-icon  { // Expanded folder
+	@include useSprite(4, 1);
+}
+.fancytree-ico-ef span.fancytree-icon:hover {
+	@include useSprite(5, 1);
+}
+
+
+/*------------------------------------------------------------------------------
+ * Node titles and highlighting
+ *----------------------------------------------------------------------------*/
+
+span.fancytree-node {
+	/* See #117 */
+	display: inherit; // #117, resolves to 'display: list-item;' for standard trees
+	width: 100%;
+	// border: $fancy-node-border-width solid transparent;  /* avoid jumping, when a border is added on hover */
+}
+
+span.fancytree-title {
+	display: inline-block; // Better alignment, when title contains <br>
+	// vertical-align: top;
+	padding-left: 3px;
+	padding-right: 3px; // Otherwise italic font will be outside bounds
+	//	line-height: 16px; // should be the same as img height, in case 16 px
+	color: black; // inherit doesn't work on IE
+	vertical-align: top;
+	margin: 0px;
+	margin-left: 3px;
+//  outline: 0; // $ Firefox, prevent dotted border after click
+// Set transparent border to prevent jumping when active node gets a border
+//	   (we can do this, because this theme doesn't use vertical lines)
+//	border: 1px solid white; // Note: 'transparent' would not work in IE6
+	cursor: pointer;
+}
+
+span.fancytree-node.fancytree-error span.fancytree-title {
+	color: red;
+}
+
+/*------------------------------------------------------------------------------
+ * Drag'n'drop support
+ *----------------------------------------------------------------------------*/
+div.fancytree-drag-helper {
+}
+div.fancytree-drag-helper a {
+	border: 1px solid gray;
+	background-color: white;
+	padding-left: 5px;
+	padding-right: 5px;
+	opacity: 0.8;
+}
+span.fancytree-drag-helper-img {
+// position: relative;
+// left: -16px;
+}
+div.fancytree-drag-helper.fancytree-drop-reject {
+	border-color: red;
+}
+div.fancytree-drop-accept span.fancytree-drag-helper-img {
+	@include useSprite(2, 7);
+}
+div.fancytree-drop-reject span.fancytree-drag-helper-img {
+	@include useSprite(1, 7);
+}
+
+/*** Drop marker icon *********************************************************/
+#fancytree-drop-marker {
+	width: 2 * $fancy-icon-width; // was 24px, but 32 should be correct
+	position: absolute;
+	@include useSprite(0, 8);
+	margin: 0;
+	&.fancytree-drop-after,
+	&.fancytree-drop-before {
+		width: 4 * $fancy-icon-width; // 64px;
+		@include useSprite(0, 9);
+	}
+	&.fancytree-drop-copy {
+		@include useSprite(4, 8);
+	}
+	&.fancytree-drop-move {
+		@include useSprite(2, 8);
+	}
+}
+
+/*** Source node while dragging ***********************************************/
+
+span.fancytree-drag-source {
+//	border-color: gray; 
+	background-color: #e0e0e0;
+	span.fancytree.title {
+		color: gray;
+	}
+}
+
+/*** Target node while dragging cursor is over it *****************************/
+
+span.fancytree-drop-target {
+	&.fancytree-drop-accept a {
+	//	border-color: green;
+		background-color: #3169C6 !important;
+		color: white !important; /* $ IE6 */
+		text-decoration: none;
+	}
+	&.fancytree-drop-reject {
+	//	border-color: red;
+	}
+	&.fancytree-drop-after a {
+	}
+}
+
+
+/*------------------------------------------------------------------------------
+ * 'table' extension
+ *----------------------------------------------------------------------------*/
+
+table.fancytree-ext-table {
+	border-collapse: collapse;
+	span.fancytree-node {
+		display: inline-block; // #117
+	}
+}
+
+/*------------------------------------------------------------------------------
+ * 'columnview' extension
+ *----------------------------------------------------------------------------*/
+
+table.fancytree-ext-columnview {
+// 	border-collapse: collapse;
+// 	width: 100%;
+	tbody tr td {
+		position: relative;
+		border: 1px solid gray;
+		vertical-align: top;
+		overflow: auto;
+		>ul {
+			padding: 0;
+			li {
+				list-style-image: none;
+				list-style-position: outside;
+				list-style-type: none;
+				-moz-background-clip:border;
+				-moz-background-inline-policy: continuous;
+				-moz-background-origin: padding;
+				background-attachment: scroll;
+				background-color: transparent;
+				@include setBgPos(0, 0);
+				background-repeat: repeat-y;
+				background-image: none;  /* no v-lines */
+
+				margin: 0;
+				padding: 1px 0 0 0;
+			}
+		}
+	}
+	span.fancytree-node {
+		position: relative; /* allow positioning of embedded spans */
+		display: inline-block; // #117
+	}
+	span.fancytree-node.fancytree-expanded {
+		background-color: #CBE8F6;
+	}
+	// table.fancytree-ext-columnview span.fancytree-node.fancytree-active {
+	// 	background-color: royalblue;
+	// }
+	.fancytree-has-children span.fancytree-cv-right {
+		position: absolute;
+		right: 3px;
+		@include useSprite(0, 5);
+		&:hover {
+			@include useSprite(1, 5);
+		}
+	}
+}
+
+
+/*------------------------------------------------------------------------------
+ * 'filter' extension
+ *----------------------------------------------------------------------------*/
+
+.fancytree-ext-filter-dimm {
+	span.fancytree-node span.fancytree-title {
+		color: silver;
+		font-weight: lighter;
+	}
+	tr.fancytree-submatch span.fancytree-title,
+	span.fancytree-node.fancytree-submatch span.fancytree-title {
+		color: black;
+		font-weight: normal;
+	}
+	tr.fancytree-match span.fancytree-title,
+	span.fancytree-node.fancytree-match span.fancytree-title {
+		color: black;
+		font-weight: bold;
+	}
+}
+.fancytree-ext-filter-hide {
+	tr.fancytree-hide,
+	span.fancytree-node.fancytree-hide {
+		display: none;
+	}
+	tr.fancytree-submatch span.fancytree-title,
+	span.fancytree-node.fancytree-submatch span.fancytree-title {
+		color: silver;
+		font-weight: lighter;
+	}
+	tr.fancytree-match span.fancytree-title,
+	span.fancytree-node.fancytree-match span.fancytree-title {
+		color: black;
+		font-weight: normal;
+	}
+}
+
+/*------------------------------------------------------------------------------
+ * 'wide' extension
+ *----------------------------------------------------------------------------*/
+// ul.fancytree-container span.fancytree-node >span,
+ul.fancytree-ext-wide span.fancytree-node >span {
+	position: relative;
+	z-index: 2;
+}
+// ul.fancytree-container span.fancytree-node span.fancytree-title,
+ul.fancytree-ext-wide span.fancytree-node span.fancytree-title {
+	position: relative;
+	z-index: 1;
+	width: 100%;
+	padding-left: 503px;
+	margin-left: -500px;
+
+// 	cursor: pointer;
+// 	position: absolute;
+// 	left: 0px;
+// //	-moz-user-select: none;
+// 	box-sizing: border-box;
+}
diff --git a/app/assets/stylesheets/fancytree/skin-lion/ui.fancytree.css.erb b/app/assets/stylesheets/fancytree/skin-lion/ui.fancytree.css.erb
deleted file mode 100644
index 56814bc..0000000
--- a/app/assets/stylesheets/fancytree/skin-lion/ui.fancytree.css.erb
+++ /dev/null
@@ -1,506 +0,0 @@
-/*!
- * Fancytree "Lion" skin.
- *
- * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
- * the LESS templates.
- */
-
-/*
- *= depend_on_asset "fancytree/icons.gif"
- */
-
-/*
- Lion colors:
-	gray highlight bar: #D4D4D4
-	blue highlight-bar and -border #3875D7
-
-*/
-/*******************************************************************************
- * Common Styles for Fancytree Skins.
- *
- * This section is automatically generated from the `skin-common.less` template.
- ******************************************************************************/
-/*------------------------------------------------------------------------------
- * Helpers
- *----------------------------------------------------------------------------*/
-.ui-helper-hidden {
-  display: none;
-}
-/*------------------------------------------------------------------------------
- * Container and UL / LI
- *----------------------------------------------------------------------------*/
-ul.fancytree-container {
-  font-family: tahoma, arial, helvetica;
-  font-size: 10pt;
-  white-space: nowrap;
-  padding: 3px;
-  margin: 0;
-  background-color: white;
-  border: 1px dotted gray;
-  overflow: auto;
-  min-height: 0%;
-  position: relative;
-}
-ul.fancytree-container ul {
-  padding: 0 0 0 16px;
-  margin: 0;
-}
-ul.fancytree-container li {
-  list-style-image: none;
-  list-style-position: outside;
-  list-style-type: none;
-  -moz-background-clip: border;
-  -moz-background-inline-policy: continuous;
-  -moz-background-origin: padding;
-  background-attachment: scroll;
-  background-color: transparent;
-  background-position: 0px 0px;
-  background-repeat: repeat-y;
-  background-image: none;
-  margin: 0;
-  padding: 1px 0 0 0;
-}
-ul.fancytree-container li.fancytree-lastsib {
-  background-image: none;
-}
-ul.fancytree-no-connector > li {
-  background-image: none;
-}
-.ui-fancytree-disabled ul.fancytree-container {
-  opacity: 0.5;
-  background-color: silver;
-}
-/*------------------------------------------------------------------------------
- * Common icon definitions
- *----------------------------------------------------------------------------*/
-span.fancytree-empty,
-span.fancytree-vline,
-span.fancytree-expander,
-span.fancytree-icon,
-span.fancytree-checkbox,
-span.fancytree-radio,
-span.fancytree-drag-helper-img,
-#fancytree-drop-marker {
-  width: 16px;
-  height: 16px;
-  display: inline-block;
-  vertical-align: top;
-  background-repeat: no-repeat;
-  background-position: left;
-  background-image: url(<%= image_path("fancytree/icons.gif") %>);
-  background-position: 0px 0px;
-}
-span.fancytree-icon,
-span.fancytree-checkbox,
-span.fancytree-radio,
-span.fancytree-custom-icon {
-  margin-top: 1px;
-}
-/* Used by iconclass option */
-span.fancytree-custom-icon {
-  display: inline-block;
-}
-/* Used by 'icon' node option: */
-img.fancytree-icon {
-  width: 16px;
-  height: 16px;
-  margin-left: 3px;
-  margin-top: 1px;
-  vertical-align: top;
-  border-style: none;
-}
-/*------------------------------------------------------------------------------
- * Expander icon
- *
- * Note: IE6 doesn't correctly evaluate multiples class names,
- *		 so we create combined class names that can be used in the CSS.
- *
- * Prefix: fancytree-exp-
- * 1st character: 'e': expanded, 'c': collapsed, 'n': no children
- * 2nd character (optional): 'd': lazy (Delayed)
- * 3rd character (optional): 'l': Last sibling
- *----------------------------------------------------------------------------*/
-span.fancytree-expander {
-  cursor: pointer;
-}
-.fancytree-exp-n span.fancytree-expander,
-.fancytree-exp-nl span.fancytree-expander {
-  background-image: none;
-  cursor: default;
-}
-.fancytree-exp-n span.fancytree-expander,
-.fancytree-exp-n span.fancytree-expander:hover {
-  background-position: 0px -64px;
-}
-.fancytree-exp-nl span.fancytree-expander,
-.fancytree-exp-nl span.fancytree-expander:hover {
-  background-position: -16px -64px;
-}
-.fancytree-exp-c span.fancytree-expander {
-  background-position: 0px -80px;
-}
-.fancytree-exp-c span.fancytree-expander:hover {
-  background-position: -16px -80px;
-}
-.fancytree-exp-cl span.fancytree-expander {
-  background-position: 0px -96px;
-}
-.fancytree-exp-cl span.fancytree-expander:hover {
-  background-position: -16px -96px;
-}
-.fancytree-exp-cd span.fancytree-expander {
-  background-position: -64px -80px;
-}
-.fancytree-exp-cd span.fancytree-expander:hover {
-  background-position: -80px -80px;
-}
-.fancytree-exp-cdl span.fancytree-expander {
-  background-position: -64px -96px;
-}
-.fancytree-exp-cdl span.fancytree-expander:hover {
-  background-position: -80px -96px;
-}
-.fancytree-exp-e span.fancytree-expander,
-.fancytree-exp-ed span.fancytree-expander {
-  background-position: -32px -80px;
-}
-.fancytree-exp-e span.fancytree-expander:hover,
-.fancytree-exp-ed span.fancytree-expander:hover {
-  background-position: -48px -80px;
-}
-.fancytree-exp-el span.fancytree-expander,
-.fancytree-exp-edl span.fancytree-expander {
-  background-position: -32px -96px;
-}
-.fancytree-exp-el span.fancytree-expander:hover,
-.fancytree-exp-edl span.fancytree-expander:hover {
-  background-position: -48px -96px;
-}
-.fancytree-loading span.fancytree-expander,
-.fancytree-loading span.fancytree-expander:hover,
-.fancytree-statusnode-wait span.fancytree-icon,
-.fancytree-statusnode-wait span.fancytree-icon:hover {
-  background-image: url("loading.gif");
-  background-position: 0px 0px;
-}
-/* Status node icons */
-.fancytree-statusnode-error span.fancytree-icon {
-  background-position: 0px -112px;
-}
-/*------------------------------------------------------------------------------
- * Checkbox icon
- *----------------------------------------------------------------------------*/
-span.fancytree-checkbox {
-  margin-left: 3px;
-  background-position: 0px -32px;
-}
-span.fancytree-checkbox:hover {
-  background-position: -16px -32px;
-}
-.fancytree-partsel span.fancytree-checkbox {
-  background-position: -64px -32px;
-}
-.fancytree-partsel span.fancytree-checkbox:hover {
-  background-position: -80px -32px;
-}
-.fancytree-selected span.fancytree-checkbox {
-  background-position: -32px -32px;
-}
-.fancytree-selected span.fancytree-checkbox:hover {
-  background-position: -48px -32px;
-}
-/*------------------------------------------------------------------------------
- * Radiobutton icon
- * This is a customization, that may be activated by overriding the 'checkbox'
- * class name as 'fancytree-radio' in the tree options.
- *----------------------------------------------------------------------------*/
-.fancytree-radio span.fancytree-checkbox {
-  background-position: 0px -48px;
-}
-.fancytree-radio span.fancytree-checkbox:hover {
-  background-position: -16px -48px;
-}
-.fancytree-radio .fancytree-partsel span.fancytree-checkbox {
-  background-position: -64px -48px;
-}
-.fancytree-radio .fancytree-partsel span.fancytree-checkbox:hover {
-  background-position: -80px -48px;
-}
-.fancytree-radio .fancytree-selected span.fancytree-checkbox {
-  background-position: -32px -48px;
-}
-.fancytree-radio .fancytree-selected span.fancytree-checkbox:hover {
-  background-position: -48px -48px;
-}
-/*------------------------------------------------------------------------------
- * Node type icon
- * Note: IE6 doesn't correctly evaluate multiples class names,
- *		 so we create combined class names that can be used in the CSS.
- *
- * Prefix: fancytree-ico-
- * 1st character: 'e': expanded, 'c': collapsed
- * 2nd character (optional): 'f': folder
- *----------------------------------------------------------------------------*/
-span.fancytree-icon {
-  margin-left: 3px;
-  background-position: 0px 0px;
-}
-/* Documents */
-.fancytree-ico-c span.fancytree-icon:hover {
-  background-position: -16px 0px;
-}
-.fancytree-has-children.fancytree-ico-c span.fancytree-icon {
-  background-position: -32px 0px;
-}
-.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover {
-  background-position: -48px 0px;
-}
-.fancytree-ico-e span.fancytree-icon {
-  background-position: -64px 0px;
-}
-.fancytree-ico-e span.fancytree-icon:hover {
-  background-position: -80px 0px;
-}
-/* Folders */
-.fancytree-ico-cf span.fancytree-icon {
-  background-position: 0px -16px;
-}
-.fancytree-ico-cf span.fancytree-icon:hover {
-  background-position: -16px -16px;
-}
-.fancytree-has-children.fancytree-ico-cf span.fancytree-icon {
-  background-position: -32px -16px;
-}
-.fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover {
-  background-position: -48px -16px;
-}
-.fancytree-ico-ef span.fancytree-icon {
-  background-position: -64px -16px;
-}
-.fancytree-ico-ef span.fancytree-icon:hover {
-  background-position: -80px -16px;
-}
-/*------------------------------------------------------------------------------
- * Node titles and highlighting
- *----------------------------------------------------------------------------*/
-span.fancytree-node {
-  /* See #117 */
-  display: inherit;
-  width: 100%;
-}
-span.fancytree-title {
-  display: inline-block;
-  padding-left: 3px;
-  padding-right: 3px;
-  color: black;
-  vertical-align: top;
-  margin: 0px;
-  margin-left: 3px;
-  cursor: pointer;
-}
-span.fancytree-node.fancytree-error span.fancytree-title {
-  color: red;
-}
-/*------------------------------------------------------------------------------
- * Drag'n'drop support
- *----------------------------------------------------------------------------*/
-div.fancytree-drag-helper a {
-  border: 1px solid gray;
-  background-color: white;
-  padding-left: 5px;
-  padding-right: 5px;
-  opacity: 0.8;
-}
-div.fancytree-drag-helper.fancytree-drop-reject {
-  border-color: red;
-}
-div.fancytree-drop-accept span.fancytree-drag-helper-img {
-  background-position: -32px -112px;
-}
-div.fancytree-drop-reject span.fancytree-drag-helper-img {
-  background-position: -16px -112px;
-}
-/*** Drop marker icon *********************************************************/
-#fancytree-drop-marker {
-  width: 32px;
-  position: absolute;
-  background-position: 0px -128px;
-  margin: 0;
-}
-#fancytree-drop-marker.fancytree-drop-after,
-#fancytree-drop-marker.fancytree-drop-before {
-  width: 64px;
-  background-position: 0px -144px;
-}
-#fancytree-drop-marker.fancytree-drop-copy {
-  background-position: -64px -128px;
-}
-#fancytree-drop-marker.fancytree-drop-move {
-  background-position: -32px -128px;
-}
-/*** Source node while dragging ***********************************************/
-span.fancytree-drag-source {
-  background-color: #e0e0e0;
-}
-span.fancytree-drag-source span.fancytree.title {
-  color: gray;
-}
-/*** Target node while dragging cursor is over it *****************************/
-span.fancytree-drop-target.fancytree-drop-accept a {
-  background-color: #3169C6 !important;
-  color: white !important;
-  /* @ IE6 */
-  text-decoration: none;
-}
-/*------------------------------------------------------------------------------
- * 'table' extension
- *----------------------------------------------------------------------------*/
-table.fancytree-ext-table {
-  border-collapse: collapse;
-}
-table.fancytree-ext-table span.fancytree-node {
-  display: inline-block;
-}
-/*------------------------------------------------------------------------------
- * 'columnview' extension
- *----------------------------------------------------------------------------*/
-table.fancytree-ext-columnview tbody tr td {
-  position: relative;
-  border: 1px solid gray;
-  vertical-align: top;
-  overflow: auto;
-}
-table.fancytree-ext-columnview tbody tr td > ul {
-  padding: 0;
-}
-table.fancytree-ext-columnview tbody tr td > ul li {
-  list-style-image: none;
-  list-style-position: outside;
-  list-style-type: none;
-  -moz-background-clip: border;
-  -moz-background-inline-policy: continuous;
-  -moz-background-origin: padding;
-  background-attachment: scroll;
-  background-color: transparent;
-  background-position: 0px 0px;
-  background-repeat: repeat-y;
-  background-image: none;
-  /* no v-lines */
-  margin: 0;
-  padding: 1px 0 0 0;
-}
-table.fancytree-ext-columnview span.fancytree-node {
-  position: relative;
-  /* allow positioning of embedded spans */
-  display: inline-block;
-}
-table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded {
-  background-color: #CBE8F6;
-}
-table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right {
-  position: absolute;
-  right: 3px;
-  background-position: 0px -80px;
-}
-table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover {
-  background-position: -16px -80px;
-}
-/*------------------------------------------------------------------------------
- * 'filter' extension
- *----------------------------------------------------------------------------*/
-.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title {
-  color: silver;
-  font-weight: lighter;
-}
-.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title,
-.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title {
-  color: black;
-  font-weight: normal;
-}
-.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title,
-.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title {
-  color: black;
-  font-weight: bold;
-}
-.fancytree-ext-filter-hide tr.fancytree-hide,
-.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide {
-  display: none;
-}
-.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title,
-.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title {
-  color: silver;
-  font-weight: lighter;
-}
-.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title,
-.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title {
-  color: black;
-  font-weight: normal;
-}
-/*------------------------------------------------------------------------------
- * 'wide' extension
- *----------------------------------------------------------------------------*/
-ul.fancytree-ext-wide span.fancytree-node > span {
-  position: relative;
-  z-index: 2;
-}
-ul.fancytree-ext-wide span.fancytree-node span.fancytree-title {
-  position: relative;
-  z-index: 1;
-  width: 100%;
-  padding-left: 503px;
-  margin-left: -500px;
-}
-/*******************************************************************************
- * Styles specific to this skin.
- *
- * This section is automatically generated from the `ui-fancytree.less` template.
- ******************************************************************************/
-/*******************************************************************************
- * Node titles
- */
-span.fancytree-title {
-  border: 1px solid transparent;
-  border-radius: 0;
-}
-span.fancytree-focused span.fancytree-title {
-  outline: 1px dotted black;
-}
-span.fancytree-selected span.fancytree-title,
-span.fancytree-active span.fancytree-title {
-  background-color: #D4D4D4;
-}
-span.fancytree-selected span.fancytree-title {
-  font-style: italic;
-}
-.fancytree-treefocus span.fancytree-selected span.fancytree-title,
-.fancytree-treefocus span.fancytree-active span.fancytree-title {
-  color: white;
-  background-color: #3875D7;
-}
-/*******************************************************************************
- * 'table' extension
- */
-table.fancytree-ext-table {
-  border-collapse: collapse;
-}
-table.fancytree-ext-table tbody tr.fancytree-focused {
-  background-color: #99DEFD;
-}
-table.fancytree-ext-table tbody tr.fancytree-active {
-  background-color: royalblue;
-}
-table.fancytree-ext-table tbody tr.fancytree-selected {
-  background-color: #99DEFD;
-}
-/*******************************************************************************
- * 'columnview' extension
- */
-table.fancytree-ext-columnview tbody tr td {
-  border: 1px solid gray;
-}
-table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded {
-  background-color: #ccc;
-}
-table.fancytree-ext-columnview span.fancytree-node.fancytree-active {
-  background-color: royalblue;
-}
diff --git a/app/assets/stylesheets/fancytree/skin-lion/ui.fancytree.min.css.erb b/app/assets/stylesheets/fancytree/skin-lion/ui.fancytree.min.css.erb
deleted file mode 100644
index 0dbfd1f..0000000
--- a/app/assets/stylesheets/fancytree/skin-lion/ui.fancytree.min.css.erb
+++ /dev/null
@@ -1,6 +0,0 @@
-/*!
- * Fancytree "Lion" skin.
- *
- * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
- * the LESS templates.
- */.ui-helper-hidden{display:none}ul.fancytree-container{font-family:tahoma,arial,helvetica;font-size:10pt;white-space:nowrap;padding:3px;margin:0;background-color:#fff;border:1px dotted gray;overflow:auto;min-height:0;position:relative}ul.fancytree-container ul{padding:0 0 0 16px;margin:0}ul.fancytree-container li{list-style-image:none;list-style-position:outside;list-style-type:none;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background-attachment:scroll;background-color:transparent;background-position:0 0;background-repeat:repeat-y;background-image:none;margin:0;padding:1px 0 0}ul.fancytree-container li.fancytree-lastsib,ul.fancytree-no-connector>li{background-image:none}.ui-fancytree-disabled ul.fancytree-container{opacity:.5;background-color:silver}#fancytree-drop-marker,span.fancytree-checkbox,span.fancytree-drag-helper-img,span.fancytree-empty,span.fancytree-expander,span.fancytree-icon,span.fancytree-radio,span.fancytree-vline{width:16px;height:16px;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-image:url(icons.gif);background-position:0 0}span.fancytree-checkbox,span.fancytree-custom-icon,span.fancytree-icon,span.fancytree-radio{margin-top:1px}span.fancytree-custom-icon{display:inline-block}img.fancytree-icon{width:16px;height:16px;margin-left:3px;margin-top:1px;vertical-align:top;border-style:none}span.fancytree-expander{cursor:pointer}.fancytree-exp-n span.fancytree-expander,.fancytree-exp-nl span.fancytree-expander{background-image:none;cursor:default}.fancytree-exp-n span.fancytree-expander,.fancytree-exp-n span.fancytree-expander:hover{background-position:0 -64px}.fancytree-exp-nl span.fancytree-expander,.fancytree-exp-nl span.fancytree-expander:hover{background-position:-16px -64px}.fancytree-exp-c span.fancytree-expander{background-position:0 -80px}.fancytree-exp-c span.fancytree-expander:hover{background-position:-16px -80px}.fancytree-exp-cl span.fancytree-expander{background-position:0 -96px}.fancytree-exp-cl span.fancytree-expander:hover{background-position:-16px -96px}.fancytree-exp-cd span.fancytree-expander{background-position:-64px -80px}.fancytree-exp-cd span.fancytree-expander:hover{background-position:-80px -80px}.fancytree-exp-cdl span.fancytree-expander{background-position:-64px -96px}.fancytree-exp-cdl span.fancytree-expander:hover{background-position:-80px -96px}.fancytree-exp-e span.fancytree-expander,.fancytree-exp-ed span.fancytree-expander{background-position:-32px -80px}.fancytree-exp-e span.fancytree-expander:hover,.fancytree-exp-ed span.fancytree-expander:hover{background-position:-48px -80px}.fancytree-exp-edl span.fancytree-expander,.fancytree-exp-el span.fancytree-expander{background-position:-32px -96px}.fancytree-exp-edl span.fancytree-expander:hover,.fancytree-exp-el span.fancytree-expander:hover{background-position:-48px -96px}.fancytree-loading span.fancytree-expander,.fancytree-loading span.fancytree-expander:hover,.fancytree-statusnode-wait span.fancytree-icon,.fancytree-statusnode-wait span.fancytree-icon:hover{background-image:url(loading.gif);background-position:0 0}.fancytree-statusnode-error span.fancytree-icon{background-position:0 -112px}span.fancytree-checkbox{margin-left:3px;background-position:0 -32px}span.fancytree-checkbox:hover{background-position:-16px -32px}.fancytree-partsel span.fancytree-checkbox{background-position:-64px -32px}.fancytree-partsel span.fancytree-checkbox:hover{background-position:-80px -32px}.fancytree-selected span.fancytree-checkbox{background-position:-32px -32px}.fancytree-selected span.fancytree-checkbox:hover{background-position:-48px -32px}.fancytree-radio span.fancytree-checkbox{background-position:0 -48px}.fancytree-radio span.fancytree-checkbox:hover{background-position:-16px -48px}.fancytree-radio .fancytree-partsel span.fancytree-checkbox{background-position:-64px -48px}.fancytree-radio .fancytree-partsel span.fancytree-checkbox:hover{background-position:-80px -48px}.fancytree-radio .fancytree-selected span.fancytree-checkbox{background-position:-32px -48px}.fancytree-radio .fancytree-selected span.fancytree-checkbox:hover{background-position:-48px -48px}span.fancytree-icon{margin-left:3px;background-position:0 0}.fancytree-ico-c span.fancytree-icon:hover{background-position:-16px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon{background-position:-32px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover{background-position:-48px 0}.fancytree-ico-e span.fancytree-icon{background-position:-64px 0}.fancytree-ico-e span.fancytree-icon:hover{background-position:-80px 0}.fancytree-ico-cf span.fancytree-icon{background-position:0 -16px}.fancytree-ico-cf span.fancytree-icon:hover{background-position:-16px -16px}.fancytree-has-children.fancytree-ico-cf span.fancytree-icon{background-position:-32px -16px}.fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover{background-position:-48px -16px}.fancytree-ico-ef span.fancytree-icon{background-position:-64px -16px}.fancytree-ico-ef span.fancytree-icon:hover{background-position:-80px -16px}span.fancytree-node{display:inherit;width:100%}span.fancytree-title{display:inline-block;padding-left:3px;padding-right:3px;color:#000;vertical-align:top;margin:0;margin-left:3px;cursor:pointer}span.fancytree-node.fancytree-error span.fancytree-title{color:red}div.fancytree-drag-helper a{border:1px solid gray;background-color:#fff;padding-left:5px;padding-right:5px;opacity:.8}div.fancytree-drag-helper.fancytree-drop-reject{border-color:red}div.fancytree-drop-accept span.fancytree-drag-helper-img{background-position:-32px -112px}div.fancytree-drop-reject span.fancytree-drag-helper-img{background-position:-16px -112px}#fancytree-drop-marker{width:32px;position:absolute;background-position:0 -128px;margin:0}#fancytree-drop-marker.fancytree-drop-after,#fancytree-drop-marker.fancytree-drop-before{width:64px;background-position:0 -144px}#fancytree-drop-marker.fancytree-drop-copy{background-position:-64px -128px}#fancytree-drop-marker.fancytree-drop-move{background-position:-32px -128px}span.fancytree-drag-source{background-color:#e0e0e0}span.fancytree-drag-source span.fancytree.title{color:gray}span.fancytree-drop-target.fancytree-drop-accept a{background-color:#3169C6!important;color:#fff!important;text-decoration:none}table.fancytree-ext-table span.fancytree-node{display:inline-block}table.fancytree-ext-columnview tbody tr td{position:relative;vertical-align:top;overflow:auto}table.fancytree-ext-columnview tbody tr td>ul{padding:0}table.fancytree-ext-columnview tbody tr td>ul li{list-style-image:none;list-style-position:outside;list-style-type:none;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background-attachment:scroll;background-color:transparent;background-position:0 0;background-repeat:repeat-y;background-image:none;margin:0;padding:1px 0 0}table.fancytree-ext-columnview span.fancytree-node{position:relative;display:inline-block}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right{position:absolute;right:3px;background-position:0 -80px}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover{background-position:-16px -80px}.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title{color:#000;font-weight:700}.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide,.fancytree-ext-filter-hide tr.fancytree-hide{display:none}.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title{color:#000;font-weight:400}ul.fancytree-ext-wide span.fancytree-node>span{position:relative;z-index:2}ul.fancytree-ext-wide span.fancytree-node span.fancytree-title{position:relative;z-index:1;width:100%;padding-left:503px;margin-left:-500px}span.fancytree-title{border:1px solid transparent;border-radius:0}span.fancytree-focused span.fancytree-title{outline:1px dotted #000}span.fancytree-active span.fancytree-title,span.fancytree-selected span.fancytree-title{background-color:#D4D4D4}span.fancytree-selected span.fancytree-title{font-style:italic}.fancytree-treefocus span.fancytree-active span.fancytree-title,.fancytree-treefocus span.fancytree-selected span.fancytree-title{color:#fff;background-color:#3875D7}table.fancytree-ext-table{border-collapse:collapse}table.fancytree-ext-table tbody tr.fancytree-focused{background-color:#99DEFD}table.fancytree-ext-table tbody tr.fancytree-active{background-color:#4169e1}table.fancytree-ext-table tbody tr.fancytree-selected{background-color:#99DEFD}table.fancytree-ext-columnview tbody tr td{border:1px solid gray}table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded{background-color:#ccc}table.fancytree-ext-columnview span.fancytree-node.fancytree-active{background-color:#4169e1}
\ No newline at end of file
diff --git a/app/assets/stylesheets/fancytree/skin-lion/ui.fancytree.scss b/app/assets/stylesheets/fancytree/skin-lion/ui.fancytree.scss
new file mode 100644
index 0000000..c86c3be
--- /dev/null
+++ b/app/assets/stylesheets/fancytree/skin-lion/ui.fancytree.scss
@@ -0,0 +1,87 @@
+ /*!
+ * Fancytree "Lion" skin.
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */
+
+/*
+ Lion colors:
+	gray highlight bar: #D4D4D4
+	blue highlight-bar and -border #3875D7
+
+*/
+$fancy-image-dir: "fancytree/skin-lion";
+// Import common styles
+@import "../skin-common.scss";
+
+/*******************************************************************************
+ * Styles specific to this skin.
+ *
+ * This section is automatically generated from the `ui-fancytree.scss` template.
+ ******************************************************************************/
+
+// Override the variable after the import. 
+// NOTE: Variables are always resolved as the last definition, even if it is 
+// after where it is used.
+$fancy-use-sprites: true;
+$fancy-hide-connectors: true;
+$fancy-icon-width: 16px;
+$fancy-icon-height: 16px;
+$fancy-line-height: 16px;
+$fancy-icon-margin-left: 3px;
+
+/*******************************************************************************
+ * Node titles
+ */
+span.fancytree-title {
+	border: 1px solid transparent; // reserve some space for status borders
+	border-radius: 0;
+}
+span.fancytree-focused span.fancytree-title {
+	outline: 1px dotted black;
+}
+span.fancytree-selected span.fancytree-title,
+span.fancytree-active span.fancytree-title {
+	background-color: #D4D4D4; // gray
+}
+span.fancytree-selected span.fancytree-title {
+	font-style: italic;
+}
+.fancytree-treefocus span.fancytree-selected span.fancytree-title,
+.fancytree-treefocus span.fancytree-active span.fancytree-title {
+	color: white;
+	background-color: #3875D7; // blue
+}
+
+/*******************************************************************************
+ * 'table' extension
+ */
+table.fancytree-ext-table {
+	border-collapse: collapse;
+	tbody {
+	    tr.fancytree-focused {
+			background-color: #99DEFD;
+		}
+	    tr.fancytree-active {
+			background-color: royalblue;
+		}
+	    tr.fancytree-selected {
+			background-color: #99DEFD;
+		}
+	}
+}
+
+/*******************************************************************************
+ * 'columnview' extension
+ */
+
+table.fancytree-ext-columnview tbody tr td {
+	border: 1px solid gray;
+}
+table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded {
+	background-color: #ccc;
+}
+table.fancytree-ext-columnview span.fancytree-node.fancytree-active {
+	background-color: royalblue;
+}
diff --git a/app/assets/stylesheets/fancytree/skin-themeroller/ui.fancytree.css.erb b/app/assets/stylesheets/fancytree/skin-themeroller/ui.fancytree.css.erb
deleted file mode 100644
index e33fe52..0000000
--- a/app/assets/stylesheets/fancytree/skin-themeroller/ui.fancytree.css.erb
+++ /dev/null
@@ -1,505 +0,0 @@
-/*
- * Fancytree for use with ext-themeroller extension.
- */
-.ui-helper-hidden {
-	display: none;
-}
-
-.fancytree-container
-{
-	white-space: nowrap;
-	padding: 3px;
-	margin: 0; /* issue 201 */
-	overflow: auto;
-/*	height: 100%; /* issue 263 */
-/*
-	font-family: tahoma, arial, helvetica;
-	font-size: 10pt;
-	background-color: white;
-	border: 1px dotted gray;
-*/
-}
-
-ul.fancytree-container ul
-{
-	padding: 0 0 0 16px;
-	margin: 0;
-}
-
-ul.fancytree-container li
-{
-	list-style-image: none;
-	list-style-position: outside;
-	list-style-type: none;
-	-moz-background-clip:border;
-	-moz-background-inline-policy: continuous;
-	-moz-background-origin: padding;
-	background-attachment: scroll;
-	background-color: transparent;
-	background-position: 0 0;
-	background-repeat: repeat-y;
-	background-image: none;  /* no v-lines */
-
-	margin:0;
-	padding:1px 0 0 0;
-}
-/* Suppress lines for last child node */
-ul.fancytree-container li.fancytree-lastsib
-{
-	background-image: none;
-}
-/* Suppress lines if level is fixed expanded (option minExpandLevel) */
-ul.fancytree-no-connector > li
-{
-	background-image: none;
-}
-
-/* Style, when control is disabled */
-/*
-.ui-fancytree-disabled ul.fancytree-container
-{
-	opacity: 0.5;
-}
-*/
-
-span.fancytree-node
-{
-	display: inline-block;
-	width: 100%;
-	border: 1px solid transparent;
-}
-
-/*******************************************************************************
- * Common icon definitions
- */
-span.fancytree-empty,
-span.fancytree-vline,
-/*span.fancytree-connector,*/
-span.fancytree-expander,
-span.fancytree-icon,
-span.fancytree-checkbox,
-span.fancytree-radio,
-span.fancytree-drag-helper-img,
-#fancytree-drop-marker
-{
-	width: 16px;
-	height: 16px;
-	display: inline-block; /* Required to make a span sizable */
-	vertical-align: top;
-	background-repeat: no-repeat;
-	background-position: left;
-	background-image: url(<%= image_path("fancytree/icons.gif") %>);
-	background-position: 0 0;
-}
-/** Used by iconclass option */
-span.fancytree-custom-icon {
-	display: inline-block;
-}
-/** Used by 'icon' node option: */
-.fancytree-container img
-{
-	width: 16px;
-	height: 16px;
-	margin-left: 3px;
-	vertical-align: top;
-	border-style: none;
-}
-
-
-/*******************************************************************************
- * Lines and connectors
- */
-/* span.fancytree-connector
-{
-	background-image: none;
-}
- */
-/*******************************************************************************
- * Expander icon
- * Note: IE6 doesn't correctly evaluate multiples class names,
- *		 so we create combined class names that can be used in the CSS.
- *
- * Prefix: fancytree-exp-
- * 1st character: 'e': expanded, 'c': collapsed, 'n': no children
- * 2nd character (optional): 'd': lazy (Delayed)
- * 3rd character (optional): 'l': Last sibling
- */
-
-span.fancytree-expander
-{
-	background-position: 0px -80px;
-	cursor: pointer;
-}
-span.fancytree-expander:hover
-{
-	background-position: -16px -80px;
-}
-.fancytree-exp-n span.fancytree-expander:hover /* Collapsed, not delayed, not last sibling */
-{
-	background-position: -16px -80px;
-}
-.fancytree-exp-cl span.fancytree-expander /* Collapsed, not delayed, last sibling */
-{
-}
-.fancytree-exp-cd span.fancytree-expander /* Collapsed, delayed, not last sibling */
-{
-}
-.fancytree-exp-cdl span.fancytree-expander /* Collapsed, delayed, last sibling */
-{
-}
-.fancytree-exp-e span.fancytree-expander,  /* Expanded, not delayed, not last sibling */
-.fancytree-exp-ed span.fancytree-expander,  /* Expanded, delayed, not last sibling */
-.fancytree-exp-el span.fancytree-expander,  /* Expanded, not delayed, last sibling */
-.fancytree-exp-edl span.fancytree-expander  /* Expanded, delayed, last sibling */
-{
-	background-position: -32px -80px;
-}
-.fancytree-exp-e span.fancytree-expander:hover,  /* Expanded, not delayed, not last sibling */
-.fancytree-exp-ed span.fancytree-expander:hover,  /* Expanded, delayed, not last sibling */
-.fancytree-exp-el span.fancytree-expander:hover,  /* Expanded, not delayed, last sibling */
-.fancytree-exp-edl span.fancytree-expander:hover  /* Expanded, delayed, last sibling */
-{
-	background-position: -48px -80px;
-}
-.fancytree-loading span.fancytree-expander  /* 'Loading' status overrides all others */
-{
-	background-position: 0 0;
-	background-image: url("loading.gif");
-}
-
-.fancytree-exp-n span.fancytree-expander, /* Connector instead of expander, if node has no children */
-.fancytree-exp-nl span.fancytree-expander
-{
-	background-image: none;
-	cursor: default;
-}
-
-
-/*******************************************************************************
- * Checkbox icon
- */
-span.fancytree-checkbox
-{
-	margin-left: 3px;
-	background-position: 0px -32px;
-}
-span.fancytree-checkbox:hover
-{
-	background-position: -16px -32px;
-}
-
-.fancytree-partsel span.fancytree-checkbox
-{
-	background-position: -64px -32px;
-}
-.fancytree-partsel span.fancytree-checkbox:hover
-{
-	background-position: -80px -32px;
-}
-
-.fancytree-selected span.fancytree-checkbox
-{
-	background-position: -32px -32px;
-}
-.fancytree-selected span.fancytree-checkbox:hover
-{
-	background-position: -48px -32px;
-}
-
-/*******************************************************************************
- * Radiobutton icon
- * This is a customization, that may be activated by overriding the 'checkbox'
- * class name as 'fancytree-radio' in the tree options.
- */
-.fancytree-radio span.fancytree-checkbox
-{
-	margin-left: 3px;
-	background-position: 0px -48px;
-}
-.fancytree-radio span.fancytree-checkbox:hover
-{
-	background-position: -16px -48px;
-}
-
-.fancytree-radio .fancytree-partsel span.fancytree-checkbox
-{
-	background-position: -64px -48px;
-}
-.fancytree-radio .fancytree-partsel span.fancytree-checkbox:hover
-{
-	background-position: -80px -48px;
-}
-
-.fancytree-radio .fancytree-selected span.fancytree-checkbox
-{
-	background-position: -32px -48px;
-}
-.fancytree-radio .fancytree-selected span.fancytree-checkbox:hover
-{
-	background-position: -48px -48px;
-}
-
-
-/*******************************************************************************
- * Node type icon
- * Note: IE6 doesn't correctly evaluate multiples class names,
- *		 so we create combined class names that can be used in the CSS.
- *
- * Prefix: fancytree-ico-
- * 1st character: 'e': expanded, 'c': collapsed
- * 2nd character (optional): 'f': folder
- */
-
-span.fancytree-icon /* Default icon */
-{
-	margin-left: 3px;
-	background-position: 0px 0px;
-}
-
-.fancytree-has-children span.fancytree-icon /* Default icon */
-{
-/*    background-position: 0px -16px; */
-}
-
-.fancytree-ico-cf span.fancytree-icon  /* Collapsed Folder */
-{
-	background-position: 0px -16px;
-}
-
-.fancytree-ico-ef span.fancytree-icon  /* Expanded Folder */
-{
-	background-position: -64px -16px;
-}
-
-/* Status node icons */
-
-.fancytree-statusnode-wait span.fancytree-icon
-{
-	background-image: url("loading.gif");
-}
-
-.fancytree-statusnode-error span.fancytree-icon
-{
-	background-position: 0px -112px;
-/*	background-image: url("ltError.gif");*/
-}
-
-/*******************************************************************************
- * Node titles
- */
-
-span.fancytree-title
-{
-	display: inline-block;
-}
-.fancytree-title
-{
-	display: inline-block; /* Better alignment, when title contains <br> */
-	padding-left: 3px;
-	padding-right: 3px; /* Otherwise italic font will be outside bounds */
-/*	color: black; /* inherit doesn't work on IE */
-	vertical-align: top;
-	margin: 0px;
-	margin-left: 3px;
-	cursor: pointer;
-}
-
-/*******************************************************************************
- * 'table' extension
- */
-
-/*
-table.fancytree-ext-table {
-	border-collapse: collapse;
-	width: 100%;
-}
-table.fancytree-ext-table tbody tr:nth-child(even){
-	background-color: #f4f4f8;
-}
-table.fancytree-ext-table tbody tr td {
-	border: 1px solid lightgray;
-}
-*/
-table.fancytree-ext-table {
-	border-collapse: collapse;
-}
-
-/*******************************************************************************
- * 'columnview' extension
- */
-
-/*
-table.fancytree-ext-columnview {
-	border-collapse: collapse;
-	width: 100%;
-}
-*/
-table.fancytree-ext-columnview td
-{
-	position: relative;
-}
-table.fancytree-ext-columnview td >ul
-{
-	padding: 0;
-}
-table.fancytree-ext-columnview td >ul li
-{
-	list-style-image: none;
-	list-style-position: outside;
-	list-style-type: none;
-	-moz-background-clip:border;
-	-moz-background-inline-policy: continuous;
-	-moz-background-origin: padding;
-	background-attachment: scroll;
-	background-color: transparent;
-	background-position: 0 0;
-	background-repeat: repeat-y;
-	background-image: none;  /* no v-lines */
-
-	margin: 0;
-	padding: 1px 0 0 0;
-}
-/*
-table.fancytree-ext-columnview tbody tr[0] {
-	height: 200px;
-}
-*/
-table.fancytree-ext-columnview tbody tr td {
-	border: 1px solid gray;
-	vertical-align: top;
-	overflow: auto;
-}
-table.fancytree-ext-columnview span.fancytree-node {
-	position: relative; /* allow positioning of embedded spans*/
-}
-/*
-table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded {
-	background-color: #CBE8F6;
-}
-table.fancytree-ext-columnview span.fancytree-node.fancytree-active {
-	background-color: royalblue;
-}
-*/
-table.fancytree-ext-columnview span.fancytree-cv-right {
-	background-position: 0px -80px;
-	position: absolute;
-	right: 3px;
-}
-
-/*******************************************************************************
- * 'filter' extension
- */
-.fancytree-ext-filter .fancytree-node .fancytree-title {
-	color: silver;
-	font-weight: lighter;
-}
-.fancytree-ext-filter .fancytree-node.fancytree-submatch .fancytree-title {
-	color: black;
-	font-weight: normal;
-}
-.fancytree-ext-filter .fancytree-node.fancytree-match .fancytree-title {
-	color: black;
-	font-weight: bold;
-}
-
-
-/*******************************************************************************
- * Drag'n'drop support
- */
-
-/*** Helper object ************************************************************/
-div.fancytree-drag-helper
-{
-}
-div.fancytree-drag-helper a
-{
-	border: 1px solid gray;
-	background-color: white;
-	padding-left: 5px;
-	padding-right: 5px;
-	opacity: 0.8;
-}
-span.fancytree-drag-helper-img
-{
-	/*
-	position: relative;
-	left: -16px;
-	*/
-}
-div.fancytree-drag-helper /*.fancytree-drop-accept*/
-{
-/*    border-color: green;
-	background-color: red;*/
-}
-div.fancytree-drop-accept span.fancytree-drag-helper-img
-{
-	background-position: -32px -112px;
-}
-div.fancytree-drag-helper.fancytree-drop-reject
-{
-	border-color: red;
-}
-div.fancytree-drop-reject span.fancytree-drag-helper-img
-{
-	background-position: -16px -112px;
-}
-
-/*** Drop marker icon *********************************************************/
-
-#fancytree-drop-marker
-{
-	width: 24px;
-	position: absolute;
-	background-position: 0 -128px;
-	margin: 0;
-}
-#fancytree-drop-marker.fancytree-drop-after,
-#fancytree-drop-marker.fancytree-drop-before
-{
-	width:64px;
-	background-position: 0 -144px;
-}
-#fancytree-drop-marker.fancytree-drop-copy
-{
-	background-position: -64px -128px;
-}
-#fancytree-drop-marker.fancytree-drop-move
-{
-	background-position: -64px -128px;
-}
-
-/*** Source node while dragging ***********************************************/
-
-span.fancytree-drag-source
-{
-	/* border: 1px dotted gray; */
-	background-color: #e0e0e0;
-}
-span.fancytree-drag-source a
-{
-	color: gray;
-}
-
-/*** Target node while dragging cursor is over it *****************************/
-
-span.fancytree-drop-target
-{
-	/*border: 1px solid gray;*/
-}
-span.fancytree-drop-target a
-{
-}
-span.fancytree-drop-target.fancytree-drop-accept a
-{
-	/*border: 1px solid green;*/
-	background-color: #3169C6 !important;
-	color: white !important; /* @ IE6 */
-	text-decoration: none;
-}
-span.fancytree-drop-target.fancytree-drop-reject
-{
-	/*border: 1px solid red;*/
-}
-span.fancytree-drop-target.fancytree-drop-after a
-{
-}
diff --git a/app/assets/stylesheets/fancytree/skin-themeroller/ui.fancytree.min.css.erb b/app/assets/stylesheets/fancytree/skin-themeroller/ui.fancytree.min.css.erb
deleted file mode 100644
index cc276ec..0000000
--- a/app/assets/stylesheets/fancytree/skin-themeroller/ui.fancytree.min.css.erb
+++ /dev/null
@@ -1 +0,0 @@
-.ui-helper-hidden{display:none}.fancytree-container{white-space:nowrap;padding:3px;margin:0;overflow:auto}ul.fancytree-container ul{padding:0 0 0 16px;margin:0}ul.fancytree-container li{list-style-image:none;list-style-position:outside;list-style-type:none;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background-attachment:scroll;background-color:transparent;background-position:0 0;background-repeat:repeat-y;background-image:none;margin:0;padding:1px 0 0}ul.fancytree-container li.fancytree-lastsib,ul.fancytree-no-connector>li{background-image:none}span.fancytree-node{display:inline-block;width:100%;border:1px solid transparent}#fancytree-drop-marker,span.fancytree-checkbox,span.fancytree-drag-helper-img,span.fancytree-empty,span.fancytree-expander,span.fancytree-icon,span.fancytree-radio,span.fancytree-vline{width:16px;height:16px;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-image:url(icons.gif);background-position:0 0}span.fancytree-custom-icon{display:inline-block}.fancytree-container img{width:16px;height:16px;margin-left:3px;vertical-align:top;border-style:none}span.fancytree-expander{background-position:0 -80px;cursor:pointer}.fancytree-exp-n span.fancytree-expander:hover,span.fancytree-expander:hover{background-position:-16px -80px}.fancytree-exp-e span.fancytree-expander,.fancytree-exp-ed span.fancytree-expander,.fancytree-exp-edl span.fancytree-expander,.fancytree-exp-el span.fancytree-expander{background-position:-32px -80px}.fancytree-exp-e span.fancytree-expander:hover,.fancytree-exp-ed span.fancytree-expander:hover,.fancytree-exp-edl span.fancytree-expander:hover,.fancytree-exp-el span.fancytree-expander:hover{background-position:-48px -80px}.fancytree-loading span.fancytree-expander{background-position:0 0;background-image:url(loading.gif)}.fancytree-exp-n span.fancytree-expander,.fancytree-exp-nl span.fancytree-expander{background-image:none;cursor:default}span.fancytree-checkbox{margin-left:3px;background-position:0 -32px}span.fancytree-checkbox:hover{background-position:-16px -32px}.fancytree-partsel span.fancytree-checkbox{background-position:-64px -32px}.fancytree-partsel span.fancytree-checkbox:hover{background-position:-80px -32px}.fancytree-selected span.fancytree-checkbox{background-position:-32px -32px}.fancytree-selected span.fancytree-checkbox:hover{background-position:-48px -32px}.fancytree-radio span.fancytree-checkbox{margin-left:3px;background-position:0 -48px}.fancytree-radio span.fancytree-checkbox:hover{background-position:-16px -48px}.fancytree-radio .fancytree-partsel span.fancytree-checkbox{background-position:-64px -48px}.fancytree-radio .fancytree-partsel span.fancytree-checkbox:hover{background-position:-80px -48px}.fancytree-radio .fancytree-selected span.fancytree-checkbox{background-position:-32px -48px}.fancytree-radio .fancytree-selected span.fancytree-checkbox:hover{background-position:-48px -48px}span.fancytree-icon{margin-left:3px;background-position:0 0}.fancytree-ico-cf span.fancytree-icon{background-position:0 -16px}.fancytree-ico-ef span.fancytree-icon{background-position:-64px -16px}.fancytree-statusnode-wait span.fancytree-icon{background-image:url(loading.gif)}.fancytree-statusnode-error span.fancytree-icon{background-position:0 -112px}span.fancytree-title{display:inline-block}.fancytree-title{display:inline-block;padding-left:3px;padding-right:3px;vertical-align:top;margin:0;margin-left:3px;cursor:pointer}table.fancytree-ext-table{border-collapse:collapse}table.fancytree-ext-columnview td{position:relative}table.fancytree-ext-columnview td >ul{padding:0}table.fancytree-ext-columnview td >ul li{list-style-image:none;list-style-position:outside;list-style-type:none;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background-attachment:scroll;background-color:transparent;background-position:0 0;background-repeat:repeat-y;background-image:none;margin:0;padding:1px 0 0}table.fancytree-ext-columnview tbody tr td{border:1px solid gray;vertical-align:top;overflow:auto}table.fancytree-ext-columnview span.fancytree-node{position:relative}table.fancytree-ext-columnview span.fancytree-cv-right{background-position:0 -80px;position:absolute;right:3px}.fancytree-ext-filter .fancytree-node .fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter .fancytree-node.fancytree-submatch .fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter .fancytree-node.fancytree-match .fancytree-title{color:#000;font-weight:700}div.fancytree-drag-helper a{border:1px solid gray;background-color:#fff;padding-left:5px;padding-right:5px;opacity:.8}div.fancytree-drop-accept span.fancytree-drag-helper-img{background-position:-32px -112px}div.fancytree-drag-helper.fancytree-drop-reject{border-color:red}div.fancytree-drop-reject span.fancytree-drag-helper-img{background-position:-16px -112px}#fancytree-drop-marker{width:24px;position:absolute;background-position:0 -128px;margin:0}#fancytree-drop-marker.fancytree-drop-after,#fancytree-drop-marker.fancytree-drop-before{width:64px;background-position:0 -144px}#fancytree-drop-marker.fancytree-drop-copy,#fancytree-drop-marker.fancytree-drop-move{background-position:-64px -128px}span.fancytree-drag-source{background-color:#e0e0e0}span.fancytree-drag-source a{color:gray}span.fancytree-drop-target.fancytree-drop-accept a{background-color:#3169C6!important;color:#fff!important;text-decoration:none}
\ No newline at end of file
diff --git a/app/assets/stylesheets/fancytree/skin-vista/ui.fancytree.css.erb b/app/assets/stylesheets/fancytree/skin-vista/ui.fancytree.css.erb
deleted file mode 100644
index 59b2545..0000000
--- a/app/assets/stylesheets/fancytree/skin-vista/ui.fancytree.css.erb
+++ /dev/null
@@ -1,512 +0,0 @@
-/*!
- * Fancytree "Vista" skin.
- *
- * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
- * the LESS templates.
- */
-
-/*
- *= depend_on_asset "fancytree/icons.gif"
- */
-
-/*
-both:
-   unselected background: #FCFCFC 'nearly white'
-   hover bar (unselected, inactive): #F8FCFE..#EFF9FE (border: #D8F0FA) 'very light blue'
-   active node: #F6FBFD..#D5EFFC (border: #99DEFD)  'light blue'
-   active node with hover: #F2F9FD..#C4E8FA (border: #B6E6FB)
-
-Tree view:
-   active node, tree inactive: #FAFAFB..#E5E5E5 (border: #D9D9D9) 'light gray, selected, but tree not active'
-
-List view:
-   selected bar: --> active bar
-   focus  bar: active + border 1px dotted #090402 (inside the blue border)
-
-   table left/right border: #EDEDED 'light gray'
- */
-/*******************************************************************************
- * Common Styles for Fancytree Skins.
- *
- * This section is automatically generated from the `skin-common.less` template.
- ******************************************************************************/
-/*------------------------------------------------------------------------------
- * Helpers
- *----------------------------------------------------------------------------*/
-.ui-helper-hidden {
-  display: none;
-}
-/*------------------------------------------------------------------------------
- * Container and UL / LI
- *----------------------------------------------------------------------------*/
-ul.fancytree-container {
-  font-family: tahoma, arial, helvetica;
-  font-size: 10pt;
-  white-space: nowrap;
-  padding: 3px;
-  margin: 0;
-  background-color: white;
-  border: 1px dotted gray;
-  overflow: auto;
-  min-height: 0%;
-  position: relative;
-}
-ul.fancytree-container ul {
-  padding: 0 0 0 16px;
-  margin: 0;
-}
-ul.fancytree-container li {
-  list-style-image: none;
-  list-style-position: outside;
-  list-style-type: none;
-  -moz-background-clip: border;
-  -moz-background-inline-policy: continuous;
-  -moz-background-origin: padding;
-  background-attachment: scroll;
-  background-color: transparent;
-  background-position: 0px 0px;
-  background-repeat: repeat-y;
-  background-image: none;
-  margin: 0;
-  padding: 1px 0 0 0;
-}
-ul.fancytree-container li.fancytree-lastsib {
-  background-image: none;
-}
-ul.fancytree-no-connector > li {
-  background-image: none;
-}
-.ui-fancytree-disabled ul.fancytree-container {
-  opacity: 0.5;
-  background-color: silver;
-}
-/*------------------------------------------------------------------------------
- * Common icon definitions
- *----------------------------------------------------------------------------*/
-span.fancytree-empty,
-span.fancytree-vline,
-span.fancytree-expander,
-span.fancytree-icon,
-span.fancytree-checkbox,
-span.fancytree-radio,
-span.fancytree-drag-helper-img,
-#fancytree-drop-marker {
-  width: 16px;
-  height: 16px;
-  display: inline-block;
-  vertical-align: top;
-  background-repeat: no-repeat;
-  background-position: left;
-  background-image: url(<%= image_path("fancytree/icons.gif") %>);
-  background-position: 0px 0px;
-}
-span.fancytree-icon,
-span.fancytree-checkbox,
-span.fancytree-radio,
-span.fancytree-custom-icon {
-  margin-top: 1px;
-}
-/* Used by iconclass option */
-span.fancytree-custom-icon {
-  display: inline-block;
-}
-/* Used by 'icon' node option: */
-img.fancytree-icon {
-  width: 16px;
-  height: 16px;
-  margin-left: 3px;
-  margin-top: 1px;
-  vertical-align: top;
-  border-style: none;
-}
-/*------------------------------------------------------------------------------
- * Expander icon
- *
- * Note: IE6 doesn't correctly evaluate multiples class names,
- *		 so we create combined class names that can be used in the CSS.
- *
- * Prefix: fancytree-exp-
- * 1st character: 'e': expanded, 'c': collapsed, 'n': no children
- * 2nd character (optional): 'd': lazy (Delayed)
- * 3rd character (optional): 'l': Last sibling
- *----------------------------------------------------------------------------*/
-span.fancytree-expander {
-  cursor: pointer;
-}
-.fancytree-exp-n span.fancytree-expander,
-.fancytree-exp-nl span.fancytree-expander {
-  background-image: none;
-  cursor: default;
-}
-.fancytree-exp-n span.fancytree-expander,
-.fancytree-exp-n span.fancytree-expander:hover {
-  background-position: 0px -64px;
-}
-.fancytree-exp-nl span.fancytree-expander,
-.fancytree-exp-nl span.fancytree-expander:hover {
-  background-position: -16px -64px;
-}
-.fancytree-exp-c span.fancytree-expander {
-  background-position: 0px -80px;
-}
-.fancytree-exp-c span.fancytree-expander:hover {
-  background-position: -16px -80px;
-}
-.fancytree-exp-cl span.fancytree-expander {
-  background-position: 0px -96px;
-}
-.fancytree-exp-cl span.fancytree-expander:hover {
-  background-position: -16px -96px;
-}
-.fancytree-exp-cd span.fancytree-expander {
-  background-position: -64px -80px;
-}
-.fancytree-exp-cd span.fancytree-expander:hover {
-  background-position: -80px -80px;
-}
-.fancytree-exp-cdl span.fancytree-expander {
-  background-position: -64px -96px;
-}
-.fancytree-exp-cdl span.fancytree-expander:hover {
-  background-position: -80px -96px;
-}
-.fancytree-exp-e span.fancytree-expander,
-.fancytree-exp-ed span.fancytree-expander {
-  background-position: -32px -80px;
-}
-.fancytree-exp-e span.fancytree-expander:hover,
-.fancytree-exp-ed span.fancytree-expander:hover {
-  background-position: -48px -80px;
-}
-.fancytree-exp-el span.fancytree-expander,
-.fancytree-exp-edl span.fancytree-expander {
-  background-position: -32px -96px;
-}
-.fancytree-exp-el span.fancytree-expander:hover,
-.fancytree-exp-edl span.fancytree-expander:hover {
-  background-position: -48px -96px;
-}
-.fancytree-loading span.fancytree-expander,
-.fancytree-loading span.fancytree-expander:hover,
-.fancytree-statusnode-wait span.fancytree-icon,
-.fancytree-statusnode-wait span.fancytree-icon:hover {
-  background-image: url("loading.gif");
-  background-position: 0px 0px;
-}
-/* Status node icons */
-.fancytree-statusnode-error span.fancytree-icon {
-  background-position: 0px -112px;
-}
-/*------------------------------------------------------------------------------
- * Checkbox icon
- *----------------------------------------------------------------------------*/
-span.fancytree-checkbox {
-  margin-left: 3px;
-  background-position: 0px -32px;
-}
-span.fancytree-checkbox:hover {
-  background-position: -16px -32px;
-}
-.fancytree-partsel span.fancytree-checkbox {
-  background-position: -64px -32px;
-}
-.fancytree-partsel span.fancytree-checkbox:hover {
-  background-position: -80px -32px;
-}
-.fancytree-selected span.fancytree-checkbox {
-  background-position: -32px -32px;
-}
-.fancytree-selected span.fancytree-checkbox:hover {
-  background-position: -48px -32px;
-}
-/*------------------------------------------------------------------------------
- * Radiobutton icon
- * This is a customization, that may be activated by overriding the 'checkbox'
- * class name as 'fancytree-radio' in the tree options.
- *----------------------------------------------------------------------------*/
-.fancytree-radio span.fancytree-checkbox {
-  background-position: 0px -48px;
-}
-.fancytree-radio span.fancytree-checkbox:hover {
-  background-position: -16px -48px;
-}
-.fancytree-radio .fancytree-partsel span.fancytree-checkbox {
-  background-position: -64px -48px;
-}
-.fancytree-radio .fancytree-partsel span.fancytree-checkbox:hover {
-  background-position: -80px -48px;
-}
-.fancytree-radio .fancytree-selected span.fancytree-checkbox {
-  background-position: -32px -48px;
-}
-.fancytree-radio .fancytree-selected span.fancytree-checkbox:hover {
-  background-position: -48px -48px;
-}
-/*------------------------------------------------------------------------------
- * Node type icon
- * Note: IE6 doesn't correctly evaluate multiples class names,
- *		 so we create combined class names that can be used in the CSS.
- *
- * Prefix: fancytree-ico-
- * 1st character: 'e': expanded, 'c': collapsed
- * 2nd character (optional): 'f': folder
- *----------------------------------------------------------------------------*/
-span.fancytree-icon {
-  margin-left: 3px;
-  background-position: 0px 0px;
-}
-/* Documents */
-.fancytree-ico-c span.fancytree-icon:hover {
-  background-position: -16px 0px;
-}
-.fancytree-has-children.fancytree-ico-c span.fancytree-icon {
-  background-position: -32px 0px;
-}
-.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover {
-  background-position: -48px 0px;
-}
-.fancytree-ico-e span.fancytree-icon {
-  background-position: -64px 0px;
-}
-.fancytree-ico-e span.fancytree-icon:hover {
-  background-position: -80px 0px;
-}
-/* Folders */
-.fancytree-ico-cf span.fancytree-icon {
-  background-position: 0px -16px;
-}
-.fancytree-ico-cf span.fancytree-icon:hover {
-  background-position: -16px -16px;
-}
-.fancytree-has-children.fancytree-ico-cf span.fancytree-icon {
-  background-position: -32px -16px;
-}
-.fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover {
-  background-position: -48px -16px;
-}
-.fancytree-ico-ef span.fancytree-icon {
-  background-position: -64px -16px;
-}
-.fancytree-ico-ef span.fancytree-icon:hover {
-  background-position: -80px -16px;
-}
-/*------------------------------------------------------------------------------
- * Node titles and highlighting
- *----------------------------------------------------------------------------*/
-span.fancytree-node {
-  /* See #117 */
-  display: inherit;
-  width: 100%;
-}
-span.fancytree-title {
-  display: inline-block;
-  padding-left: 3px;
-  padding-right: 3px;
-  color: black;
-  vertical-align: top;
-  margin: 0px;
-  margin-left: 3px;
-  cursor: pointer;
-}
-span.fancytree-node.fancytree-error span.fancytree-title {
-  color: red;
-}
-/*------------------------------------------------------------------------------
- * Drag'n'drop support
- *----------------------------------------------------------------------------*/
-div.fancytree-drag-helper a {
-  border: 1px solid gray;
-  background-color: white;
-  padding-left: 5px;
-  padding-right: 5px;
-  opacity: 0.8;
-}
-div.fancytree-drag-helper.fancytree-drop-reject {
-  border-color: red;
-}
-div.fancytree-drop-accept span.fancytree-drag-helper-img {
-  background-position: -32px -112px;
-}
-div.fancytree-drop-reject span.fancytree-drag-helper-img {
-  background-position: -16px -112px;
-}
-/*** Drop marker icon *********************************************************/
-#fancytree-drop-marker {
-  width: 32px;
-  position: absolute;
-  background-position: 0px -128px;
-  margin: 0;
-}
-#fancytree-drop-marker.fancytree-drop-after,
-#fancytree-drop-marker.fancytree-drop-before {
-  width: 64px;
-  background-position: 0px -144px;
-}
-#fancytree-drop-marker.fancytree-drop-copy {
-  background-position: -64px -128px;
-}
-#fancytree-drop-marker.fancytree-drop-move {
-  background-position: -32px -128px;
-}
-/*** Source node while dragging ***********************************************/
-span.fancytree-drag-source {
-  background-color: #e0e0e0;
-}
-span.fancytree-drag-source span.fancytree.title {
-  color: gray;
-}
-/*** Target node while dragging cursor is over it *****************************/
-span.fancytree-drop-target.fancytree-drop-accept a {
-  background-color: #3169C6 !important;
-  color: white !important;
-  /* @ IE6 */
-  text-decoration: none;
-}
-/*------------------------------------------------------------------------------
- * 'table' extension
- *----------------------------------------------------------------------------*/
-table.fancytree-ext-table {
-  border-collapse: collapse;
-}
-table.fancytree-ext-table span.fancytree-node {
-  display: inline-block;
-}
-/*------------------------------------------------------------------------------
- * 'columnview' extension
- *----------------------------------------------------------------------------*/
-table.fancytree-ext-columnview tbody tr td {
-  position: relative;
-  border: 1px solid gray;
-  vertical-align: top;
-  overflow: auto;
-}
-table.fancytree-ext-columnview tbody tr td > ul {
-  padding: 0;
-}
-table.fancytree-ext-columnview tbody tr td > ul li {
-  list-style-image: none;
-  list-style-position: outside;
-  list-style-type: none;
-  -moz-background-clip: border;
-  -moz-background-inline-policy: continuous;
-  -moz-background-origin: padding;
-  background-attachment: scroll;
-  background-color: transparent;
-  background-position: 0px 0px;
-  background-repeat: repeat-y;
-  background-image: none;
-  /* no v-lines */
-  margin: 0;
-  padding: 1px 0 0 0;
-}
-table.fancytree-ext-columnview span.fancytree-node {
-  position: relative;
-  /* allow positioning of embedded spans */
-  display: inline-block;
-}
-table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded {
-  background-color: #CBE8F6;
-}
-table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right {
-  position: absolute;
-  right: 3px;
-  background-position: 0px -80px;
-}
-table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover {
-  background-position: -16px -80px;
-}
-/*------------------------------------------------------------------------------
- * 'filter' extension
- *----------------------------------------------------------------------------*/
-.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title {
-  color: silver;
-  font-weight: lighter;
-}
-.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title,
-.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title {
-  color: black;
-  font-weight: normal;
-}
-.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title,
-.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title {
-  color: black;
-  font-weight: bold;
-}
-.fancytree-ext-filter-hide tr.fancytree-hide,
-.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide {
-  display: none;
-}
-.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title,
-.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title {
-  color: silver;
-  font-weight: lighter;
-}
-.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title,
-.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title {
-  color: black;
-  font-weight: normal;
-}
-/*------------------------------------------------------------------------------
- * 'wide' extension
- *----------------------------------------------------------------------------*/
-ul.fancytree-ext-wide span.fancytree-node > span {
-  position: relative;
-  z-index: 2;
-}
-ul.fancytree-ext-wide span.fancytree-node span.fancytree-title {
-  position: relative;
-  z-index: 1;
-  width: 100%;
-  padding-left: 503px;
-  margin-left: -500px;
-}
-/*******************************************************************************
- * Styles specific to this skin.
- *
- * This section is automatically generated from the `ui-fancytree.less` template.
- ******************************************************************************/
-/*******************************************************************************
- * Node titles
- */
-span.fancytree-title {
-  border: 1px solid transparent;
-}
-span.fancytree-title:hover {
-  background-color: #F2F7FD;
-  border-color: #B8D6FB;
-}
-span.fancytree-focused span.fancytree-title {
-  background-color: #EFEBDE;
-  outline: 1px dotted gray;
-}
-span.fancytree-selected span.fancytree-title {
-  font-style: italic;
-}
-span.fancytree-active span.fancytree-title {
-  border: 1px solid #99DEFD;
-  background-color: #D8F0FA;
-}
-/*******************************************************************************
- * 'table' extension
- */
-table.fancytree-ext-table {
-  border-collapse: collapse;
-}
-table.fancytree-ext-table tbody tr.fancytree-focused {
-  background-color: #99DEFD;
-}
-table.fancytree-ext-table tbody tr.fancytree-active {
-  background-color: royalblue;
-}
-table.fancytree-ext-table tbody tr.fancytree-selected {
-  background-color: #99FDDE;
-}
-/*******************************************************************************
- * 'columnview' extension
- */
-table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded {
-  background-color: #ccc;
-}
-table.fancytree-ext-columnview span.fancytree-node.fancytree-active {
-  background-color: royalblue;
-}
diff --git a/app/assets/stylesheets/fancytree/skin-vista/ui.fancytree.min.css.erb b/app/assets/stylesheets/fancytree/skin-vista/ui.fancytree.min.css.erb
deleted file mode 100644
index 52be2a1..0000000
--- a/app/assets/stylesheets/fancytree/skin-vista/ui.fancytree.min.css.erb
+++ /dev/null
@@ -1,6 +0,0 @@
-/*!
- * Fancytree "Vista" skin.
- *
- * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
- * the LESS templates.
- */.ui-helper-hidden{display:none}ul.fancytree-container{font-family:tahoma,arial,helvetica;font-size:10pt;white-space:nowrap;padding:3px;margin:0;background-color:#fff;border:1px dotted gray;overflow:auto;min-height:0;position:relative}ul.fancytree-container ul{padding:0 0 0 16px;margin:0}ul.fancytree-container li{list-style-image:none;list-style-position:outside;list-style-type:none;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background-attachment:scroll;background-color:transparent;background-position:0 0;background-repeat:repeat-y;background-image:none;margin:0;padding:1px 0 0}ul.fancytree-container li.fancytree-lastsib,ul.fancytree-no-connector>li{background-image:none}.ui-fancytree-disabled ul.fancytree-container{opacity:.5;background-color:silver}#fancytree-drop-marker,span.fancytree-checkbox,span.fancytree-drag-helper-img,span.fancytree-empty,span.fancytree-expander,span.fancytree-icon,span.fancytree-radio,span.fancytree-vline{width:16px;height:16px;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-image:url(icons.gif);background-position:0 0}span.fancytree-checkbox,span.fancytree-custom-icon,span.fancytree-icon,span.fancytree-radio{margin-top:1px}span.fancytree-custom-icon{display:inline-block}img.fancytree-icon{width:16px;height:16px;margin-left:3px;margin-top:1px;vertical-align:top;border-style:none}span.fancytree-expander{cursor:pointer}.fancytree-exp-n span.fancytree-expander,.fancytree-exp-nl span.fancytree-expander{background-image:none;cursor:default}.fancytree-exp-n span.fancytree-expander,.fancytree-exp-n span.fancytree-expander:hover{background-position:0 -64px}.fancytree-exp-nl span.fancytree-expander,.fancytree-exp-nl span.fancytree-expander:hover{background-position:-16px -64px}.fancytree-exp-c span.fancytree-expander{background-position:0 -80px}.fancytree-exp-c span.fancytree-expander:hover{background-position:-16px -80px}.fancytree-exp-cl span.fancytree-expander{background-position:0 -96px}.fancytree-exp-cl span.fancytree-expander:hover{background-position:-16px -96px}.fancytree-exp-cd span.fancytree-expander{background-position:-64px -80px}.fancytree-exp-cd span.fancytree-expander:hover{background-position:-80px -80px}.fancytree-exp-cdl span.fancytree-expander{background-position:-64px -96px}.fancytree-exp-cdl span.fancytree-expander:hover{background-position:-80px -96px}.fancytree-exp-e span.fancytree-expander,.fancytree-exp-ed span.fancytree-expander{background-position:-32px -80px}.fancytree-exp-e span.fancytree-expander:hover,.fancytree-exp-ed span.fancytree-expander:hover{background-position:-48px -80px}.fancytree-exp-edl span.fancytree-expander,.fancytree-exp-el span.fancytree-expander{background-position:-32px -96px}.fancytree-exp-edl span.fancytree-expander:hover,.fancytree-exp-el span.fancytree-expander:hover{background-position:-48px -96px}.fancytree-loading span.fancytree-expander,.fancytree-loading span.fancytree-expander:hover,.fancytree-statusnode-wait span.fancytree-icon,.fancytree-statusnode-wait span.fancytree-icon:hover{background-image:url(loading.gif);background-position:0 0}.fancytree-statusnode-error span.fancytree-icon{background-position:0 -112px}span.fancytree-checkbox{margin-left:3px;background-position:0 -32px}span.fancytree-checkbox:hover{background-position:-16px -32px}.fancytree-partsel span.fancytree-checkbox{background-position:-64px -32px}.fancytree-partsel span.fancytree-checkbox:hover{background-position:-80px -32px}.fancytree-selected span.fancytree-checkbox{background-position:-32px -32px}.fancytree-selected span.fancytree-checkbox:hover{background-position:-48px -32px}.fancytree-radio span.fancytree-checkbox{background-position:0 -48px}.fancytree-radio span.fancytree-checkbox:hover{background-position:-16px -48px}.fancytree-radio .fancytree-partsel span.fancytree-checkbox{background-position:-64px -48px}.fancytree-radio .fancytree-partsel span.fancytree-checkbox:hover{background-position:-80px -48px}.fancytree-radio .fancytree-selected span.fancytree-checkbox{background-position:-32px -48px}.fancytree-radio .fancytree-selected span.fancytree-checkbox:hover{background-position:-48px -48px}span.fancytree-icon{margin-left:3px;background-position:0 0}.fancytree-ico-c span.fancytree-icon:hover{background-position:-16px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon{background-position:-32px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover{background-position:-48px 0}.fancytree-ico-e span.fancytree-icon{background-position:-64px 0}.fancytree-ico-e span.fancytree-icon:hover{background-position:-80px 0}.fancytree-ico-cf span.fancytree-icon{background-position:0 -16px}.fancytree-ico-cf span.fancytree-icon:hover{background-position:-16px -16px}.fancytree-has-children.fancytree-ico-cf span.fancytree-icon{background-position:-32px -16px}.fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover{background-position:-48px -16px}.fancytree-ico-ef span.fancytree-icon{background-position:-64px -16px}.fancytree-ico-ef span.fancytree-icon:hover{background-position:-80px -16px}span.fancytree-node{display:inherit;width:100%}span.fancytree-title{display:inline-block;padding-left:3px;padding-right:3px;color:#000;vertical-align:top;margin:0;margin-left:3px;cursor:pointer}span.fancytree-node.fancytree-error span.fancytree-title{color:red}div.fancytree-drag-helper a{border:1px solid gray;background-color:#fff;padding-left:5px;padding-right:5px;opacity:.8}div.fancytree-drag-helper.fancytree-drop-reject{border-color:red}div.fancytree-drop-accept span.fancytree-drag-helper-img{background-position:-32px -112px}div.fancytree-drop-reject span.fancytree-drag-helper-img{background-position:-16px -112px}#fancytree-drop-marker{width:32px;position:absolute;background-position:0 -128px;margin:0}#fancytree-drop-marker.fancytree-drop-after,#fancytree-drop-marker.fancytree-drop-before{width:64px;background-position:0 -144px}#fancytree-drop-marker.fancytree-drop-copy{background-position:-64px -128px}#fancytree-drop-marker.fancytree-drop-move{background-position:-32px -128px}span.fancytree-drag-source{background-color:#e0e0e0}span.fancytree-drag-source span.fancytree.title{color:gray}span.fancytree-drop-target.fancytree-drop-accept a{background-color:#3169C6!important;color:#fff!important;text-decoration:none}table.fancytree-ext-table span.fancytree-node{display:inline-block}table.fancytree-ext-columnview tbody tr td{position:relative;border:1px solid gray;vertical-align:top;overflow:auto}table.fancytree-ext-columnview tbody tr td>ul{padding:0}table.fancytree-ext-columnview tbody tr td>ul li{list-style-image:none;list-style-position:outside;list-style-type:none;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background-attachment:scroll;background-color:transparent;background-position:0 0;background-repeat:repeat-y;background-image:none;margin:0;padding:1px 0 0}table.fancytree-ext-columnview span.fancytree-node{position:relative;display:inline-block}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right{position:absolute;right:3px;background-position:0 -80px}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover{background-position:-16px -80px}.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title{color:#000;font-weight:700}.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide,.fancytree-ext-filter-hide tr.fancytree-hide{display:none}.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title{color:#000;font-weight:400}ul.fancytree-ext-wide span.fancytree-node>span{position:relative;z-index:2}ul.fancytree-ext-wide span.fancytree-node span.fancytree-title{position:relative;z-index:1;width:100%;padding-left:503px;margin-left:-500px}span.fancytree-title{border:1px solid transparent}span.fancytree-title:hover{background-color:#F2F7FD;border-color:#B8D6FB}span.fancytree-focused span.fancytree-title{background-color:#EFEBDE;outline:1px dotted gray}span.fancytree-selected span.fancytree-title{font-style:italic}span.fancytree-active span.fancytree-title{border:1px solid #99DEFD;background-color:#D8F0FA}table.fancytree-ext-table{border-collapse:collapse}table.fancytree-ext-table tbody tr.fancytree-focused{background-color:#99DEFD}table.fancytree-ext-table tbody tr.fancytree-active{background-color:#4169e1}table.fancytree-ext-table tbody tr.fancytree-selected{background-color:#99FDDE}table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded{background-color:#ccc}table.fancytree-ext-columnview span.fancytree-node.fancytree-active{background-color:#4169e1}
\ No newline at end of file
diff --git a/app/assets/stylesheets/fancytree/skin-vista/ui.fancytree.scss b/app/assets/stylesheets/fancytree/skin-vista/ui.fancytree.scss
new file mode 100644
index 0000000..3b1dbf8
--- /dev/null
+++ b/app/assets/stylesheets/fancytree/skin-vista/ui.fancytree.scss
@@ -0,0 +1,105 @@
+/*!
+ * Fancytree "Vista" skin.
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */
+
+/*
+both:
+   unselected background: #FCFCFC 'nearly white'
+   hover bar (unselected, inactive): #F8FCFE..#EFF9FE (border: #D8F0FA) 'very light blue'
+   active node: #F6FBFD..#D5EFFC (border: #99DEFD)  'light blue'
+   active node with hover: #F2F9FD..#C4E8FA (border: #B6E6FB)
+
+Tree view:
+   active node, tree inactive: #FAFAFB..#E5E5E5 (border: #D9D9D9) 'light gray, selected, but tree not active'
+
+List view:
+   selected bar: --> active bar
+   focus  bar: active + border 1px dotted #090402 (inside the blue border)
+
+   table left/right border: #EDEDED 'light gray'
+ */
+
+$fancy-image-dir: "fancytree/skin-vista";
+// Import common styles
+@import "../skin-common.scss";
+
+
+/*******************************************************************************
+ * Styles specific to this skin.
+ *
+ * This section is automatically generated from the `ui-fancytree.scss` template.
+ ******************************************************************************/
+
+
+// Override the variable after the import. 
+// NOTE: Variables are always resolved as the last definition, even if it is 
+// after where it is used.
+$fancy-use-sprites: true;
+$fancy-hide-connectors: true;
+$fancy-icon-width: 16px;
+$fancy-icon-height: 16px;
+$fancy-line-height: 16px;
+$fancy-icon-margin-left: 3px;
+
+/*******************************************************************************
+ * Node titles
+ */
+span.fancytree-title {
+  border: $fancy-node-border-width solid transparent;  // avoid jumping, when a border is added on hover
+}
+span.fancytree-title:hover {
+   background-color: #F2F7FD; // light blue
+   border-color: #B8D6FB; // darker light blue
+}
+.fancytree-folder span.fancytree-title {
+   // font-weight: bold;
+}
+span.fancytree-focused span.fancytree-title {
+   background-color: #EFEBDE; // gray
+   outline: 1px dotted gray;
+}
+span.fancytree-has-children span.fancytree-title {
+  // font-style: oblique;
+}
+span.fancytree-expanded span.fancytree-title {
+}
+span.fancytree-selected span.fancytree-title {
+   font-style: italic;
+}
+span.fancytree-active span.fancytree-title {
+   border: 1px solid #99DEFD;
+   background-color: #D8F0FA;
+}
+
+/*******************************************************************************
+ * 'table' extension
+ */
+
+table.fancytree-ext-table {
+   border-collapse: collapse;
+   tbody tr.fancytree-focused {
+      background-color: #99DEFD;
+   }
+   tbody tr.fancytree-active {
+      background-color: royalblue;
+   }
+   tbody tr.fancytree-selected {
+      background-color: #99FDDE;
+   }
+}
+
+/*******************************************************************************
+ * 'columnview' extension
+ */
+
+table.fancytree-ext-columnview {
+   span.fancytree-node.fancytree-expanded {
+      background-color: #ccc;
+   }
+   span.fancytree-node.fancytree-active {
+      background-color: royalblue;
+   }
+}
diff --git a/app/assets/stylesheets/fancytree/skin-win7/ui.fancytree.css.erb b/app/assets/stylesheets/fancytree/skin-win7/ui.fancytree.css.erb
deleted file mode 100644
index 8eff746..0000000
--- a/app/assets/stylesheets/fancytree/skin-win7/ui.fancytree.css.erb
+++ /dev/null
@@ -1,576 +0,0 @@
-/*!
- * Fancytree "Win7" skin.
- *
- * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
- * the LESS templates.
- */
-
-/*
- *= depend_on_asset "fancytree/icons.gif"
- */
-
-/*******************************************************************************
- * Common Styles for Fancytree Skins.
- *
- * This section is automatically generated from the `skin-common.less` template.
- ******************************************************************************/
-/*------------------------------------------------------------------------------
- * Helpers
- *----------------------------------------------------------------------------*/
-.ui-helper-hidden {
-  display: none;
-}
-/*------------------------------------------------------------------------------
- * Container and UL / LI
- *----------------------------------------------------------------------------*/
-ul.fancytree-container {
-  font-family: tahoma, arial, helvetica;
-  font-size: 10pt;
-  white-space: nowrap;
-  padding: 3px;
-  margin: 0;
-  background-color: white;
-  border: 1px dotted gray;
-  overflow: auto;
-  min-height: 0%;
-  position: relative;
-}
-ul.fancytree-container ul {
-  padding: 0 0 0 16px;
-  margin: 0;
-}
-ul.fancytree-container li {
-  list-style-image: none;
-  list-style-position: outside;
-  list-style-type: none;
-  -moz-background-clip: border;
-  -moz-background-inline-policy: continuous;
-  -moz-background-origin: padding;
-  background-attachment: scroll;
-  background-color: transparent;
-  background-position: 0px 0px;
-  background-repeat: repeat-y;
-  background-image: none;
-  margin: 0;
-  padding: 1px 0 0 0;
-}
-ul.fancytree-container li.fancytree-lastsib {
-  background-image: none;
-}
-ul.fancytree-no-connector > li {
-  background-image: none;
-}
-.ui-fancytree-disabled ul.fancytree-container {
-  opacity: 0.5;
-  background-color: silver;
-}
-/*------------------------------------------------------------------------------
- * Common icon definitions
- *----------------------------------------------------------------------------*/
-span.fancytree-empty,
-span.fancytree-vline,
-span.fancytree-expander,
-span.fancytree-icon,
-span.fancytree-checkbox,
-span.fancytree-radio,
-span.fancytree-drag-helper-img,
-#fancytree-drop-marker {
-  width: 16px;
-  height: 16px;
-  display: inline-block;
-  vertical-align: top;
-  background-repeat: no-repeat;
-  background-position: left;
-  background-image: url(<%= image_path("fancytree/icons.gif") %>);
-  background-position: 0px 0px;
-}
-span.fancytree-icon,
-span.fancytree-checkbox,
-span.fancytree-radio,
-span.fancytree-custom-icon {
-  margin-top: 1px;
-}
-/* Used by iconclass option */
-span.fancytree-custom-icon {
-  display: inline-block;
-}
-/* Used by 'icon' node option: */
-img.fancytree-icon {
-  width: 16px;
-  height: 16px;
-  margin-left: 3px;
-  margin-top: 1px;
-  vertical-align: top;
-  border-style: none;
-}
-/*------------------------------------------------------------------------------
- * Expander icon
- *
- * Note: IE6 doesn't correctly evaluate multiples class names,
- *		 so we create combined class names that can be used in the CSS.
- *
- * Prefix: fancytree-exp-
- * 1st character: 'e': expanded, 'c': collapsed, 'n': no children
- * 2nd character (optional): 'd': lazy (Delayed)
- * 3rd character (optional): 'l': Last sibling
- *----------------------------------------------------------------------------*/
-span.fancytree-expander {
-  cursor: pointer;
-}
-.fancytree-exp-n span.fancytree-expander,
-.fancytree-exp-nl span.fancytree-expander {
-  background-image: none;
-  cursor: default;
-}
-.fancytree-exp-n span.fancytree-expander,
-.fancytree-exp-n span.fancytree-expander:hover {
-  background-position: 0px -64px;
-}
-.fancytree-exp-nl span.fancytree-expander,
-.fancytree-exp-nl span.fancytree-expander:hover {
-  background-position: -16px -64px;
-}
-.fancytree-exp-c span.fancytree-expander {
-  background-position: 0px -80px;
-}
-.fancytree-exp-c span.fancytree-expander:hover {
-  background-position: -16px -80px;
-}
-.fancytree-exp-cl span.fancytree-expander {
-  background-position: 0px -96px;
-}
-.fancytree-exp-cl span.fancytree-expander:hover {
-  background-position: -16px -96px;
-}
-.fancytree-exp-cd span.fancytree-expander {
-  background-position: -64px -80px;
-}
-.fancytree-exp-cd span.fancytree-expander:hover {
-  background-position: -80px -80px;
-}
-.fancytree-exp-cdl span.fancytree-expander {
-  background-position: -64px -96px;
-}
-.fancytree-exp-cdl span.fancytree-expander:hover {
-  background-position: -80px -96px;
-}
-.fancytree-exp-e span.fancytree-expander,
-.fancytree-exp-ed span.fancytree-expander {
-  background-position: -32px -80px;
-}
-.fancytree-exp-e span.fancytree-expander:hover,
-.fancytree-exp-ed span.fancytree-expander:hover {
-  background-position: -48px -80px;
-}
-.fancytree-exp-el span.fancytree-expander,
-.fancytree-exp-edl span.fancytree-expander {
-  background-position: -32px -96px;
-}
-.fancytree-exp-el span.fancytree-expander:hover,
-.fancytree-exp-edl span.fancytree-expander:hover {
-  background-position: -48px -96px;
-}
-.fancytree-loading span.fancytree-expander,
-.fancytree-loading span.fancytree-expander:hover,
-.fancytree-statusnode-wait span.fancytree-icon,
-.fancytree-statusnode-wait span.fancytree-icon:hover {
-  background-image: url("loading.gif");
-  background-position: 0px 0px;
-}
-/* Status node icons */
-.fancytree-statusnode-error span.fancytree-icon {
-  background-position: 0px -112px;
-}
-/*------------------------------------------------------------------------------
- * Checkbox icon
- *----------------------------------------------------------------------------*/
-span.fancytree-checkbox {
-  margin-left: 3px;
-  background-position: 0px -32px;
-}
-span.fancytree-checkbox:hover {
-  background-position: -16px -32px;
-}
-.fancytree-partsel span.fancytree-checkbox {
-  background-position: -64px -32px;
-}
-.fancytree-partsel span.fancytree-checkbox:hover {
-  background-position: -80px -32px;
-}
-.fancytree-selected span.fancytree-checkbox {
-  background-position: -32px -32px;
-}
-.fancytree-selected span.fancytree-checkbox:hover {
-  background-position: -48px -32px;
-}
-/*------------------------------------------------------------------------------
- * Radiobutton icon
- * This is a customization, that may be activated by overriding the 'checkbox'
- * class name as 'fancytree-radio' in the tree options.
- *----------------------------------------------------------------------------*/
-.fancytree-radio span.fancytree-checkbox {
-  background-position: 0px -48px;
-}
-.fancytree-radio span.fancytree-checkbox:hover {
-  background-position: -16px -48px;
-}
-.fancytree-radio .fancytree-partsel span.fancytree-checkbox {
-  background-position: -64px -48px;
-}
-.fancytree-radio .fancytree-partsel span.fancytree-checkbox:hover {
-  background-position: -80px -48px;
-}
-.fancytree-radio .fancytree-selected span.fancytree-checkbox {
-  background-position: -32px -48px;
-}
-.fancytree-radio .fancytree-selected span.fancytree-checkbox:hover {
-  background-position: -48px -48px;
-}
-/*------------------------------------------------------------------------------
- * Node type icon
- * Note: IE6 doesn't correctly evaluate multiples class names,
- *		 so we create combined class names that can be used in the CSS.
- *
- * Prefix: fancytree-ico-
- * 1st character: 'e': expanded, 'c': collapsed
- * 2nd character (optional): 'f': folder
- *----------------------------------------------------------------------------*/
-span.fancytree-icon {
-  margin-left: 3px;
-  background-position: 0px 0px;
-}
-/* Documents */
-.fancytree-ico-c span.fancytree-icon:hover {
-  background-position: -16px 0px;
-}
-.fancytree-has-children.fancytree-ico-c span.fancytree-icon {
-  background-position: -32px 0px;
-}
-.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover {
-  background-position: -48px 0px;
-}
-.fancytree-ico-e span.fancytree-icon {
-  background-position: -64px 0px;
-}
-.fancytree-ico-e span.fancytree-icon:hover {
-  background-position: -80px 0px;
-}
-/* Folders */
-.fancytree-ico-cf span.fancytree-icon {
-  background-position: 0px -16px;
-}
-.fancytree-ico-cf span.fancytree-icon:hover {
-  background-position: -16px -16px;
-}
-.fancytree-has-children.fancytree-ico-cf span.fancytree-icon {
-  background-position: -32px -16px;
-}
-.fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover {
-  background-position: -48px -16px;
-}
-.fancytree-ico-ef span.fancytree-icon {
-  background-position: -64px -16px;
-}
-.fancytree-ico-ef span.fancytree-icon:hover {
-  background-position: -80px -16px;
-}
-/*------------------------------------------------------------------------------
- * Node titles and highlighting
- *----------------------------------------------------------------------------*/
-span.fancytree-node {
-  /* See #117 */
-  display: inherit;
-  width: 100%;
-}
-span.fancytree-title {
-  display: inline-block;
-  padding-left: 3px;
-  padding-right: 3px;
-  color: black;
-  vertical-align: top;
-  margin: 0px;
-  margin-left: 3px;
-  cursor: pointer;
-}
-span.fancytree-node.fancytree-error span.fancytree-title {
-  color: red;
-}
-/*------------------------------------------------------------------------------
- * Drag'n'drop support
- *----------------------------------------------------------------------------*/
-div.fancytree-drag-helper a {
-  border: 1px solid gray;
-  background-color: white;
-  padding-left: 5px;
-  padding-right: 5px;
-  opacity: 0.8;
-}
-div.fancytree-drag-helper.fancytree-drop-reject {
-  border-color: red;
-}
-div.fancytree-drop-accept span.fancytree-drag-helper-img {
-  background-position: -32px -112px;
-}
-div.fancytree-drop-reject span.fancytree-drag-helper-img {
-  background-position: -16px -112px;
-}
-/*** Drop marker icon *********************************************************/
-#fancytree-drop-marker {
-  width: 32px;
-  position: absolute;
-  background-position: 0px -128px;
-  margin: 0;
-}
-#fancytree-drop-marker.fancytree-drop-after,
-#fancytree-drop-marker.fancytree-drop-before {
-  width: 64px;
-  background-position: 0px -144px;
-}
-#fancytree-drop-marker.fancytree-drop-copy {
-  background-position: -64px -128px;
-}
-#fancytree-drop-marker.fancytree-drop-move {
-  background-position: -32px -128px;
-}
-/*** Source node while dragging ***********************************************/
-span.fancytree-drag-source {
-  background-color: #e0e0e0;
-}
-span.fancytree-drag-source span.fancytree.title {
-  color: gray;
-}
-/*** Target node while dragging cursor is over it *****************************/
-span.fancytree-drop-target.fancytree-drop-accept a {
-  background-color: #3169C6 !important;
-  color: white !important;
-  /* @ IE6 */
-  text-decoration: none;
-}
-/*------------------------------------------------------------------------------
- * 'table' extension
- *----------------------------------------------------------------------------*/
-table.fancytree-ext-table {
-  border-collapse: collapse;
-}
-table.fancytree-ext-table span.fancytree-node {
-  display: inline-block;
-}
-/*------------------------------------------------------------------------------
- * 'columnview' extension
- *----------------------------------------------------------------------------*/
-table.fancytree-ext-columnview tbody tr td {
-  position: relative;
-  border: 1px solid gray;
-  vertical-align: top;
-  overflow: auto;
-}
-table.fancytree-ext-columnview tbody tr td > ul {
-  padding: 0;
-}
-table.fancytree-ext-columnview tbody tr td > ul li {
-  list-style-image: none;
-  list-style-position: outside;
-  list-style-type: none;
-  -moz-background-clip: border;
-  -moz-background-inline-policy: continuous;
-  -moz-background-origin: padding;
-  background-attachment: scroll;
-  background-color: transparent;
-  background-position: 0px 0px;
-  background-repeat: repeat-y;
-  background-image: none;
-  /* no v-lines */
-  margin: 0;
-  padding: 1px 0 0 0;
-}
-table.fancytree-ext-columnview span.fancytree-node {
-  position: relative;
-  /* allow positioning of embedded spans */
-  display: inline-block;
-}
-table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded {
-  background-color: #CBE8F6;
-}
-table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right {
-  position: absolute;
-  right: 3px;
-  background-position: 0px -80px;
-}
-table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover {
-  background-position: -16px -80px;
-}
-/*------------------------------------------------------------------------------
- * 'filter' extension
- *----------------------------------------------------------------------------*/
-.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title {
-  color: silver;
-  font-weight: lighter;
-}
-.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title,
-.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title {
-  color: black;
-  font-weight: normal;
-}
-.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title,
-.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title {
-  color: black;
-  font-weight: bold;
-}
-.fancytree-ext-filter-hide tr.fancytree-hide,
-.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide {
-  display: none;
-}
-.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title,
-.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title {
-  color: silver;
-  font-weight: lighter;
-}
-.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title,
-.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title {
-  color: black;
-  font-weight: normal;
-}
-/*------------------------------------------------------------------------------
- * 'wide' extension
- *----------------------------------------------------------------------------*/
-ul.fancytree-ext-wide span.fancytree-node > span {
-  position: relative;
-  z-index: 2;
-}
-ul.fancytree-ext-wide span.fancytree-node span.fancytree-title {
-  position: relative;
-  z-index: 1;
-  width: 100%;
-  padding-left: 503px;
-  margin-left: -500px;
-}
-/*******************************************************************************
- * Styles specific to this skin.
- *
- * This section is automatically generated from the `ui-fancytree.less` template.
- ******************************************************************************/
-/*******************************************************************************
- * Node titles
- */
-span.fancytree-title {
-  border: 1px solid transparent;
-  border-radius: 3px;
-}
-span.fancytree-title:hover {
-  border-color: #d8f0fa;
-  background: #f8fcfe;
-  color: inherit;
-  background: -moz-linear-gradient(top, #f8fcfe 0%, #eff9fe 100%);
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8fcfe), color-stop(100%, #eff9fe));
-  background: -webkit-linear-gradient(top, #f8fcfe 0%, #eff9fe 100%);
-  background: -o-linear-gradient(top, #f8fcfe 0%, #eff9fe 100%);
-  background: -ms-linear-gradient(top, #f8fcfe 0%, #eff9fe 100%);
-  background: linear-gradient(to bottom, #f8fcfe 0%, #eff9fe 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8fcfe', endColorstr='#eff9fe', GradientType=0);
-}
-span.fancytree-focused span.fancytree-title {
-  outline: 1px dotted black;
-}
-span.fancytree-active .fancytree-title {
-  border-color: #d9d9d9;
-  background: #e5e5e5;
-  color: inherit;
-  background: -moz-linear-gradient(top, #fafafb 0%, #e5e5e5 100%);
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafb), color-stop(100%, #e5e5e5));
-  background: -webkit-linear-gradient(top, #fafafb 0%, #e5e5e5 100%);
-  background: -o-linear-gradient(top, #fafafb 0%, #e5e5e5 100%);
-  background: -ms-linear-gradient(top, #fafafb 0%, #e5e5e5 100%);
-  background: linear-gradient(to bottom, #fafafb 0%, #e5e5e5 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafb', endColorstr='#e5e5e5', GradientType=0);
-}
-.fancytree-treefocus span.fancytree-active .fancytree-title,
-span.fancytree-selected .fancytree-title {
-  border-color: #99defd;
-  background: #f6fbfd;
-  color: inherit;
-  background: -moz-linear-gradient(top, #f6fbfd 0%, #d5effc 100%);
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6fbfd), color-stop(100%, #d5effc));
-  background: -webkit-linear-gradient(top, #f6fbfd 0%, #d5effc 100%);
-  background: -o-linear-gradient(top, #f6fbfd 0%, #d5effc 100%);
-  background: -ms-linear-gradient(top, #f6fbfd 0%, #d5effc 100%);
-  background: linear-gradient(to bottom, #f6fbfd 0%, #d5effc 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6fbfd', endColorstr='#d5effc', GradientType=0);
-}
-span.fancytree-active .fancytree-title:hover,
-span.fancytree-active.fancytree-focused .fancytree-title,
-span.fancytree-selected .fancytree-title:hover,
-span.fancytree-selected.fancytree-focused .fancytree-title {
-  border-color: #b6e6fb;
-  background: #f2f9fd;
-  color: inherit;
-  background: -moz-linear-gradient(top, #f2f9fd 0%, #c4e8fa 100%);
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f9fd), color-stop(100%, #c4e8fa));
-  background: -webkit-linear-gradient(top, #f2f9fd 0%, #c4e8fa 100%);
-  background: -o-linear-gradient(top, #f2f9fd 0%, #c4e8fa 100%);
-  background: -ms-linear-gradient(top, #f2f9fd 0%, #c4e8fa 100%);
-  background: linear-gradient(to bottom, #f2f9fd 0%, #c4e8fa 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f9fd', endColorstr='#c4e8fa', GradientType=0);
-}
-.fancytree-selected .fancytree-title {
-  font-style: italic;
-}
-/*******************************************************************************
- * 'table' extension
- */
-table.fancytree-ext-table tbody tr td {
-  border: 1px solid #EDEDED;
-}
-table.fancytree-ext-table tbody tr:hover {
-  border-color: inherit;
-  background: #f8fcfe;
-  color: inherit;
-  background: -moz-linear-gradient(top, #f8fcfe 0%, #eff9fe 100%);
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8fcfe), color-stop(100%, #eff9fe));
-  background: -webkit-linear-gradient(top, #f8fcfe 0%, #eff9fe 100%);
-  background: -o-linear-gradient(top, #f8fcfe 0%, #eff9fe 100%);
-  background: -ms-linear-gradient(top, #f8fcfe 0%, #eff9fe 100%);
-  background: linear-gradient(to bottom, #f8fcfe 0%, #eff9fe 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8fcfe', endColorstr='#eff9fe', GradientType=0);
-  outline: 1px solid #D8F0FA;
-}
-table.fancytree-ext-table tbody tr.fancytree-focused {
-  outline: 1px dotted #090402;
-}
-table.fancytree-ext-table tbody span.fancytree-focused span.fancytree-title {
-  outline: solid dotted black;
-}
-table.fancytree-ext-table tbody span.fancytree-title:hover {
-  border: 1px solid transparent;
-  background: inherit;
-  background: transparent;
-  background: none;
-  filter: none;
-}
-table.fancytree-ext-table tbody tr.fancytree-active:hover,
-table.fancytree-ext-table tbody tr.fancytree-selected:hover {
-  border-color: inherit;
-  background: #f2f9fd;
-  color: inherit;
-  background: -moz-linear-gradient(top, #f2f9fd 0%, #c4e8fa 100%);
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f9fd), color-stop(100%, #c4e8fa));
-  background: -webkit-linear-gradient(top, #f2f9fd 0%, #c4e8fa 100%);
-  background: -o-linear-gradient(top, #f2f9fd 0%, #c4e8fa 100%);
-  background: -ms-linear-gradient(top, #f2f9fd 0%, #c4e8fa 100%);
-  background: linear-gradient(to bottom, #f2f9fd 0%, #c4e8fa 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f9fd', endColorstr='#c4e8fa', GradientType=0);
-  outline: 1px solid #B6E6FB;
-}
-table.fancytree-ext-table tbody tr.fancytree-active,
-table.fancytree-ext-table tbody tr.fancytree-selected {
-  border-color: inherit;
-  background: #f6fbfd;
-  color: inherit;
-  background: -moz-linear-gradient(top, #f6fbfd 0%, #d5effc 100%);
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6fbfd), color-stop(100%, #d5effc));
-  background: -webkit-linear-gradient(top, #f6fbfd 0%, #d5effc 100%);
-  background: -o-linear-gradient(top, #f6fbfd 0%, #d5effc 100%);
-  background: -ms-linear-gradient(top, #f6fbfd 0%, #d5effc 100%);
-  background: linear-gradient(to bottom, #f6fbfd 0%, #d5effc 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6fbfd', endColorstr='#d5effc', GradientType=0);
-  outline: 1px solid #99DEFD;
-}
diff --git a/app/assets/stylesheets/fancytree/skin-win7/ui.fancytree.min.css.erb b/app/assets/stylesheets/fancytree/skin-win7/ui.fancytree.min.css.erb
deleted file mode 100644
index 26dad6d..0000000
--- a/app/assets/stylesheets/fancytree/skin-win7/ui.fancytree.min.css.erb
+++ /dev/null
@@ -1,6 +0,0 @@
-/*!
- * Fancytree "Win7" skin.
- *
- * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
- * the LESS templates.
- */.ui-helper-hidden{display:none}ul.fancytree-container{font-family:tahoma,arial,helvetica;font-size:10pt;white-space:nowrap;padding:3px;margin:0;background-color:#fff;border:1px dotted gray;overflow:auto;min-height:0;position:relative}ul.fancytree-container ul{padding:0 0 0 16px;margin:0}ul.fancytree-container li{list-style-image:none;list-style-position:outside;list-style-type:none;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background-attachment:scroll;background-color:transparent;background-position:0 0;background-repeat:repeat-y;background-image:none;margin:0;padding:1px 0 0}ul.fancytree-container li.fancytree-lastsib,ul.fancytree-no-connector>li{background-image:none}.ui-fancytree-disabled ul.fancytree-container{opacity:.5;background-color:silver}#fancytree-drop-marker,span.fancytree-checkbox,span.fancytree-drag-helper-img,span.fancytree-empty,span.fancytree-expander,span.fancytree-icon,span.fancytree-radio,span.fancytree-vline{width:16px;height:16px;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-image:url(icons.gif);background-position:0 0}span.fancytree-checkbox,span.fancytree-custom-icon,span.fancytree-icon,span.fancytree-radio{margin-top:1px}span.fancytree-custom-icon{display:inline-block}img.fancytree-icon{width:16px;height:16px;margin-left:3px;margin-top:1px;vertical-align:top;border-style:none}span.fancytree-expander{cursor:pointer}.fancytree-exp-n span.fancytree-expander,.fancytree-exp-nl span.fancytree-expander{background-image:none;cursor:default}.fancytree-exp-n span.fancytree-expander,.fancytree-exp-n span.fancytree-expander:hover{background-position:0 -64px}.fancytree-exp-nl span.fancytree-expander,.fancytree-exp-nl span.fancytree-expander:hover{background-position:-16px -64px}.fancytree-exp-c span.fancytree-expander{background-position:0 -80px}.fancytree-exp-c span.fancytree-expander:hover{background-position:-16px -80px}.fancytree-exp-cl span.fancytree-expander{background-position:0 -96px}.fancytree-exp-cl span.fancytree-expander:hover{background-position:-16px -96px}.fancytree-exp-cd span.fancytree-expander{background-position:-64px -80px}.fancytree-exp-cd span.fancytree-expander:hover{background-position:-80px -80px}.fancytree-exp-cdl span.fancytree-expander{background-position:-64px -96px}.fancytree-exp-cdl span.fancytree-expander:hover{background-position:-80px -96px}.fancytree-exp-e span.fancytree-expander,.fancytree-exp-ed span.fancytree-expander{background-position:-32px -80px}.fancytree-exp-e span.fancytree-expander:hover,.fancytree-exp-ed span.fancytree-expander:hover{background-position:-48px -80px}.fancytree-exp-edl span.fancytree-expander,.fancytree-exp-el span.fancytree-expander{background-position:-32px -96px}.fancytree-exp-edl span.fancytree-expander:hover,.fancytree-exp-el span.fancytree-expander:hover{background-position:-48px -96px}.fancytree-loading span.fancytree-expander,.fancytree-loading span.fancytree-expander:hover,.fancytree-statusnode-wait span.fancytree-icon,.fancytree-statusnode-wait span.fancytree-icon:hover{background-image:url(loading.gif);background-position:0 0}.fancytree-statusnode-error span.fancytree-icon{background-position:0 -112px}span.fancytree-checkbox{margin-left:3px;background-position:0 -32px}span.fancytree-checkbox:hover{background-position:-16px -32px}.fancytree-partsel span.fancytree-checkbox{background-position:-64px -32px}.fancytree-partsel span.fancytree-checkbox:hover{background-position:-80px -32px}.fancytree-selected span.fancytree-checkbox{background-position:-32px -32px}.fancytree-selected span.fancytree-checkbox:hover{background-position:-48px -32px}.fancytree-radio span.fancytree-checkbox{background-position:0 -48px}.fancytree-radio span.fancytree-checkbox:hover{background-position:-16px -48px}.fancytree-radio .fancytree-partsel span.fancytree-checkbox{background-position:-64px -48px}.fancytree-radio .fancytree-partsel span.fancytree-checkbox:hover{background-position:-80px -48px}.fancytree-radio .fancytree-selected span.fancytree-checkbox{background-position:-32px -48px}.fancytree-radio .fancytree-selected span.fancytree-checkbox:hover{background-position:-48px -48px}span.fancytree-icon{margin-left:3px;background-position:0 0}.fancytree-ico-c span.fancytree-icon:hover{background-position:-16px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon{background-position:-32px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover{background-position:-48px 0}.fancytree-ico-e span.fancytree-icon{background-position:-64px 0}.fancytree-ico-e span.fancytree-icon:hover{background-position:-80px 0}.fancytree-ico-cf span.fancytree-icon{background-position:0 -16px}.fancytree-ico-cf span.fancytree-icon:hover{background-position:-16px -16px}.fancytree-has-children.fancytree-ico-cf span.fancytree-icon{background-position:-32px -16px}.fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover{background-position:-48px -16px}.fancytree-ico-ef span.fancytree-icon{background-position:-64px -16px}.fancytree-ico-ef span.fancytree-icon:hover{background-position:-80px -16px}span.fancytree-node{display:inherit;width:100%}span.fancytree-title{display:inline-block;padding-left:3px;padding-right:3px;color:#000;vertical-align:top;margin:0;margin-left:3px;cursor:pointer}span.fancytree-node.fancytree-error span.fancytree-title{color:red}div.fancytree-drag-helper a{border:1px solid gray;background-color:#fff;padding-left:5px;padding-right:5px;opacity:.8}div.fancytree-drag-helper.fancytree-drop-reject{border-color:red}div.fancytree-drop-accept span.fancytree-drag-helper-img{background-position:-32px -112px}div.fancytree-drop-reject span.fancytree-drag-helper-img{background-position:-16px -112px}#fancytree-drop-marker{width:32px;position:absolute;background-position:0 -128px;margin:0}#fancytree-drop-marker.fancytree-drop-after,#fancytree-drop-marker.fancytree-drop-before{width:64px;background-position:0 -144px}#fancytree-drop-marker.fancytree-drop-copy{background-position:-64px -128px}#fancytree-drop-marker.fancytree-drop-move{background-position:-32px -128px}span.fancytree-drag-source{background-color:#e0e0e0}span.fancytree-drag-source span.fancytree.title{color:gray}span.fancytree-drop-target.fancytree-drop-accept a{background-color:#3169C6!important;color:#fff!important;text-decoration:none}table.fancytree-ext-table{border-collapse:collapse}table.fancytree-ext-table span.fancytree-node{display:inline-block}table.fancytree-ext-columnview tbody tr td{position:relative;border:1px solid gray;vertical-align:top;overflow:auto}table.fancytree-ext-columnview tbody tr td>ul{padding:0}table.fancytree-ext-columnview tbody tr td>ul li{list-style-image:none;list-style-position:outside;list-style-type:none;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background-attachment:scroll;background-color:transparent;background-position:0 0;background-repeat:repeat-y;background-image:none;margin:0;padding:1px 0 0}table.fancytree-ext-columnview span.fancytree-node{position:relative;display:inline-block}table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded{background-color:#CBE8F6}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right{position:absolute;right:3px;background-position:0 -80px}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover{background-position:-16px -80px}.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title{color:#000;font-weight:700}.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide,.fancytree-ext-filter-hide tr.fancytree-hide{display:none}.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title{color:#000;font-weight:400}ul.fancytree-ext-wide span.fancytree-node>span{position:relative;z-index:2}ul.fancytree-ext-wide span.fancytree-node span.fancytree-title{position:relative;z-index:1;width:100%;padding-left:503px;margin-left:-500px}span.fancytree-title{border:1px solid transparent;border-radius:3px}span.fancytree-title:hover{border-color:#d8f0fa;color:inherit;background:-moz-linear-gradient(top,#f8fcfe 0,#eff9fe 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f8fcfe),color-stop(100%,#eff9fe));background:-webkit-linear-gradient(top,#f8fcfe 0,#eff9fe 100%);background:-o-linear-gradient(top,#f8fcfe 0,#eff9fe 100%);background:-ms-linear-gradient(top,#f8fcfe 0,#eff9fe 100%);background:linear-gradient(to bottom,#f8fcfe 0,#eff9fe 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8fcfe', endColorstr='#eff9fe', GradientType=0)}span.fancytree-focused span.fancytree-title{outline:1px dotted #000}span.fancytree-active .fancytree-title{border-color:#d9d9d9;color:inherit;background:-moz-linear-gradient(top,#fafafb 0,#e5e5e5 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fafafb),color-stop(100%,#e5e5e5));background:-webkit-linear-gradient(top,#fafafb 0,#e5e5e5 100%);background:-o-linear-gradient(top,#fafafb 0,#e5e5e5 100%);background:-ms-linear-gradient(top,#fafafb 0,#e5e5e5 100%);background:linear-gradient(to bottom,#fafafb 0,#e5e5e5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafb', endColorstr='#e5e5e5', GradientType=0)}.fancytree-treefocus span.fancytree-active .fancytree-title,span.fancytree-selected .fancytree-title{border-color:#99defd;color:inherit;background:-moz-linear-gradient(top,#f6fbfd 0,#d5effc 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f6fbfd),color-stop(100%,#d5effc));background:-webkit-linear-gradient(top,#f6fbfd 0,#d5effc 100%);background:-o-linear-gradient(top,#f6fbfd 0,#d5effc 100%);background:-ms-linear-gradient(top,#f6fbfd 0,#d5effc 100%);background:linear-gradient(to bottom,#f6fbfd 0,#d5effc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6fbfd', endColorstr='#d5effc', GradientType=0)}span.fancytree-active .fancytree-title:hover,span.fancytree-active.fancytree-focused .fancytree-title,span.fancytree-selected .fancytree-title:hover,span.fancytree-selected.fancytree-focused .fancytree-title{border-color:#b6e6fb;color:inherit;background:-moz-linear-gradient(top,#f2f9fd 0,#c4e8fa 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f2f9fd),color-stop(100%,#c4e8fa));background:-webkit-linear-gradient(top,#f2f9fd 0,#c4e8fa 100%);background:-o-linear-gradient(top,#f2f9fd 0,#c4e8fa 100%);background:-ms-linear-gradient(top,#f2f9fd 0,#c4e8fa 100%);background:linear-gradient(to bottom,#f2f9fd 0,#c4e8fa 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f9fd', endColorstr='#c4e8fa', GradientType=0)}.fancytree-selected .fancytree-title{font-style:italic}table.fancytree-ext-table tbody tr td{border:1px solid #EDEDED}table.fancytree-ext-table tbody tr:hover{border-color:inherit;color:inherit;background:-moz-linear-gradient(top,#f8fcfe 0,#eff9fe 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f8fcfe),color-stop(100%,#eff9fe));background:-webkit-linear-gradient(top,#f8fcfe 0,#eff9fe 100%);background:-o-linear-gradient(top,#f8fcfe 0,#eff9fe 100%);background:-ms-linear-gradient(top,#f8fcfe 0,#eff9fe 100%);background:linear-gradient(to bottom,#f8fcfe 0,#eff9fe 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8fcfe', endColorstr='#eff9fe', GradientType=0);outline:1px solid #D8F0FA}table.fancytree-ext-table tbody tr.fancytree-focused{outline:1px dotted #090402}table.fancytree-ext-table tbody span.fancytree-focused span.fancytree-title{outline:solid dotted #000}table.fancytree-ext-table tbody span.fancytree-title:hover{border:1px solid transparent;background:inherit;background:0 0;background:0 0;filter:none}table.fancytree-ext-table tbody tr.fancytree-active:hover,table.fancytree-ext-table tbody tr.fancytree-selected:hover{border-color:inherit;color:inherit;background:-moz-linear-gradient(top,#f2f9fd 0,#c4e8fa 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f2f9fd),color-stop(100%,#c4e8fa));background:-webkit-linear-gradient(top,#f2f9fd 0,#c4e8fa 100%);background:-o-linear-gradient(top,#f2f9fd 0,#c4e8fa 100%);background:-ms-linear-gradient(top,#f2f9fd 0,#c4e8fa 100%);background:linear-gradient(to bottom,#f2f9fd 0,#c4e8fa 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f9fd', endColorstr='#c4e8fa', GradientType=0);outline:1px solid #B6E6FB}table.fancytree-ext-table tbody tr.fancytree-active,table.fancytree-ext-table tbody tr.fancytree-selected{border-color:inherit;color:inherit;background:-moz-linear-gradient(top,#f6fbfd 0,#d5effc 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f6fbfd),color-stop(100%,#d5effc));background:-webkit-linear-gradient(top,#f6fbfd 0,#d5effc 100%);background:-o-linear-gradient(top,#f6fbfd 0,#d5effc 100%);background:-ms-linear-gradient(top,#f6fbfd 0,#d5effc 100%);background:linear-gradient(to bottom,#f6fbfd 0,#d5effc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6fbfd', endColorstr='#d5effc', GradientType=0);outline:1px solid #99DEFD}
\ No newline at end of file
diff --git a/app/assets/stylesheets/fancytree/skin-win7/ui.fancytree.scss b/app/assets/stylesheets/fancytree/skin-win7/ui.fancytree.scss
new file mode 100644
index 0000000..5c229af
--- /dev/null
+++ b/app/assets/stylesheets/fancytree/skin-win7/ui.fancytree.scss
@@ -0,0 +1,159 @@
+/*!
+ * Fancytree "Win7" skin.
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */
+
+// Dynatree Vista styles
+
+// both: 
+//    unselected background: #FCFCFC 'nearly white'
+//    hover bar (unselected, inactive): #F8FCFE..#EFF9FE (border: #D8F0FA) 'very light blue'
+//         background: #f8fcfe; //
+//         background: -moz-linear-gradient(top, #f8fcfe 0%, #eff9fe 100%); 
+
+//    active node: #F6FBFD..#D5EFFC (border: #99DEFD)  'light blue'
+//         background: #f6fbfd; 
+//         background: -moz-linear-gradient(top, #f6fbfd 0%, #d5effc 100%);
+
+//    active node with hover: #F2F9FD..#C4E8FA (border: #B6E6FB) 
+//         background: #f2f9fd; 
+//         background: -moz-linear-gradient(top, #f2f9fd 0%, #c4e8fa 100%); 
+
+// Tree view:
+//    active node, tree inactive: #FAFAFB..#E5E5E5 (border: #D9D9D9) 'light gray, selected, but tree not active'
+//         background: #fafafb; 
+//         background: -moz-linear-gradient(top, #fafafb 0%, #e5e5e5 100%); 
+
+// List view:
+//    selected bar: --> active bar
+//    focus  bar: active + border 1px dotted #090402 (inside the blue border)
+   
+//    table left/right border: #EDEDED 'light gray'
+
+$fancy-image-dir: "fancytree/skin-win7";
+// Import common styles
+@import "../skin-common.scss";
+
+
+/*******************************************************************************
+ * Styles specific to this skin.
+ *
+ * This section is automatically generated from the `ui-fancytree.scss` template.
+ ******************************************************************************/
+
+// Override the variable after the import. 
+// NOTE: Variables are always resolved as the last definition, even if it is 
+// after where it is used.
+$fancy-use-sprites: true;
+$fancy-hide-connectors: true;
+$fancy-icon-width: 16px;
+$fancy-icon-height: 16px;
+$fancy-line-height: 16px;
+$fancy-icon-margin-left: 3px;
+
+
+/*******************************************************************************
+ * Node titles
+ */
+span.fancytree-title {
+  border: $fancy-node-border-width solid transparent;  // avoid jumping, when a border is added on hover
+  border-radius: 3px;
+}
+span.fancytree-title:hover {
+  @include spanStyleMixin(inherit, #f8fcfe, #D8F0FA, #f8fcfe, #eff9fe);
+}
+span.fancytree-focused span.fancytree-title {
+  outline: 1px dotted black;
+}
+
+
+// Safari does not support outline on a tags?
+// @media screen and (-webkit-min-device-pixel-ratio:0) {
+//   span.fancytree-focused a:link
+//   {
+//     border: 1px dotted black;
+//   }
+// }
+
+
+// active nodes inside an UN-focused tree are gray instead of blue
+span.fancytree-active .fancytree-title {
+  @include spanStyleMixin(inherit, #e5e5e5, #d9d9d9, #fafafb, #e5e5e5);
+}
+
+.fancytree-treefocus span.fancytree-active .fancytree-title,
+span.fancytree-selected .fancytree-title {
+  @include spanStyleMixin(inherit, #f6fbfd, #99defd, #f6fbfd, #d5effc);
+}
+
+span.fancytree-active .fancytree-title:hover,
+span.fancytree-active.fancytree-focused .fancytree-title,
+span.fancytree-selected .fancytree-title:hover,
+span.fancytree-selected.fancytree-focused .fancytree-title {
+  @include spanStyleMixin(inherit, #f2f9fd, #B6E6FB, #f2f9fd, #c4e8fa);
+}
+
+// File Explorer does not distinguish selected and active (if multiple nodes are selected)
+// span.fancytree-active .fancytree-title,
+// span.fancytree-active.fancytree-focused .fancytree-title {
+//   @include spanStyleMixin(inherit, #daedff, #3399FF, #daedff, #b4d9ff);
+// }
+
+.fancytree-selected .fancytree-title {
+  font-style: italic;
+}
+.fancytree-has-children .fancytree-title {
+}
+.fancytree-expanded .fancytree-title {
+}
+
+
+/*******************************************************************************
+ * 'table' extension
+ */
+
+table.fancytree-ext-table tbody {
+  tr td {
+    border: 1px solid #EDEDED;
+  }
+  tr:hover  {
+    @include spanStyleMixin(inherit, #f8fcfe, inherit, #f8fcfe, #eff9fe);
+    outline: 1px solid #D8F0FA;
+  }
+  // tr:hover td {
+  //   outline: 1px solid #D8F0FA;
+  // }
+  tr.fancytree-focused {
+    // background-color: #99DEFD;
+    outline: 1px dotted #090402;
+  }
+  span.fancytree-focused span.fancytree-title {
+    outline: solid dotted black;
+  }
+
+  // Title get's a white background, when hovered. Undo standard node formatting
+  span.fancytree-title:hover {
+    border: 1px solid transparent;
+    background: inherit;
+    background: transparent;
+    background: none;
+    filter: none;
+  }
+
+  tr.fancytree-active:hover,
+  tr.fancytree-selected:hover {
+    @include spanStyleMixin(inherit, #f2f9fd, inherit, #f2f9fd, #c4e8fa);
+    outline: 1px solid #B6E6FB;
+  }
+  tr.fancytree-active,
+  tr.fancytree-selected {
+    @include spanStyleMixin(inherit, #f6fbfd, inherit, #f6fbfd, #d5effc);
+    outline: 1px solid #99DEFD;
+  }
+  // tr.fancytree-selected .fancytree-title {
+  //   font-style: italic;
+  // }
+
+}
diff --git a/app/assets/stylesheets/fancytree/skin-win8-xxl/ui.fancytree.css.erb b/app/assets/stylesheets/fancytree/skin-win8-xxl/ui.fancytree.css.erb
deleted file mode 100644
index 41e6ddd..0000000
--- a/app/assets/stylesheets/fancytree/skin-win8-xxl/ui.fancytree.css.erb
+++ /dev/null
@@ -1,533 +0,0 @@
-/*!
- * Fancytree "Win8" 32x32 skin.
- *
- * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
- * the LESS templates.
- */
-
-/*
- *= depend_on_asset "fancytree/icons.gif"
- */
-
-/*******************************************************************************
- * Common Styles for Fancytree Skins.
- *
- * This section is automatically generated from the `skin-common.less` template.
- ******************************************************************************/
-/*------------------------------------------------------------------------------
- * Helpers
- *----------------------------------------------------------------------------*/
-.ui-helper-hidden {
-  display: none;
-}
-/*------------------------------------------------------------------------------
- * Container and UL / LI
- *----------------------------------------------------------------------------*/
-ul.fancytree-container {
-  font-family: tahoma, arial, helvetica;
-  font-size: 10pt;
-  white-space: nowrap;
-  padding: 3px;
-  margin: 0;
-  background-color: white;
-  border: 1px dotted gray;
-  overflow: auto;
-  min-height: 0%;
-  position: relative;
-}
-ul.fancytree-container ul {
-  padding: 0 0 0 16px;
-  margin: 0;
-}
-ul.fancytree-container li {
-  list-style-image: none;
-  list-style-position: outside;
-  list-style-type: none;
-  -moz-background-clip: border;
-  -moz-background-inline-policy: continuous;
-  -moz-background-origin: padding;
-  background-attachment: scroll;
-  background-color: transparent;
-  background-position: 0px 0px;
-  background-repeat: repeat-y;
-  background-image: none;
-  margin: 0;
-  padding: 1px 0 0 0;
-}
-ul.fancytree-container li.fancytree-lastsib {
-  background-image: none;
-}
-ul.fancytree-no-connector > li {
-  background-image: none;
-}
-.ui-fancytree-disabled ul.fancytree-container {
-  opacity: 0.5;
-  background-color: silver;
-}
-/*------------------------------------------------------------------------------
- * Common icon definitions
- *----------------------------------------------------------------------------*/
-span.fancytree-empty,
-span.fancytree-vline,
-span.fancytree-expander,
-span.fancytree-icon,
-span.fancytree-checkbox,
-span.fancytree-radio,
-span.fancytree-drag-helper-img,
-#fancytree-drop-marker {
-  width: 32px;
-  height: 32px;
-  display: inline-block;
-  vertical-align: top;
-  background-repeat: no-repeat;
-  background-position: left;
-  background-image: url(<%= image_path("fancytree/icons.gif") %>);
-  background-position: 0px 0px;
-}
-span.fancytree-icon,
-span.fancytree-checkbox,
-span.fancytree-radio,
-span.fancytree-custom-icon {
-  margin-top: 1px;
-}
-/* Used by iconclass option */
-span.fancytree-custom-icon {
-  display: inline-block;
-}
-/* Used by 'icon' node option: */
-img.fancytree-icon {
-  width: 32px;
-  height: 32px;
-  margin-left: 3px;
-  margin-top: 1px;
-  vertical-align: top;
-  border-style: none;
-}
-/*------------------------------------------------------------------------------
- * Expander icon
- *
- * Note: IE6 doesn't correctly evaluate multiples class names,
- *		 so we create combined class names that can be used in the CSS.
- *
- * Prefix: fancytree-exp-
- * 1st character: 'e': expanded, 'c': collapsed, 'n': no children
- * 2nd character (optional): 'd': lazy (Delayed)
- * 3rd character (optional): 'l': Last sibling
- *----------------------------------------------------------------------------*/
-span.fancytree-expander {
-  cursor: pointer;
-}
-.fancytree-exp-n span.fancytree-expander,
-.fancytree-exp-nl span.fancytree-expander {
-  background-image: none;
-  cursor: default;
-}
-.fancytree-exp-n span.fancytree-expander,
-.fancytree-exp-n span.fancytree-expander:hover {
-  background-position: 0px -128px;
-}
-.fancytree-exp-nl span.fancytree-expander,
-.fancytree-exp-nl span.fancytree-expander:hover {
-  background-position: -32px -128px;
-}
-.fancytree-exp-c span.fancytree-expander {
-  background-position: 0px -160px;
-}
-.fancytree-exp-c span.fancytree-expander:hover {
-  background-position: -32px -160px;
-}
-.fancytree-exp-cl span.fancytree-expander {
-  background-position: 0px -192px;
-}
-.fancytree-exp-cl span.fancytree-expander:hover {
-  background-position: -32px -192px;
-}
-.fancytree-exp-cd span.fancytree-expander {
-  background-position: -128px -160px;
-}
-.fancytree-exp-cd span.fancytree-expander:hover {
-  background-position: -160px -160px;
-}
-.fancytree-exp-cdl span.fancytree-expander {
-  background-position: -128px -192px;
-}
-.fancytree-exp-cdl span.fancytree-expander:hover {
-  background-position: -160px -192px;
-}
-.fancytree-exp-e span.fancytree-expander,
-.fancytree-exp-ed span.fancytree-expander {
-  background-position: -64px -160px;
-}
-.fancytree-exp-e span.fancytree-expander:hover,
-.fancytree-exp-ed span.fancytree-expander:hover {
-  background-position: -96px -160px;
-}
-.fancytree-exp-el span.fancytree-expander,
-.fancytree-exp-edl span.fancytree-expander {
-  background-position: -64px -192px;
-}
-.fancytree-exp-el span.fancytree-expander:hover,
-.fancytree-exp-edl span.fancytree-expander:hover {
-  background-position: -96px -192px;
-}
-.fancytree-loading span.fancytree-expander,
-.fancytree-loading span.fancytree-expander:hover,
-.fancytree-statusnode-wait span.fancytree-icon,
-.fancytree-statusnode-wait span.fancytree-icon:hover {
-  background-image: url('data:image/gif;base64,R0lGODdhIAAgAOYAAAAAACue/zGf/yqg/yWh/0Ol/zum/02m/1Cn/1Wp/02q/0Sr/1ut/2Gv/1ew/16w/2Sy/2y1/3G3/265/3S6/3y9/4G//4i//37C/4TC/4zF/5HH/47J/5TJ/8zM/5zN/6HP/57R/6TS/6zV/7HX/6zY/7TZ/6Xa/7zd/8Hf/77h/8Ti/7Tj/8zl/9Hm/8Lp/87p/9Tq/9vt/+Lu/83y/97y/+Ty/9P1/+z1//P2/9z4/+76//X7/+T8/3///////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkKAEAALAAAAAAgACAAAAf/gECCg4Q4PzIrKCaLKjE8OISRkoQrMTUrJiMimyMoNS4ok6I/NiuaIh0aFhWsFhodHx0oMzyigzY2PDQnGRS+FBMRERAPDhMcKjsyMrY4MiklHxkVvxjWwBAMDxAVHSMuNpM2Mj0l0xkcHyKLKIojHxoUDwoLGTctzISk0B3THSo6dvwYOJBHj10UFCiIkGFEjB2FfpjIkKGDCBIrZPAgSBBHDBPwICgwoKFHPkEtbojQoKGEyRi2gKxImaFAAQosTAwCxaKDRRQyIMUEgqPFhwkJEmDQQAIIDxkmQmj48KIFzKGCTIWAUCCBhhY2fuwwkWpEj3BYB8GAUUFAAAsw/3bYiDHCJwoetdIKwtFDw4AAEUZUMgVrxUC9gn7w+GAgQIMPI2CsEKEOxmHEA0csIOBVRIvJ61oYQgzkBw4UHy5sMDHTlIgXjUjvJefi4Y8Yrl+gcCFb0EbFG2W00FRixWjZBPEShbrJ8g/kHBPzMCX4EWmOl3nYaIGiUw0ZaLFy3JgXiPAbjMCWt1UQL3lCNnaYMmEZR/hJvx/h+B0RxqJKMcxgyHODtIeXfQMSmJhHkrXTQg8D5SDUfgTJZcN+/BViSAyKoGDVOOCBF599uORCEH7OxPDZCjM9hNcO3y1zIV6XTYJDDorVIFkLVskQw48y/lbjKNr56OOPSMo44xSQQ11oWoklCmRdbwXhQKKVGYoSCAAh+QQJCgBAACwAAAAAIAAgAAAH/4BAgoOENjYxLSgoJiYtLYaEkZKRMjItK4wjJigrMTGToEA4NisoIh8dGhoZrKyqIiQ1NqGDNjKLqKqtFhW9GR8jMTK0tiYjqB3JHR/MH6oU0BUaHS3DkzIxIyLKHyAiI+DHHb3RGistkqO4zCLnNjjwPKO3JhkVERQZHTKzg6PG7Ea0iIGDx4+DP+AlWhUhQoUMLqwJuiSiYjCJoS7ZgxAhhAhCpSya4EdLkCUNFiBAWCboX4lvLVyUjERCRASOFar903ZxJqFFN/FVqwRu0zuftWLcYwBhE7aiKAoibSnDQgSmmhAxQtHC4FQgCTVQSMDggwitJs55nRq2AtllnscYnfsqKOxYBsuwLZpLV57YtyL0pm0hdeohCgwOJBBhosYtFCkI8/g6w8XVAwxGoJB3iROkqS1SQEiQAEInzqVWyJjxNcaKqw0iVBPkacU5gpNLHpSnwkRFQpUuDYQ3EyEPRIsIwUPkqNK7g4QQ/uBBvTqPHISoe4IBQ5gh6tGlV5eeDgc2T5WcG4KXI8d1gwhBwavkSZj6d/Dyw4ce6rqt9JXIYgh+1PFHC3U2zACgDALiVxB8X1Wn33g/0DXIbvI8WGCFoQQCACH5BAkKAEAALAAAAAAgACAAAAf/gECCg4Q4NjIxK4orLTE2OISRkpEziC0omCiMMjKTnkA5OC0rJCMiHx8dqqqoIyaPn4OGKyimqasbGrodIiacsYYpKKcixSIjpqcdGcwZHyIxnZOHKCStyCbZ2ae6FhYaH42SobTIro04ODk8PIYytB0aFRkdIDKQsjbC2CjR6z8Af6QblapCBQ0dYswgFCNGNkwybMQSFKOFBgsUKiAj1KLFwxWwJiJaRoHCM0HkUJjoJ23iIJUVKHxzlI4WxIUuB9GKOS/aIZsr1OUcdCgDhQgUNP3U1GLdUEGG5CFdyYlWIx4/ngIRuAxChGOIFF3N+lTghwxen3Ea1VGrIK4V1SBAeFapYwsXbrfikCf3wwgbNiq6iMFOKw4ZGSI8gDAChaEYLgY7fRq4guIIK3nkaDg4ndZaEBhAoNBCBruGDT0/NcUgAdLSggA35FR4oosVFCAkYKBhAyHZ0WTkyOEyhYkIrRl0+EBI8yFOgNUBJPSDx4wWuQ8cgFBB3CB2MypBx8GO7NsfNlogP5CAQoZo49zNiJ5uOFaAhy0zwLzCE3jA9KVTHkA82CBPRivg9Qk76TSYzg7slMdDRW1NhJ+DD0aIFQ+c/FJWQBoOmNd5BIY43SeBAAAh+QQJCgBAACwAAAAAIAAgAAAH/4BAgoOEODgyMi2KLYiGhI+QjzY2MTErlyuViJGcQDw4MS0oKCYjIqeoIyMoKzY4nYOGoSalpqgfuCImKDI2sIYtK6S0xLSmuB0dHyIjvZw4NsLEoygpKaOqyMoiMTKQPDmK1CrdhjznnzbBHx0aGh8jroQ5OMGjl4jnP/s/4KEiH9x1AOFsECJMLSbBEhTqw4YMGnYRqoTQ0UIZMUB8yJBBlSB/wRjNWPhImAaIHXp9CqVIHslBwU5m6BDDFSVFMc69jCUjYIUMKFpAC9VN504g0HwCbUWpmwweP456whGQAoURJiZpehr16A8cIDRYxarVqVRBX8OOzdp009lPAcslXDVhCFG+rjuhaagQgcKuT3ZnGN1pQ8bevqzOFUaUg4dUUhEgULBQlMeMGb1w5JBKQkRkChlqCjI0yRzeTpYyUIAAQVkhaK5wDO4kjC+ECCFEEDpnqLdsqF37QUMxogKFBw8iVHDhbZBw3/r2jT4UYwSI1QwgVNBQcDePHTsa61NcNQIDBgkSKGfFad9vdP122Nh7Pv35n5lg7YMvPMYEBgcckN1MLcRA0n7RrXRcen0t091L/AgHEDMruGCRVBF+YsouMQh2GiGBAAAh+QQJCgBAACwAAAAAIAAgAAAH/4BAgoOEOTk2NjIxi4g4OISQkZCOM4ouLS0yMoiSnUA8OYotKyilJqeoKCstjp6DOTiKpCiopyO3JqqcnrCLoysrKsDAtCQjIsi5m52OMZjDq5ijpbfIIyYxMpE8PJrSmTM43OPNLccfH9c2j4Pcoi2MNtw/9D+giiYj6CIj64SIi7K1cgVE0bEOH1QRmjFjkSYcOQgCSURCRIcOuQS5UxRjoERBwC5+ALFp4yKIHwc5+yAyxgwesTTJ45FSEA4bIDpo6LAiBixNJX/UBALLogYNq2AimmGD3tAfO/Rl0JBLKaKmQmtCHQEiQ4ZcsBqxexr1g9droMQO1YhDagYSJtG4XcXhtOahDxoqZEDRQm6juiljdcigd5U9mOIAfyRVgUIFDS7piZuXNSWtxhk2xLChcRxliTJaaMjg+IMIQp551JM4irDjW6jH1eMRwwVT1fZu0tJgIUIEC5C1DaKHOzcwF5sdxYphQkTjCBQ0fFgGCXe3FREgQD96lLBvCBAer+o0uwWKBgkYQHBMgYKE7OAj7Mzkyh4KERASHDiAIEF6BupF0IEIyElk3wgSQMCAf/+B55gIJFAnkSOjHIRQOibA49FH9iiCQkXWKCNPZZAEAgAh+QQJCgBAACwAAAAAIAAgAAAH/4BAgoOEPDw4NjKKMjY4joSQkZA5OTaJizONOJKcQIaIMaEtK6SlpDAxj52Chpaio6QosrItMY2rhjOKobwxLb8rKSgmxKS3kjw5u73Mo7LEKCuMka2Xio2G2Z8yMbIjIygpqqw8NrqL2Dw/6z+Giiso3yYox4KO5paUq4K6JiMiIla0IHTPkg1D+4BYGgYwGrmC4xIC+QVwhIl0jjLmkDgoFEARIzA62qGOoz0bJER8EFHrkyN1P0wCyYHDhMoPLV3ClPljh78OH6K1y5ZjHU8e8Tp0EKqNh0xWOJIuXZFt6FNPNUcojVbVkFGTlVRq6CBQXVOnJhGB6DC2FrtDiLxkyBylIYOGD4zWuZPxSya8ukBlbALCTUOFCBRWxEjI7cOGDBlAEuJ7mAEEEysSumjBFjKxyS0oQDhwIEIFcOlctkDBtkKFu7ZAH05wgEEEECNiMMqYaFhd1x1ACI4ET3SCBJYrZFD6ga3hChQotF0sKcaKDBQYaLdNQTlk19G7B9e9ajPbCBDSq4cQAXGFD7nl7tM14kMFCejVI6Zg12K9fY744g8IH6xEggkuCDYYR7nI4E1F0TBSkiSBAAAh+QQJCgBAACwAAAAAIAAgAAAH/4BAgoOEPDw4ODaKNoiGhI+Qj4aIi4qIOJGZQD8/lDYyMjGioy0tojk8moM/h4mgo6KlpS4xiKqcnjWgu68uLSvALS62kayelZWhpSsqKy2MkJOX04bVk5+/KCjOODmFPDvT3Tmc5aw8iqXa28SC1Zc8P6qCiisoJiii3zyoOJzzQBLZM2GilDtr8eQBHBSKID5GCBMuHPTJIQqI5spNFJQDBwoSI0zIsFEt40Ygh+6NGBFDBj94/zayWmFChIhSikSNjDlxZk0RzkiIoEBBwwd/J1nds+lsxAcIDCpoQCqTB4oRTFvUTHCAAQUZmDZ2rPnhZoyrXBlEiGHjZCKsZchpxVgRgUECBiNQnIzR4kOHDyNGymhBAcJdECNO/vKLGBoQDRkSJIhQYUUMgJ9E+O2Aj5BfuxAobAMoCkSH06MH8S3MAEKFDCZWMDLX8ReIDxqMihhJyEaMDIUfRKAQcuS0T/Y65NYgYoRjQvYqSIAAYXjuDyCy+82dIUMHEC0z8dVQIQJ1ylI1bODePYMGxLw1xYBhmmiE+0QpVHjNXKQMzDIIBVkF+e3X3V8PhQUQIqJos1Jz27TUzkKcYEMTCSTE9gwO8WQSCAAh+QQJCgBAACwAAAAAIAAgAAAH/4BAgoOEPIaGOIk4h4SNjo2HipKGj5VAPz+IkjY2MzKfMjaLPJaDmJmKopyeoJyUlpiHOZI4nDagMjExn4mVp4Y5O7S1rLm6Mb2QmTzLh6exiLfHuq+CODvOmdrPy4m5Li0tyKSDJijizJil1jjhKy2fhCIiKCs4OerriTEtKyu6gmS0iNAAQoR/6xrdWlGvhagYKyAkSABhhYuEhDgxTLFCFIoRDA4wiBDDBsZBPNqlQIEiFAkRCQ40oCADx0lBhvqZ+ySiA4MEFDLYIHcyEz9zuj74BKph0c1LPI6aSLq0QlOiGDPpnBqj50+rQ59qRWHChIsYJkZAYCAhQw2bN8ZnkR0xYhfZtREqhHpaCwWJEVNztaAQwaC5p7lGiCCBQpTAChIMLn7KT7E5UYKUQoBgFV7CW2nnoUhBSHFhChbeJUw8T4TqQbk0VIgQIcOGeqIO8ZhVWcSHD4AxD7rVIQPhChl2ikplo5/v35fhEuqnwQIFCsg7fBBBV7HvDuC5x3uU64PsCtg1aND+G7x74Cb2Wkr8IUOF+xYy6FevXflnGx91oIF+BPK3HUfCJTRLLgz9VdY7odwj1g+3hFMWS+Lk9kMlgQAAIfkECQoAQAAsAAAAACAAIAAAB/+AQIKDhDw/hz88ioqHhI6PjoyHi5SQlkAymTI4i4k8OTihooaXgy2nLaGMiqCiODuKpS4rFRQVGjaSrKI2vb2xkCsmEQ0RFZuGnq04vTO9OTmPMzEZFAkHDBEtuYiTiswzmb88hDEtFBAHBxAULTLJiLu9mrnkgx8dDAnZJimlgp8yxYhhAwehDRr0RaCwwsU/IIoExnAmSMY5CPtEjHhIKFQMFwMjtpDQgAGEESg4DvLookWMHDxQDHtgjKBKgDnMtXBR0MQICDQzbLoJkcfHUwVHfIAAoUIHTkQTyYixwp0NEUshZHj6IyqPqStWZMIaQesHqDcTmUOhIoaMESLYIkTYilal2hYoUGSSScEYLoM3P7VIkVfGjBUo+t4aehMUYrYybEzNUKsCihVEJee9HGqahsomUt6cKpNzNCAgPlCgoKGD24fMEJswcYoQ3FoZNLh8qHm2iYGEbMTo8Hnrh6qqKPHoPWJE6IIda4DokMFC68u9XIWa6rO56UfmiFuwruGDRt8+RYAQISJ0ZEtTU2eYb3x9c/YfzItAkQL6pUwmiECcBhps0MGB+bGHHWClMCNTagdGmB8IziF32kM87CBZC4/lVVVkwNj1AzPmhBWWSwWRAkkgACH5BAkKAEAALAAAAAAgACAAAAf/gECCg4QyMSYjIyQ4PI0/P4SRkpEtKyIiHyM2jo2TnkA2Mh8aFBEJCQ8UMYyPjTyPn4MxLR0ZEAwHBwwTq62unZ+zGRUMDKfFFRoyOL6uzJCTLSgVpgnFERQaH5uPP405OKySNjEaFbcQEZkxy6zd3uHxsIMyLRYSD6kVIyg2z76P4sV7RUhEiAjpKqBYEUsQPBw2/OEg9KEDBAgUMrSI0RBIQIgSBRkalm6EiY6EwIWSMeOVDBgZKGA0kQLlIB45ZOhs+WMFilLJZNiwKaiRTp3hUJgAqsEfUSCNZhwNh4hCtg/MnnqTGiOGPxMirG4QkZXoVkNecYAVSxaaTW860rtGrJoNRNm3POJ6teFzmIYOTokanZVW2rAMHZY9xdm1RQt/M2KMyqBhRYunER1vzMEjVMUMGRY+1bnCcgzOgkaIAN0BhNCO4SqVZkfIhAkNGTZ8oN0wc+kVOgl57qCBwwcRLZb9chWqtIrSLcIRgjjiA4e/H1akZbQjHmkUCzcykmQIU4cOH0CYBF9aqW3bCwOPk6G6IvpLJt+XyG/CsvxJoSiFyQcfhHAJfraJN1FDEFVS33EHJgIeO+OhhFMoLshmWlrAvPUDRIZollw7BE0SCAAh+QQJCgBAACwAAAAAIAAgAAAH/4BAgoOEMjIoJiIfHyImKDEyPDyElJWDLS0mIx2cHSIjKy04OJaWNjIiHRUUEBAMr7AQFCMoPD+lhTEfHRGurwnABwcJECK1t7gyLR0Zva0QERWrEq4JDSgukj/IlS0rGRWtEdEVGxsaGRS9ESuR29yDpx8aEhEUFY0yNjajpzErK3Bo+2ELnowYGyyMy6DBEY4ckiThsOEiRo5tBbcRIjFiVYUMoXANshUxIiFFqxi2kCFSUMmSgk510HDPUUtKEXfsEMjDBsJ0FVCsuElI0k4cO2x5A5ehgwxSRF3yOCrwxwoU4DR84BdV6k5+khBlaCpCYFcgBCfyE2jCxNgPI8zMdk27b21bDRpAxJ0094dafjsQ4dUrN+q2v6O84fVkI8dZSfsMjYqxTEMHEFy7Qj71dIc8Th9axDg76qAhyDJA7OoQsutkSJH4miDB6ZO+m6Vj6N5HCAWKXYwg4cahezfUmDVGKIJrYuXLiBN1Y3IRm9BETYs+ieZZcuJBTKKrUzKkScQnWqHAewMIcPtxSjZqIDL/qa1Q9r7v6x4lct9VTSOMYF9+KawAyUPDudACIm0N6Fsop/F1k0T+KBjeUzydhZF3xUEClkaWBAIAIfkECQoAQAAsAAAAACAAIAAAB/+AQIKDhDYyKygjIiIjJigyNjw8hJSVgzExKCYiHx8gjS0xODiWljg2JCIaGRQUEa8QrxQVHyKQpYQyMSMfGRWwEMEPD7EZHaG4QLofHRWtsxUZ0hUSEQwMCQwUGSsupTEtHazQGhod5xu+ENgJEBQmK5U4MpwV0RqOkKOjuiMg1gcSRKjQQkYhGR802DOHYsWoHxB5nErk6sABdwUJmTAhzRyyZEBSmLA2MOMgRdI6fIhhEGSLFNQqaGApyBCzDBpQpABJqUVBGZIk2UynYUULnrlsjOIB8Qe4Dhw6gJBBCqmgoE0htljRQUMtpVavZv3BFNE5ESZwTArblGlTsx3N0KoNC6StJIiImI1AkeMH3YhBy6LQm9YvW7I5lvIA10nuWqsR90mK4YKTCBJz2UqU/OOUokWY6Erap7azDROffdLdpxQHREEpUCxyZMMGT6G1WxPauqiRjBm3eeTWPWgi6r0rfgcOzE+Gc0iSCI2KPaIRCpZql29+DimS4YOaNqJoGIqlLkzoned4TOkUoo2OyLdw4QJTfUzK2cuz4WLreJ0rBDhffdDpZ4lEmASoggoBGnVfDLVFh9RotXHXXWB//ZBYhc7NoJRb31ESCAA7');
-  background-position: 0px 0px;
-}
-/* Status node icons */
-.fancytree-statusnode-error span.fancytree-icon {
-  background-position: 0px -224px;
-}
-/*------------------------------------------------------------------------------
- * Checkbox icon
- *----------------------------------------------------------------------------*/
-span.fancytree-checkbox {
-  margin-left: 3px;
-  background-position: 0px -64px;
-}
-span.fancytree-checkbox:hover {
-  background-position: -32px -64px;
-}
-.fancytree-partsel span.fancytree-checkbox {
-  background-position: -128px -64px;
-}
-.fancytree-partsel span.fancytree-checkbox:hover {
-  background-position: -160px -64px;
-}
-.fancytree-selected span.fancytree-checkbox {
-  background-position: -64px -64px;
-}
-.fancytree-selected span.fancytree-checkbox:hover {
-  background-position: -96px -64px;
-}
-/*------------------------------------------------------------------------------
- * Radiobutton icon
- * This is a customization, that may be activated by overriding the 'checkbox'
- * class name as 'fancytree-radio' in the tree options.
- *----------------------------------------------------------------------------*/
-.fancytree-radio span.fancytree-checkbox {
-  background-position: 0px -96px;
-}
-.fancytree-radio span.fancytree-checkbox:hover {
-  background-position: -32px -96px;
-}
-.fancytree-radio .fancytree-partsel span.fancytree-checkbox {
-  background-position: -128px -96px;
-}
-.fancytree-radio .fancytree-partsel span.fancytree-checkbox:hover {
-  background-position: -160px -96px;
-}
-.fancytree-radio .fancytree-selected span.fancytree-checkbox {
-  background-position: -64px -96px;
-}
-.fancytree-radio .fancytree-selected span.fancytree-checkbox:hover {
-  background-position: -96px -96px;
-}
-/*------------------------------------------------------------------------------
- * Node type icon
- * Note: IE6 doesn't correctly evaluate multiples class names,
- *		 so we create combined class names that can be used in the CSS.
- *
- * Prefix: fancytree-ico-
- * 1st character: 'e': expanded, 'c': collapsed
- * 2nd character (optional): 'f': folder
- *----------------------------------------------------------------------------*/
-span.fancytree-icon {
-  margin-left: 3px;
-  background-position: 0px 0px;
-}
-/* Documents */
-.fancytree-ico-c span.fancytree-icon:hover {
-  background-position: -32px 0px;
-}
-.fancytree-has-children.fancytree-ico-c span.fancytree-icon {
-  background-position: -64px 0px;
-}
-.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover {
-  background-position: -96px 0px;
-}
-.fancytree-ico-e span.fancytree-icon {
-  background-position: -128px 0px;
-}
-.fancytree-ico-e span.fancytree-icon:hover {
-  background-position: -160px 0px;
-}
-/* Folders */
-.fancytree-ico-cf span.fancytree-icon {
-  background-position: 0px -32px;
-}
-.fancytree-ico-cf span.fancytree-icon:hover {
-  background-position: -32px -32px;
-}
-.fancytree-has-children.fancytree-ico-cf span.fancytree-icon {
-  background-position: -64px -32px;
-}
-.fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover {
-  background-position: -96px -32px;
-}
-.fancytree-ico-ef span.fancytree-icon {
-  background-position: -128px -32px;
-}
-.fancytree-ico-ef span.fancytree-icon:hover {
-  background-position: -160px -32px;
-}
-/*------------------------------------------------------------------------------
- * Node titles and highlighting
- *----------------------------------------------------------------------------*/
-span.fancytree-node {
-  /* See #117 */
-  display: inherit;
-  width: 100%;
-}
-span.fancytree-title {
-  display: inline-block;
-  padding-left: 3px;
-  padding-right: 3px;
-  color: black;
-  vertical-align: top;
-  margin: 0px;
-  margin-left: 3px;
-  cursor: pointer;
-}
-span.fancytree-node.fancytree-error span.fancytree-title {
-  color: red;
-}
-/*------------------------------------------------------------------------------
- * Drag'n'drop support
- *----------------------------------------------------------------------------*/
-div.fancytree-drag-helper a {
-  border: 1px solid gray;
-  background-color: white;
-  padding-left: 5px;
-  padding-right: 5px;
-  opacity: 0.8;
-}
-div.fancytree-drag-helper.fancytree-drop-reject {
-  border-color: red;
-}
-div.fancytree-drop-accept span.fancytree-drag-helper-img {
-  background-position: -64px -224px;
-}
-div.fancytree-drop-reject span.fancytree-drag-helper-img {
-  background-position: -32px -224px;
-}
-/*** Drop marker icon *********************************************************/
-#fancytree-drop-marker {
-  width: 64px;
-  position: absolute;
-  background-position: 0px -256px;
-  margin: 0;
-}
-#fancytree-drop-marker.fancytree-drop-after,
-#fancytree-drop-marker.fancytree-drop-before {
-  width: 128px;
-  background-position: 0px -288px;
-}
-#fancytree-drop-marker.fancytree-drop-copy {
-  background-position: -128px -256px;
-}
-#fancytree-drop-marker.fancytree-drop-move {
-  background-position: -64px -256px;
-}
-/*** Source node while dragging ***********************************************/
-span.fancytree-drag-source {
-  background-color: #e0e0e0;
-}
-span.fancytree-drag-source span.fancytree.title {
-  color: gray;
-}
-/*** Target node while dragging cursor is over it *****************************/
-span.fancytree-drop-target.fancytree-drop-accept a {
-  background-color: #3169C6 !important;
-  color: white !important;
-  /* @ IE6 */
-  text-decoration: none;
-}
-/*------------------------------------------------------------------------------
- * 'table' extension
- *----------------------------------------------------------------------------*/
-table.fancytree-ext-table {
-  border-collapse: collapse;
-}
-table.fancytree-ext-table span.fancytree-node {
-  display: inline-block;
-}
-/*------------------------------------------------------------------------------
- * 'columnview' extension
- *----------------------------------------------------------------------------*/
-table.fancytree-ext-columnview tbody tr td {
-  position: relative;
-  border: 1px solid gray;
-  vertical-align: top;
-  overflow: auto;
-}
-table.fancytree-ext-columnview tbody tr td > ul {
-  padding: 0;
-}
-table.fancytree-ext-columnview tbody tr td > ul li {
-  list-style-image: none;
-  list-style-position: outside;
-  list-style-type: none;
-  -moz-background-clip: border;
-  -moz-background-inline-policy: continuous;
-  -moz-background-origin: padding;
-  background-attachment: scroll;
-  background-color: transparent;
-  background-position: 0px 0px;
-  background-repeat: repeat-y;
-  background-image: none;
-  /* no v-lines */
-  margin: 0;
-  padding: 1px 0 0 0;
-}
-table.fancytree-ext-columnview span.fancytree-node {
-  position: relative;
-  /* allow positioning of embedded spans */
-  display: inline-block;
-}
-table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded {
-  background-color: #CBE8F6;
-}
-table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right {
-  position: absolute;
-  right: 3px;
-  background-position: 0px -160px;
-}
-table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover {
-  background-position: -32px -160px;
-}
-/*------------------------------------------------------------------------------
- * 'filter' extension
- *----------------------------------------------------------------------------*/
-.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title {
-  color: silver;
-  font-weight: lighter;
-}
-.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title,
-.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title {
-  color: black;
-  font-weight: normal;
-}
-.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title,
-.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title {
-  color: black;
-  font-weight: bold;
-}
-.fancytree-ext-filter-hide tr.fancytree-hide,
-.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide {
-  display: none;
-}
-.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title,
-.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title {
-  color: silver;
-  font-weight: lighter;
-}
-.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title,
-.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title {
-  color: black;
-  font-weight: normal;
-}
-/*------------------------------------------------------------------------------
- * 'wide' extension
- *----------------------------------------------------------------------------*/
-ul.fancytree-ext-wide span.fancytree-node > span {
-  position: relative;
-  z-index: 2;
-}
-ul.fancytree-ext-wide span.fancytree-node span.fancytree-title {
-  position: relative;
-  z-index: 1;
-  width: 100%;
-  padding-left: 503px;
-  margin-left: -500px;
-}
-/*!
- * Fancytree "win8" skin (highlighting the node span instead of title-only).
- *
- * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
- * the LESS templates.
- */
-/*******************************************************************************
- * Styles specific to this skin.
- *
- * This section is automatically generated from the `ui-fancytree.less` template.
- ******************************************************************************/
-/*******************************************************************************
- * Node titles
- */
-span.fancytree-node {
-  border: 1px solid transparent;
-}
-span.fancytree-node:hover {
-  background-color: #E5F3FB;
-  border-color: #70C0E7;
-}
-.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-focused {
-  border-color: #3399FF;
-}
-span.fancytree-node.fancytree-active,
-span.fancytree-node.fancytree-selected {
-  background-color: #F7F7F7;
-  border-color: #DEDEDE;
-}
-.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-active,
-.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-selected,
-span.fancytree-node.fancytree-active:hover,
-span.fancytree-node.fancytree-selected:hover {
-  background-color: #CBE8F6;
-  border-color: #26A0DA;
-}
-.fancytree-node.fancytree-selected {
-  font-style: italic;
-}
-/*******************************************************************************
- * 'table' extension
- */
-table.fancytree-ext-table tbody tr td {
-  border: 1px solid #EDEDED;
-}
-table.fancytree-ext-table tbody span.fancytree-node,
-table.fancytree-ext-table tbody span.fancytree-node:hover {
-  border: none;
-  background: none;
-}
-table.fancytree-ext-table tbody span.fancytree-title:hover {
-  border: none;
-  background: inherit;
-  background: transparent;
-  background: none;
-  filter: none;
-}
-table.fancytree-ext-table tbody tr:hover {
-  background-color: #E5F3FB;
-  outline: 1px solid #70C0E7;
-}
-table.fancytree-ext-table tbody tr.fancytree-focused span.fancytree-title {
-  outline: 1px dotted black;
-}
-table.fancytree-ext-table tbody tr.fancytree-active:hover,
-table.fancytree-ext-table tbody tr.fancytree-selected:hover {
-  background-color: #CBE8F6;
-  outline: 1px solid #26A0DA;
-}
-table.fancytree-ext-table tbody tr.fancytree-active {
-  background-color: #F7F7F7;
-  outline: 1px solid #DEDEDE;
-}
-table.fancytree-ext-table tbody tr.fancytree-selected {
-  background-color: #F7F7F7;
-}
-table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-active {
-  background-color: #CBE8F6;
-  outline: 1px solid #26A0DA;
-}
-table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-selected {
-  background-color: #CBE8F6;
-}
-ul.fancytree-container {
-  font-size: 20pt;
-  padding: 6px;
-}
diff --git a/app/assets/stylesheets/fancytree/skin-win8-xxl/ui.fancytree.min.css.erb b/app/assets/stylesheets/fancytree/skin-win8-xxl/ui.fancytree.min.css.erb
deleted file mode 100644
index 252453d..0000000
--- a/app/assets/stylesheets/fancytree/skin-win8-xxl/ui.fancytree.min.css.erb
+++ /dev/null
@@ -1,11 +0,0 @@
-/*!
- * Fancytree "Win8" 32x32 skin.
- *
- * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
- * the LESS templates.
- */.ui-helper-hidden{display:none}ul.fancytree-container{font-family:tahoma,arial,helvetica;white-space:nowrap;margin:0;background-color:#fff;border:1px dotted gray;overflow:auto;min-height:0;position:relative}ul.fancytree-container ul{padding:0 0 0 16px;margin:0}ul.fancytree-container li{list-style-image:none;list-style-position:outside;list-style-type:none;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background-attachment:scroll;background-color:transparent;background-position:0 0;background-repeat:repeat-y;background-image:none;margin:0;padding:1px 0 0}ul.fancytree-container li.fancytree-lastsib,ul.fancytree-no-connector>li{background-image:none}.ui-fancytree-disabled ul.fancytree-container{opacity:.5;background-color:silver}#fancytree-drop-marker,span.fancytree-checkbox,span.fancytree-drag-helper-img,span.fancytree-empty,span.fancytree-expander,span.fancytree-icon,span.fancytree-radio,span.fancytree-vline{width:32px;height:32px;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-image:url(icons.gif);background-position:0 0}span.fancytree-checkbox,span.fancytree-custom-icon,span.fancytree-icon,span.fancytree-radio{margin-top:1px}span.fancytree-custom-icon{display:inline-block}img.fancytree-icon{width:32px;height:32px;margin-left:3px;margin-top:1px;vertical-align:top;border-style:none}span.fancytree-expander{cursor:pointer}.fancytree-exp-n span.fancytree-expander,.fancytree-exp-nl span.fancytree-expander{background-image:none;cursor:default}.fancytree-exp-n span.fancytree-expander,.fancytree-exp-n span.fancytree-expander:hover{background-position:0 -128px}.fancytree-exp-nl span.fancytree-expander,.fancytree-exp-nl span.fancytree-expander:hover{background-position:-32px -128px}.fancytree-exp-c span.fancytree-expander{background-position:0 -160px}.fancytree-exp-c span.fancytree-expander:hover{background-position:-32px -160px}.fancytree-exp-cl span.fancytree-expander{background-position:0 -192px}.fancytree-exp-cl span.fancytree-expander:hover{background-position:-32px -192px}.fancytree-exp-cd span.fancytree-expander{background-position:-128px -160px}.fancytree-exp-cd span.fancytree-expander:hover{background-position:-160px -160px}.fancytree-exp-cdl span.fancytree-expander{background-position:-128px -192px}.fancytree-exp-cdl span.fancytree-expander:hover{background-position:-160px -192px}.fancytree-exp-e span.fancytree-expander,.fancytree-exp-ed span.fancytree-expander{background-position:-64px -160px}.fancytree-exp-e span.fancytree-expander:hover,.fancytree-exp-ed span.fancytree-expander:hover{background-position:-96px -160px}.fancytree-exp-edl span.fancytree-expander,.fancytree-exp-el span.fancytree-expander{background-position:-64px -192px}.fancytree-exp-edl span.fancytree-expander:hover,.fancytree-exp-el span.fancytree-expander:hover{background-position:-96px -192px}.fancytree-loading span.fancytree-expander,.fancytree-loading span.fancytree-expander:hover,.fancytree-statusnode-wait span.fancytree-icon,.fancytree-statusnode-wait span.fancytree-icon:hover{background-image:url(data:image/gif;base64,R0lGODdhIAAgAOYAAAAAACue/zGf/yqg/yWh/0Ol/zum/02m/1Cn/1Wp/02q/0Sr/1ut/2Gv/1ew/16w/2Sy/2y1/3G3/265/3S6/3y9/4G//4i//37C/4TC/4zF/5HH/47J/5TJ/8zM/5zN/6HP/57R/6TS/6zV/7HX/6zY/7TZ/6Xa/7zd/8Hf/77h/8Ti/7Tj/8zl/9Hm/8Lp/87p/9Tq/9vt/+Lu/83y/97y/+Ty/9P1/+z1//P2/9z4/+76//X7/+T8/3///////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkKAEAALAAAAAAgACAAAAf/gECCg4Q4PzIrKCaLKjE8OISRkoQrMTUrJiMimyMoNS4ok6I/NiuaIh0aFhWsFhodHx0oMzyigzY2PDQnGRS+FBMRERAPDhMcKjsyMrY4MiklHxkVvxjWwBAMDxAVHSMuNpM2Mj0l0xkcHyKLKIojHxoUDwoLGTctzISk0B3THSo6dvwYOJBHj10UFCiIkGFEjB2FfpjIkKGDCBIrZPAgSBBHDBPwICgwoKFHPkEtbojQoKGEyRi2gKxImaFAAQosTAwCxaKDRRQyIMUEgqPFhwkJEmDQQAIIDxkmQmj48KIFzKGCTIWAUCCBhhY2fuwwkWpEj3BYB8GAUUFAAAsw/3bYiDHCJwoetdIKwtFDw4AAEUZUMgVrxUC9gn7w+GAgQIMPI2CsEKEOxmHEA0csIOBVRIvJ61oYQgzkBw4UHy5sMDHTlIgXjUjvJefi4Y8Yrl+gcCFb0EbFG2W00FRixWjZBPEShbrJ8g/kHBPzMCX4EWmOl3nYaIGiUw0ZaLFy3JgXiPAbjMCWt1UQL3lCNnaYMmEZR/hJvx/h+B0RxqJKMcxgyHODtIeXfQMSmJhHkrXTQg8D5SDUfgTJZcN+/BViSAyKoGDVOOCBF599uORCEH7OxPDZCjM9hNcO3y1zIV6XTYJDDorVIFkLVskQw48y/lbjKNr56OOPSMo44xSQQ11oWoklCmRdbwXhQKKVGYoSCAAh+QQJCgBAACwAAAAAIAAgAAAH/4BAgoOENjYxLSgoJiYtLYaEkZKRMjItK4wjJigrMTGToEA4NisoIh8dGhoZrKyqIiQ1NqGDNjKLqKqtFhW9GR8jMTK0tiYjqB3JHR/MH6oU0BUaHS3DkzIxIyLKHyAiI+DHHb3RGistkqO4zCLnNjjwPKO3JhkVERQZHTKzg6PG7Ea0iIGDx4+DP+AlWhUhQoUMLqwJuiSiYjCJoS7ZgxAhhAhCpSya4EdLkCUNFiBAWCboX4lvLVyUjERCRASOFar903ZxJqFFN/FVqwRu0zuftWLcYwBhE7aiKAoibSnDQgSmmhAxQtHC4FQgCTVQSMDggwitJs55nRq2AtllnscYnfsqKOxYBsuwLZpLV57YtyL0pm0hdeohCgwOJBBhosYtFCkI8/g6w8XVAwxGoJB3iROkqS1SQEiQAEInzqVWyJjxNcaKqw0iVBPkacU5gpNLHpSnwkRFQpUuDYQ3EyEPRIsIwUPkqNK7g4QQ/uBBvTqPHISoe4IBQ5gh6tGlV5eeDgc2T5WcG4KXI8d1gwhBwavkSZj6d/Dyw4ce6rqt9JXIYgh+1PFHC3U2zACgDALiVxB8X1Wn33g/0DXIbvI8WGCFoQQCACH5BAkKAEAALAAAAAAgACAAAAf/gECCg4Q4NjIxK4orLTE2OISRkpEziC0omCiMMjKTnkA5OC0rJCMiHx8dqqqoIyaPn4OGKyimqasbGrodIiacsYYpKKcixSIjpqcdGcwZHyIxnZOHKCStyCbZ2ae6FhYaH42SobTIro04ODk8PIYytB0aFRkdIDKQsjbC2CjR6z8Af6QblapCBQ0dYswgFCNGNkwybMQSFKOFBgsUKiAj1KLFwxWwJiJaRoHCM0HkUJjoJ23iIJUVKHxzlI4WxIUuB9GKOS/aIZsr1OUcdCgDhQgUNP3U1GLdUEGG5CFdyYlWIx4/ngIRuAxChGOIFF3N+lTghwxen3Ea1VGrIK4V1SBAeFapYwsXbrfikCf3wwgbNiq6iMFOKw4ZGSI8gDAChaEYLgY7fRq4guIIK3nkaDg4ndZaEBhAoNBCBruGDT0/NcUgAdLSggA35FR4oosVFCAkYKBhAyHZ0WTkyOEyhYkIrRl0+EBI8yFOgNUBJPSDx4wWuQ8cgFBB3CB2MypBx8GO7NsfNlogP5CAQoZo49zNiJ5uOFaAhy0zwLzCE3jA9KVTHkA82CBPRivg9Qk76TSYzg7slMdDRW1NhJ+DD0aIFQ+c/FJWQBoOmNd5BIY43SeBAAAh+QQJCgBAACwAAAAAIAAgAAAH/4BAgoOEODgyMi2KLYiGhI+QjzY2MTErlyuViJGcQDw4MS0oKCYjIqeoIyMoKzY4nYOGoSalpqgfuCImKDI2sIYtK6S0xLSmuB0dHyIjvZw4NsLEoygpKaOqyMoiMTKQPDmK1CrdhjznnzbBHx0aGh8jroQ5OMGjl4jnP/s/4KEiH9x1AOFsECJMLSbBEhTqw4YMGnYRqoTQ0UIZMUB8yJBBlSB/wRjNWPhImAaIHXp9CqVIHslBwU5m6BDDFSVFMc69jCUjYIUMKFpAC9VN504g0HwCbUWpmwweP456whGQAoURJiZpehr16A8cIDRYxarVqVRBX8OOzdp009lPAcslXDVhCFG+rjuhaagQgcKuT3ZnGN1pQ8bevqzOFUaUg4dUUhEgULBQlMeMGb1w5JBKQkRkChlqCjI0yRzeTpYyUIAAQVkhaK5wDO4kjC+ECCFEEDpnqLdsqF37QUMxogKFBw8iVHDhbZBw3/r2jT4UYwSI1QwgVNBQcDePHTsa61NcNQIDBgkSKGfFad9vdP122Nh7Pv35n5lg7YMvPMYEBgcckN1MLcRA0n7RrXRcen0t091L/AgHEDMruGCRVBF+YsouMQh2GiGBAAAh+QQJCgBAACwAAAAAIAAgAAAH/4BAgoOEOTk2NjIxi4g4OISQkZCOM4ouLS0yMoiSnUA8OYotKyilJqeoKCstjp6DOTiKpCiopyO3JqqcnrCLoysrKsDAtCQjIsi5m52OMZjDq5ijpbfIIyYxMpE8PJrSmTM43OPNLccfH9c2j4Pcoi2MNtw/9D+giiYj6CIj64SIi7K1cgVE0bEOH1QRmjFjkSYcOQgCSURCRIcOuQS5UxRjoERBwC5+ALFp4yKIHwc5+yAyxgwesTTJ45FSEA4bIDpo6LAiBixNJX/UBALLogYNq2AimmGD3tAfO/Rl0JBLKaKmQmtCHQEiQ4ZcsBqxexr1g9droMQO1YhDagYSJtG4XcXhtOahDxoqZEDRQm6juiljdcigd5U9mOIAfyRVgUIFDS7piZuXNSWtxhk2xLChcRxliTJaaMjg+IMIQp551JM4irDjW6jH1eMRwwVT1fZu0tJgIUIEC5C1DaKHOzcwF5sdxYphQkTjCBQ0fFgGCXe3FREgQD96lLBvCBAer+o0uwWKBgkYQHBMgYKE7OAj7Mzkyh4KERASHDiAIEF6BupF0IEIyElk3wgSQMCAf/+B55gIJFAnkSOjHIRQOibA49FH9iiCQkXWKCNPZZAEAgAh+QQJCgBAACwAAAAAIAAgAAAH/4BAgoOEPDw4NjKKMjY4joSQkZA5OTaJizONOJKcQIaIMaEtK6SlpDAxj52Chpaio6QosrItMY2rhjOKobwxLb8rKSgmxKS3kjw5u73Mo7LEKCuMka2Xio2G2Z8yMbIjIygpqqw8NrqL2Dw/6z+Giiso3yYox4KO5paUq4K6JiMiIla0IHTPkg1D+4BYGgYwGrmC4xIC+QVwhIl0jjLmkDgoFEARIzA62qGOoz0bJER8EFHrkyN1P0wCyYHDhMoPLV3ClPljh78OH6K1y5ZjHU8e8Tp0EKqNh0xWOJIuXZFt6FNPNUcojVbVkFGTlVRq6CBQXVOnJhGB6DC2FrtDiLxkyBylIYOGD4zWuZPxSya8ukBlbALCTUOFCBRWxEjI7cOGDBlAEuJ7mAEEEysSumjBFjKxyS0oQDhwIEIFcOlctkDBtkKFu7ZAH05wgEEEECNiMMqYaFhd1x1ACI4ET3SCBJYrZFD6ga3hChQotF0sKcaKDBQYaLdNQTlk19G7B9e9ajPbCBDSq4cQAXGFD7nl7tM14kMFCejVI6Zg12K9fY744g8IH6xEggkuCDYYR7nI4E1F0TBSkiSBAAAh+QQJCgBAACwAAAAAIAAgAAAH/4BAgoOEPDw4ODaKNoiGhI+Qj4aIi4qIOJGZQD8/lDYyMjGioy0tojk8moM/h4mgo6KlpS4xiKqcnjWgu68uLSvALS62kayelZWhpSsqKy2MkJOX04bVk5+/KCjOODmFPDvT3Tmc5aw8iqXa28SC1Zc8P6qCiisoJiii3zyoOJzzQBLZM2GilDtr8eQBHBSKID5GCBMuHPTJIQqI5spNFJQDBwoSI0zIsFEt40Ygh+6NGBFDBj94/zayWmFChIhSikSNjDlxZk0RzkiIoEBBwwd/J1nds+lsxAcIDCpoQCqTB4oRTFvUTHCAAQUZmDZ2rPnhZoyrXBlEiGHjZCKsZchpxVgRgUECBiNQnIzR4kOHDyNGymhBAcJdECNO/vKLGBoQDRkSJIhQYUUMgJ9E+O2Aj5BfuxAobAMoCkSH06MH8S3MAEKFDCZWMDLX8ReIDxqMihhJyEaMDIUfRKAQcuS0T/Y65NYgYoRjQvYqSIAAYXjuDyCy+82dIUMHEC0z8dVQIQJ1ylI1bODePYMGxLw1xYBhmmiE+0QpVHjNXKQMzDIIBVkF+e3X3V8PhQUQIqJos1Jz27TUzkKcYEMTCSTE9gwO8WQSCAAh+QQJCgBAACwAAAAAIAAgAAAH/4BAgoOEPIaGOIk4h4SNjo2HipKGj5VAPz+IkjY2MzKfMjaLPJaDmJmKopyeoJyUlpiHOZI4nDagMjExn4mVp4Y5O7S1rLm6Mb2QmTzLh6exiLfHuq+CODvOmdrPy4m5Li0tyKSDJijizJil1jjhKy2fhCIiKCs4OerriTEtKyu6gmS0iNAAQoR/6xrdWlGvhagYKyAkSABhhYuEhDgxTLFCFIoRDA4wiBDDBsZBPNqlQIEiFAkRCQ40oCADx0lBhvqZ+ySiA4MEFDLYIHcyEz9zuj74BKph0c1LPI6aSLq0QlOiGDPpnBqj50+rQ59qRWHChIsYJkZAYCAhQw2bN8ZnkR0xYhfZtREqhHpaCwWJEVNztaAQwaC5p7lGiCCBQpTAChIMLn7KT7E5UYKUQoBgFV7CW2nnoUhBSHFhChbeJUw8T4TqQbk0VIgQIcOGeqIO8ZhVWcSHD4AxD7rVIQPhChl2ikplo5/v35fhEuqnwQIFCsg7fBBBV7HvDuC5x3uU64PsCtg1aND+G7x74Cb2Wkr8IUOF+xYy6FevXflnGx91oIF+BPK3HUfCJTRLLgz9VdY7odwj1g+3hFMWS+Lk9kMlgQAAIfkECQoAQAAsAAAAACAAIAAAB/+AQIKDhDw/hz88ioqHhI6PjoyHi5SQlkAymTI4i4k8OTihooaXgy2nLaGMiqCiODuKpS4rFRQVGjaSrKI2vb2xkCsmEQ0RFZuGnq04vTO9OTmPMzEZFAkHDBEtuYiTiswzmb88hDEtFBAHBxAULTLJiLu9mrnkgx8dDAnZJimlgp8yxYhhAwehDRr0RaCwwsU/IIoExnAmSMY5CPtEjHhIKFQMFwMjtpDQgAGEESg4DvLookWMHDxQDHtgjKBKgDnMtXBR0MQICDQzbLoJkcfHUwVHfIAAoUIHTkQTyYixwp0NEUshZHj6IyqPqStWZMIaQesHqDcTmUOhIoaMESLYIkTYilal2hYoUGSSScEYLoM3P7VIkVfGjBUo+t4aehMUYrYybEzNUKsCihVEJee9HGqahsomUt6cKpNzNCAgPlCgoKGD24fMEJswcYoQ3FoZNLh8qHm2iYGEbMTo8Hnrh6qqKPHoPWJE6IIda4DokMFC68u9XIWa6rO56UfmiFuwruGDRt8+RYAQISJ0ZEtTU2eYb3x9c/YfzItAkQL6pUwmiECcBhps0MGB+bGHHWClMCNTagdGmB8IziF32kM87CBZC4/lVVVkwNj1AzPmhBWWSwWRAkkgACH5BAkKAEAALAAAAAAgACAAAAf/gECCg4QyMSYjIyQ4PI0/P4SRkpEtKyIiHyM2jo2TnkA2Mh8aFBEJCQ8UMYyPjTyPn4MxLR0ZEAwHBwwTq62unZ+zGRUMDKfFFRoyOL6uzJCTLSgVpgnFERQaH5uPP405OKySNjEaFbcQEZkxy6zd3uHxsIMyLRYSD6kVIyg2z76P4sV7RUhEiAjpKqBYEUsQPBw2/OEg9KEDBAgUMrSI0RBIQIgSBRkalm6EiY6EwIWSMeOVDBgZKGA0kQLlIB45ZOhs+WMFilLJZNiwKaiRTp3hUJgAqsEfUSCNZhwNh4hCtg/MnnqTGiOGPxMirG4QkZXoVkNecYAVSxaaTW860rtGrJoNRNm3POJ6teFzmIYOTokanZVW2rAMHZY9xdm1RQt/M2KMyqBhRYunER1vzMEjVMUMGRY+1bnCcgzOgkaIAN0BhNCO4SqVZkfIhAkNGTZ8oN0wc+kVOgl57qCBwwcRLZb9chWqtIrSLcIRgjjiA4e/H1akZbQjHmkUCzcykmQIU4cOH0CYBF9aqW3bCwOPk6G6IvpLJt+XyG/CsvxJoSiFyQcfhHAJfraJN1FDEFVS33EHJgIeO+OhhFMoLshmWlrAvPUDRIZollw7BE0SCAAh+QQJCgBAACwAAAAAIAAgAAAH/4BAgoOEMjIoJiIfHyImKDEyPDyElJWDLS0mIx2cHSIjKy04OJaWNjIiHRUUEBAMr7AQFCMoPD+lhTEfHRGurwnABwcJECK1t7gyLR0Zva0QERWrEq4JDSgukj/IlS0rGRWtEdEVGxsaGRS9ESuR29yDpx8aEhEUFY0yNjajpzErK3Bo+2ELnowYGyyMy6DBEY4ckiThsOEiRo5tBbcRIjFiVYUMoXANshUxIiFFqxi2kCFSUMmSgk510HDPUUtKEXfsEMjDBsJ0FVCsuElI0k4cO2x5A5ehgwxSRF3yOCrwxwoU4DR84BdV6k5+khBlaCpCYFcgBCfyE2jCxNgPI8zMdk27b21bDRpAxJ0094dafjsQ4dUrN+q2v6O84fVkI8dZSfsMjYqxTEMHEFy7Qj71dIc8Th9axDg76qAhyDJA7OoQsutkSJH4miDB6ZO+m6Vj6N5HCAWKXYwg4cahezfUmDVGKIJrYuXLiBN1Y3IRm9BETYs+ieZZcuJBTKKrUzKkScQnWqHAewMIcPtxSjZqIDL/qa1Q9r7v6x4lct9VTSOMYF9+KawAyUPDudACIm0N6Fsop/F1k0T+KBjeUzydhZF3xUEClkaWBAIAIfkECQoAQAAsAAAAACAAIAAAB/+AQIKDhDYyKygjIiIjJigyNjw8hJSVgzExKCYiHx8gjS0xODiWljg2JCIaGRQUEa8QrxQVHyKQpYQyMSMfGRWwEMEPD7EZHaG4QLofHRWtsxUZ0hUSEQwMCQwUGSsupTEtHazQGhod5xu+ENgJEBQmK5U4MpwV0RqOkKOjuiMg1gcSRKjQQkYhGR802DOHYsWoHxB5nErk6sABdwUJmTAhzRyyZEBSmLA2MOMgRdI6fIhhEGSLFNQqaGApyBCzDBpQpABJqUVBGZIk2UynYUULnrlsjOIB8Qe4Dhw6gJBBCqmgoE0htljRQUMtpVavZv3BFNE5ESZwTArblGlTsx3N0KoNC6StJIiImI1AkeMH3YhBy6LQm9YvW7I5lvIA10nuWqsR90mK4YKTCBJz2UqU/OOUokWY6Erap7azDROffdLdpxQHREEpUCxyZMMGT6G1WxPauqiRjBm3eeTWPWgi6r0rfgcOzE+Gc0iSCI2KPaIRCpZql29+DimS4YOaNqJoGIqlLkzoned4TOkUoo2OyLdw4QJTfUzK2cuz4WLreJ0rBDhffdDpZ4lEmASoggoBGnVfDLVFh9RotXHXXWB//ZBYhc7NoJRb31ESCAA7);background-position:0 0}.fancytree-statusnode-error span.fancytree-icon{background-position:0 -224px}span.fancytree-checkbox{margin-left:3px;background-position:0 -64px}span.fancytree-checkbox:hover{background-position:-32px -64px}.fancytree-partsel span.fancytree-checkbox{background-position:-128px -64px}.fancytree-partsel span.fancytree-checkbox:hover{background-position:-160px -64px}.fancytree-selected span.fancytree-checkbox{background-position:-64px -64px}.fancytree-selected span.fancytree-checkbox:hover{background-position:-96px -64px}.fancytree-radio span.fancytree-checkbox{background-position:0 -96px}.fancytree-radio span.fancytree-checkbox:hover{background-position:-32px -96px}.fancytree-radio .fancytree-partsel span.fancytree-checkbox{background-position:-128px -96px}.fancytree-radio .fancytree-partsel span.fancytree-checkbox:hover{background-position:-160px -96px}.fancytree-radio .fancytree-selected span.fancytree-checkbox{background-position:-64px -96px}.fancytree-radio .fancytree-selected span.fancytree-checkbox:hover{background-position:-96px -96px}span.fancytree-icon{margin-left:3px;background-position:0 0}.fancytree-ico-c span.fancytree-icon:hover{background-position:-32px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon{background-position:-64px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover{background-position:-96px 0}.fancytree-ico-e span.fancytree-icon{background-position:-128px 0}.fancytree-ico-e span.fancytree-icon:hover{background-position:-160px 0}.fancytree-ico-cf span.fancytree-icon{background-position:0 -32px}.fancytree-ico-cf span.fancytree-icon:hover{background-position:-32px -32px}.fancytree-has-children.fancytree-ico-cf span.fancytree-icon{background-position:-64px -32px}.fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover{background-position:-96px -32px}.fancytree-ico-ef span.fancytree-icon{background-position:-128px -32px}.fancytree-ico-ef span.fancytree-icon:hover{background-position:-160px -32px}span.fancytree-node{display:inherit;width:100%}span.fancytree-title{display:inline-block;padding-left:3px;padding-right:3px;color:#000;vertical-align:top;margin:0;margin-left:3px;cursor:pointer}span.fancytree-node.fancytree-error span.fancytree-title{color:red}div.fancytree-drag-helper a{border:1px solid gray;background-color:#fff;padding-left:5px;padding-right:5px;opacity:.8}div.fancytree-drag-helper.fancytree-drop-reject{border-color:red}div.fancytree-drop-accept span.fancytree-drag-helper-img{background-position:-64px -224px}div.fancytree-drop-reject span.fancytree-drag-helper-img{background-position:-32px -224px}#fancytree-drop-marker{width:64px;position:absolute;background-position:0 -256px;margin:0}#fancytree-drop-marker.fancytree-drop-after,#fancytree-drop-marker.fancytree-drop-before{width:128px;background-position:0 -288px}#fancytree-drop-marker.fancytree-drop-copy{background-position:-128px -256px}#fancytree-drop-marker.fancytree-drop-move{background-position:-64px -256px}span.fancytree-drag-source{background-color:#e0e0e0}span.fancytree-drag-source span.fancytree.title{color:gray}span.fancytree-drop-target.fancytree-drop-accept a{background-color:#3169C6!important;color:#fff!important;text-decoration:none}table.fancytree-ext-table{border-collapse:collapse}table.fancytree-ext-table span.fancytree-node{display:inline-block}table.fancytree-ext-columnview tbody tr td{position:relative;border:1px solid gray;vertical-align:top;overflow:auto}table.fancytree-ext-columnview tbody tr td>ul{padding:0}table.fancytree-ext-columnview tbody tr td>ul li{list-style-image:none;list-style-position:outside;list-style-type:none;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background-attachment:scroll;background-color:transparent;background-position:0 0;background-repeat:repeat-y;background-image:none;margin:0;padding:1px 0 0}table.fancytree-ext-columnview span.fancytree-node{position:relative;display:inline-block}table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded{background-color:#CBE8F6}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right{position:absolute;right:3px;background-position:0 -160px}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover{background-position:-32px -160px}.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title{color:#000;font-weight:700}.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide,.fancytree-ext-filter-hide tr.fancytree-hide{display:none}.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title{color:#000;font-weight:400}ul.fancytree-ext-wide span.fancytree-node>span{position:relative;z-index:2}ul.fancytree-ext-wide span.fancytree-node span.fancytree-title{position:relative;z-index:1;width:100%;padding-left:503px;margin-left:-500px}/*!
- * Fancytree "win8" skin (highlighting the node span instead of title-only).
- *
- * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
- * the LESS templates.
- */span.fancytree-node{border:1px solid transparent}span.fancytree-node:hover{background-color:#E5F3FB;border-color:#70C0E7}.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-focused{border-color:#39F}span.fancytree-node.fancytree-active,span.fancytree-node.fancytree-selected{background-color:#F7F7F7;border-color:#DEDEDE}.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-active,.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-selected,span.fancytree-node.fancytree-active:hover,span.fancytree-node.fancytree-selected:hover{background-color:#CBE8F6;border-color:#26A0DA}.fancytree-node.fancytree-selected{font-style:italic}table.fancytree-ext-table tbody tr td{border:1px solid #EDEDED}table.fancytree-ext-table tbody span.fancytree-node,table.fancytree-ext-table tbody span.fancytree-node:hover{border:0;background:0 0}table.fancytree-ext-table tbody span.fancytree-title:hover{border:0;background:inherit;background:0 0;background:0 0;filter:none}table.fancytree-ext-table tbody tr:hover{background-color:#E5F3FB;outline:1px solid #70C0E7}table.fancytree-ext-table tbody tr.fancytree-focused span.fancytree-title{outline:1px dotted #000}table.fancytree-ext-table tbody tr.fancytree-active:hover,table.fancytree-ext-table tbody tr.fancytree-selected:hover{background-color:#CBE8F6;outline:1px solid #26A0DA}table.fancytree-ext-table tbody tr.fancytree-active{background-color:#F7F7F7;outline:1px solid #DEDEDE}table.fancytree-ext-table tbody tr.fancytree-selected{background-color:#F7F7F7}table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-active{background-color:#CBE8F6;outline:1px solid #26A0DA}table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-selected{background-color:#CBE8F6}ul.fancytree-container{font-size:20pt;padding:6px}
\ No newline at end of file
diff --git a/app/assets/stylesheets/fancytree/skin-win8-xxl/ui.fancytree.scss b/app/assets/stylesheets/fancytree/skin-win8-xxl/ui.fancytree.scss
new file mode 100644
index 0000000..342718c
--- /dev/null
+++ b/app/assets/stylesheets/fancytree/skin-win8-xxl/ui.fancytree.scss
@@ -0,0 +1,30 @@
+/*!
+ * Fancytree "Win8" 32x32 skin.
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */
+
+$fancy-image-dir: "fancytree/skin-win8-xxl";
+// Import common styles
+@import "../skin-common.scss";
+
+// Import standard win8
+@import "../skin-win8/ui.fancytree.scss";
+
+
+// Override the variable after the import. 
+// NOTE: Variables are always resolved as the last definition, even if it is 
+// after where it is used.
+$fancy-use-sprites: true;
+$fancy-hide-connectors: true;
+$fancy-icon-width: 32px;
+$fancy-icon-height: 32px;
+$fancy-line-height: 32px;
+$fancy-icon-margin-left: 3px;
+
+ul.fancytree-container {
+//	font-family: tahoma, arial, helvetica;
+	font-size: 20pt;
+	padding: 6px;
+}
\ No newline at end of file
diff --git a/app/assets/stylesheets/fancytree/skin-win8/ui.fancytree-w.scss b/app/assets/stylesheets/fancytree/skin-win8/ui.fancytree-w.scss
new file mode 100644
index 0000000..74086f1
--- /dev/null
+++ b/app/assets/stylesheets/fancytree/skin-win8/ui.fancytree-w.scss
@@ -0,0 +1,136 @@
+/*!
+ * Fancytree "Win8" skin.
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */
+
+$fancy-image-dir: "fancytree/skin-win8";
+// Import common styles
+@import "../skin-common.scss";
+
+
+/*******************************************************************************
+ * Styles specific to this skin.
+ *
+ * This section is automatically generated from the `ui-fancytree.scss` template.
+ ******************************************************************************/
+
+// Borders have NO radius and NO gradients are used!
+
+// both:
+//    unselected background: white
+//    hover bar (unselected, inactive): #E5F3FB (border: #70C0E7) 'very light blue'
+//    active node: #CBE8F6 (border: #26A0DA)  'light blue'
+//    active node with hover: wie active node
+
+// Tree view:
+//    active node, tree inactive: #F7F7F7 (border: #DEDEDE) 'light gray, selected, but tree not active'
+
+// List view: 
+//    selected bar: --> active bar
+//    focus  bar: transparent(white) + border 1px solid #3399FF  ()
+
+//    table left/right border: #EDEDED 'light gray'
+
+// Override the variable after the import. 
+// NOTE: Variables are always resolved as the last definition, even if it is 
+// after where it is used.
+$fancy-use-sprites: true;
+$fancy-hide-connectors: true;
+$fancy-icon-width: 16px;
+$fancy-icon-height: 16px;
+$fancy-line-height: 16px;
+$fancy-icon-margin-left: 3px;
+// Use 'data-uri(...)' to create inline image:
+$fancy-loading-url: asset-data-url(#{$fancy-image-dir}/loading.gif);
+
+/*******************************************************************************
+ * Node titles
+ */
+
+span.fancytree-title {
+	border: $fancy-node-border-width solid transparent;  // avoid jumping, when a border is added on hover
+}
+span.fancytree-title:hover {
+	background-color: #E5F3FB;
+	border-color: #70C0E7;
+}
+.fancytree-container.fancytree-treefocus span.fancytree-focused span.fancytree-title {
+	border-color: #3399FF;
+//	outline: 1px solid #3399FF; 
+}
+span.fancytree-active span.fancytree-title,
+span.fancytree-selected span.fancytree-title { // active/selcted nodes inside inactive tree
+	background-color: #F7F7F7;
+	border-color: #DEDEDE;
+}
+.fancytree-container.fancytree-treefocus span.fancytree-active span.fancytree-title,
+.fancytree-container.fancytree-treefocus span.fancytree-selected span.fancytree-title,
+span.fancytree-active span.fancytree-title:hover,
+span.fancytree-selected span.fancytree-title:hover {
+	background-color: #CBE8F6;
+	border-color: #26A0DA;
+}
+span.fancytree-selected span.fancytree-title {
+	font-style: italic;
+}
+
+/*******************************************************************************
+ * 'table' extension
+ */
+table.fancytree-ext-table tbody {
+	tr td {
+	  border: 1px solid #EDEDED;
+	}
+	span.fancytree-node,
+	span.fancytree-node:hover { // undo standard tree css
+		border: none;
+		background: none;
+	}
+	// Title get's a white background, when hovered. Undo standard node formatting
+	span.fancytree-title:hover {
+	  border: none; //1px solid transparent;
+	  background: inherit;
+	  background: transparent;
+	  background: none;
+	  filter: none;
+	}
+	tr:hover  {
+		background-color: #E5F3FB;
+	    outline: 1px solid #70C0E7;
+	}
+	// tr:hover td {
+	//   outline: 1px solid #D8F0FA;
+	// }
+	// tr.fancytree-focused {
+	// 	border-color: #3399FF;
+ //    	outline: 1px dotted black;
+	// }
+	tr.fancytree-focused span.fancytree-title {
+	  outline: 1px dotted black;
+	}
+
+	tr.fancytree-active:hover,
+	tr.fancytree-selected:hover {
+		background-color: #CBE8F6;
+	    outline: 1px solid #26A0DA;
+	}
+	tr.fancytree-active {  // dimmed, if inside inactive tree
+		background-color: #F7F7F7;
+	    outline: 1px solid #DEDEDE;
+	}
+	tr.fancytree-selected {  // dimmed, if inside inactive tree
+		background-color: #F7F7F7;
+	}
+}
+
+table.fancytree-ext-table.fancytree-treefocus tbody {
+	tr.fancytree-active {
+		background-color: #CBE8F6;
+	    outline: 1px solid #26A0DA;
+	}
+	tr.fancytree-selected {
+		background-color: #CBE8F6;
+	}
+}
diff --git a/app/assets/stylesheets/fancytree/skin-win8/ui.fancytree.css.erb b/app/assets/stylesheets/fancytree/skin-win8/ui.fancytree.css.erb
deleted file mode 100644
index 28b5de0..0000000
--- a/app/assets/stylesheets/fancytree/skin-win8/ui.fancytree.css.erb
+++ /dev/null
@@ -1,523 +0,0 @@
-/*!
- * Fancytree "win8" skin (highlighting the node span instead of title-only).
- *
- * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
- * the LESS templates.
- */
-
-/*
- *= depend_on_asset "fancytree/icons.gif"
- */
-
-/*******************************************************************************
- * Common Styles for Fancytree Skins.
- *
- * This section is automatically generated from the `skin-common.less` template.
- ******************************************************************************/
-/*------------------------------------------------------------------------------
- * Helpers
- *----------------------------------------------------------------------------*/
-.ui-helper-hidden {
-  display: none;
-}
-/*------------------------------------------------------------------------------
- * Container and UL / LI
- *----------------------------------------------------------------------------*/
-ul.fancytree-container {
-  font-family: tahoma, arial, helvetica;
-  font-size: 10pt;
-  white-space: nowrap;
-  padding: 3px;
-  margin: 0;
-  background-color: white;
-  border: 1px dotted gray;
-  overflow: auto;
-  min-height: 0%;
-  position: relative;
-}
-ul.fancytree-container ul {
-  padding: 0 0 0 16px;
-  margin: 0;
-}
-ul.fancytree-container li {
-  list-style-image: none;
-  list-style-position: outside;
-  list-style-type: none;
-  -moz-background-clip: border;
-  -moz-background-inline-policy: continuous;
-  -moz-background-origin: padding;
-  background-attachment: scroll;
-  background-color: transparent;
-  background-position: 0px 0px;
-  background-repeat: repeat-y;
-  background-image: none;
-  margin: 0;
-  padding: 1px 0 0 0;
-}
-ul.fancytree-container li.fancytree-lastsib {
-  background-image: none;
-}
-ul.fancytree-no-connector > li {
-  background-image: none;
-}
-.ui-fancytree-disabled ul.fancytree-container {
-  opacity: 0.5;
-  background-color: silver;
-}
-/*------------------------------------------------------------------------------
- * Common icon definitions
- *----------------------------------------------------------------------------*/
-span.fancytree-empty,
-span.fancytree-vline,
-span.fancytree-expander,
-span.fancytree-icon,
-span.fancytree-checkbox,
-span.fancytree-radio,
-span.fancytree-drag-helper-img,
-#fancytree-drop-marker {
-  width: 16px;
-  height: 16px;
-  display: inline-block;
-  vertical-align: top;
-  background-repeat: no-repeat;
-  background-position: left;
-  background-image: url(<%= image_path("fancytree/icons.gif") %>);
-  background-position: 0px 0px;
-}
-span.fancytree-icon,
-span.fancytree-checkbox,
-span.fancytree-radio,
-span.fancytree-custom-icon {
-  margin-top: 1px;
-}
-/* Used by iconclass option */
-span.fancytree-custom-icon {
-  display: inline-block;
-}
-/* Used by 'icon' node option: */
-img.fancytree-icon {
-  width: 16px;
-  height: 16px;
-  margin-left: 3px;
-  margin-top: 1px;
-  vertical-align: top;
-  border-style: none;
-}
-/*------------------------------------------------------------------------------
- * Expander icon
- *
- * Note: IE6 doesn't correctly evaluate multiples class names,
- *		 so we create combined class names that can be used in the CSS.
- *
- * Prefix: fancytree-exp-
- * 1st character: 'e': expanded, 'c': collapsed, 'n': no children
- * 2nd character (optional): 'd': lazy (Delayed)
- * 3rd character (optional): 'l': Last sibling
- *----------------------------------------------------------------------------*/
-span.fancytree-expander {
-  cursor: pointer;
-}
-.fancytree-exp-n span.fancytree-expander,
-.fancytree-exp-nl span.fancytree-expander {
-  background-image: none;
-  cursor: default;
-}
-.fancytree-exp-n span.fancytree-expander,
-.fancytree-exp-n span.fancytree-expander:hover {
-  background-position: 0px -64px;
-}
-.fancytree-exp-nl span.fancytree-expander,
-.fancytree-exp-nl span.fancytree-expander:hover {
-  background-position: -16px -64px;
-}
-.fancytree-exp-c span.fancytree-expander {
-  background-position: 0px -80px;
-}
-.fancytree-exp-c span.fancytree-expander:hover {
-  background-position: -16px -80px;
-}
-.fancytree-exp-cl span.fancytree-expander {
-  background-position: 0px -96px;
-}
-.fancytree-exp-cl span.fancytree-expander:hover {
-  background-position: -16px -96px;
-}
-.fancytree-exp-cd span.fancytree-expander {
-  background-position: -64px -80px;
-}
-.fancytree-exp-cd span.fancytree-expander:hover {
-  background-position: -80px -80px;
-}
-.fancytree-exp-cdl span.fancytree-expander {
-  background-position: -64px -96px;
-}
-.fancytree-exp-cdl span.fancytree-expander:hover {
-  background-position: -80px -96px;
-}
-.fancytree-exp-e span.fancytree-expander,
-.fancytree-exp-ed span.fancytree-expander {
-  background-position: -32px -80px;
-}
-.fancytree-exp-e span.fancytree-expander:hover,
-.fancytree-exp-ed span.fancytree-expander:hover {
-  background-position: -48px -80px;
-}
-.fancytree-exp-el span.fancytree-expander,
-.fancytree-exp-edl span.fancytree-expander {
-  background-position: -32px -96px;
-}
-.fancytree-exp-el span.fancytree-expander:hover,
-.fancytree-exp-edl span.fancytree-expander:hover {
-  background-position: -48px -96px;
-}
-.fancytree-loading span.fancytree-expander,
-.fancytree-loading span.fancytree-expander:hover,
-.fancytree-statusnode-wait span.fancytree-icon,
-.fancytree-statusnode-wait span.fancytree-icon:hover {
-  background-image: url('data:image/gif;base64,R0lGODlhEAAQAPcAAEai/0+m/1is/12u/2Oy/2u1/3C3/3G4/3W6/3q8/3+//4HA/4XC/4nE/4/H/5LI/5XK/5vN/57O/6DP/6HQ/6TS/6/X/7DX/7HY/7bb/7rd/7ze/8Hg/8fj/8rl/83m/9Dn/9Lp/9bq/9jr/9rt/9/v/+Dv/+Hw/+Xy/+v1/+32//D3//L5//f7//j7//v9/0qk/06m/1Ko/1er/2Cw/2m0/2y2/3u9/32+/4jD/5bK/5jL/5/P/6HP/6PS/6fS/6nU/67X/7Ta/7nc/7zd/8Ph/8bj/8jk/8vl/9Pp/9fr/9rs/9zu/+j0/+72//T6/0ij/1Op/1uu/1yu/2Wy/2q0/2+3/3C4/3m8/3y9/4PB/4vE/4/G/6XS/6jU/67W/7HZ/7Xa/7vd/73e/8Lh/8nk/87m/9Hn/9Ho/9vt/97u/+Lx/+bz/+n0//H4//X6/1Gn/1Go/2Gx/36+/5PJ/5TJ/5nL/57P/7PZ/7TZ/8Xi/9Tq/9zt/+by/+r0/+73//P5//n8/0uk/1Wq/3K4/3e7/4bC/4vF/47G/5fK/77f/9Do/9ns/+Tx/+/3//L4//b6//r9/2Wx/2q1/4bD/6DQ/6fT/9Tp/+Lw/+jz//D4//j8/1qt/2mz/5rM/6bS/8Lg/8jj/97v/+r1/1Cn/1ar/2Cv/3O5/3++/53O/8Th/9Lo/9Xq/+z2/2Kw/2Sx/8Ti/4rF/7DY/1+v/4TB/7fb/+Ty/1+u/2Ox/4zG/6vU/7/f//r8/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/i1NYWRlIGJ5IEtyYXNpbWlyYSBOZWpjaGV2YSAod3d3LmxvYWRpbmZvLm5ldCkAIfkEAQoAMAAsAAAAABAAEAAABptAmFCI6mAsnNNwCUthGomDoYCQoJinyELRgDwUhAFCNFRJGg8P6/VSaQyCgxK2cURMTJioEIA0Jw8geUIZAQMkIhEVLIMwKgMAFx4SGS+NLwwCFR8UGo1CKSgsJBUYLZ9sMCsZF3iDLy2nMCEXGyp5bSqyLBwaHSguQi8sKigqlkIqHb4hJc4lJsdMLSQeHyEhIyXSgy2hxsFLQQAh+QQBCgAAACwAAAAAEAAQAAAHp4AAgoIoH0NCSCiDiwBORDo5Czg3C0BNjCg/Dw46PjwOBwcLS4MrQTs9ICwvL05FODU4igBGPECzi0s4NDyNQT5KjINDAzZMTEBCLMKCTQczQ0lBRcyDODI8SojVAC84MTxMQkVP1SgDMEJPRkS4jB8xM6RKRR/Lwi9HQYJPIB9KTV4MeuHiicBSSkAoYYKiiRMnKw4ucnFiyRKGKJyUq/aChUaDjAIBACH5BAEKAAAALAAAAAAQABAAAAeogACCgm1KZGRmbYOLAG5GXjoPXFsPYIqLbWE7XV1fXjtaWQ9qg25iXmBKby8AKmVcWFyXaBdil4tqWldejWNhpIyCZFZZa2tjZG/BgipYVWRpY2bLg1s0XWpGaNQAL1pTXW1maMrLbVZSYm9oZyrUYVFUpGxoaeWLZzQBOoJvamkm3OCSAsWKiUH+1rBp48bFCxVWaGxb9LBNGxVvVqUBFuzFizculgUCACH5BAEKAAEALAAAAAAQABAAAAi4AAMIFPiHxJEjJPwMXBgAEIg8XijcsUNhzB+GfzjkwYNnSB4KdRzcWTPwzZEhY/i8EfgmhJ0GdhQGIDFGz0WGJuoswBPgzQc9fRgOPDKnQR8/H0K4EErQQQKgIPgwFRioTgE8ffZInRqIztWCfAJN/TOnAAcXJvgAmjpEDgKSf9b4Ectwz5UBd6j68fNnaYBAfvIUEIAgKNU/gN4E+sNgAJw4BvYIfeMiUB8BAAbUMTz1TYU8YRcGBAAh+QQBCgAAACwAAAAAEAAQAAAItAABCBT4qJGIRY0cDVwIAJIIMnnyWABiwYjChY8WGVFExgjELjwsNBroQgSSD40gCXQIJFGXi41AiHjEEECjLg8UNWS06GLND4gSNXrEqESkmgQTGfrgqMRIpAAidVkwpKDPmpF44MgDqVGTo0gdHbqBJJIjR2BrkiG0YCSkRyprMsJBCMhASJEioczbZEihGoaeCtQrgwYOujRoLGBU08IgQYJkzKjBQ/DCSIzy8OgypATDgAAh+QQBCgAAACwAAAAAEAAQAAAIswABCBQIKRMfPmw0DVwIYBObEEiKjBEzJoTChZD4XArB0UyRMBfGtBm4CdOSJW02EeQjxkuYi38wYYLEEEAmDJWMNGyTsKbAS5Us/YHU5o9PgZos7QixSdPFo18eFNkESeXRTV+4FGlo1aemHVvM7ORzFMmCByOXHJgSoiafLTgwCOQjCYqkMCk3/SlCCQvagSEmBRh0gBLcAwe4kF2IaYekKVNoTMLiZWTNTSwtWRqDiWFAACH5BAEKAAIALAAAAAAQABAAAAi5AAUIFOhCBRs2o94MXCjghQpRI/YkQYJkj8KFL0atEcVRVJIOY0KtWKhi1Cg3LwS+YdNhCCg3Kt2oSMlQxZg8IGLSZChA1IU8Khru5PkmjxdRbtgE5TlwCAUknzgxGIoxDw8kQgAMGMVUgJtPnvaQGBAgT1cQDyhwhRCnUxKeazw5GCNwTQFOBsbMfLECyYMGPJYK2INgAAEFDyA0ULDA0xqGbHggKFDgQIIGF7jyfLGmw4ULHdgwDAgAIfkEAQoAAAAsAAAAABAAEAAACLcAAQgcqElTK00uBioUuKlVEzYnlixhk3BhC4MO2SxhtIrVCoWbNrnYNLAhKzMgWggMgqTiwhVIiiwBsKQUKTMLB7IhoqpVHhimmuQU2KJInhOpYtxwmdNMHlapZKAiORRAkSCshpQ61arqijxAJNoYMKTqEh95uvagUWjmQjZAUqkSyAZVDVRFWoXUBKLHjiAfBS5hcOqUg1Q+djh44IPNwiZAFtxAtSCHDiJdh55AkmeIGaEKAwIAIfkEAQoAAAAsAAAAABAAEAAACLcAAQgcGMgFJEiBBioEUEIJAINuRo36k1AhGldXVhSMyAaTCUgDMVWBMiWNQjeY0pRwIVBHAFdoFgKAxOgMG4avooSRKfCPmTOQNEi5MornwzNIRnWZQqkiTyVFSnRxtYWlUTMa0hSpkuWPUUgcNGDClMVKEaMmwohxA6CLFUolZI7ScCEmgFFcsnBB4nVmCTBeNLAVWCKvlh1dvnjRUSlMUYWjwDzYwuWBji6wBss1U6QImscDAwIAIfkEAQoAAQAsAAAAABAAEAAACLMAAwgUyEfWJxYDEw5sBGEAAAGNXkCCpDAAKwNw4AxgoEIii44LCwnolMfPC4EvVPgxKfDOgCusKr7ws0ZFABOF5IipKJAFHz4vOBSYY5NnAD4jVMgqAOGkUT5J/CxtajRAmiRr9CSIVbQiJFZI/DRyMAeJ0awfKMqaQ2dNRRV6xqQR6MdOLDusEAaAtGbMGCR6A6y54wDCpzxiZCnm0FWgijF3INyhcDhJYIV+wH5I0zhAQAAh+QQBCgAAACwAAAAAEAAQAAAItAABCBRYYkiqVLUYuRjIkE2qGjNkxBA0IwhDgYwU0JhVg1YCGjLMLBzYxFCNBEM0uXDBxkyLlQOBEFLA6CKAlZpaAGBjiBAZmwP//HFhJMGhP0AF/mHjopaCVCOBsmGjqZahLlFtsinxx4yhHZqSurDFaGkiREmS/rnESOeQB6nY2NR0CYRcAH+67AByaWSLlkj6DmQTJFWXWmSMkCFCBkRYhn+MBAESpBbitmpLJLlU4vHAgAAh+QQBCgAAACwAAAAAEAAQAAAIvQABCBS4ZpclS0PWDFwIoI0uHFVu3ZIiiY7ChWpyHTiAowGDK4MCVEEzsA0dLAw4OOHFq00YXFBwqREIBkeumQzN3DqQBkCmOgvKMByYpg0vAGZy7XAydCCvFgA45NLVdGCLFrw40PlytCoLJy0u7bAEtSkvJ21aOLF055JXNkYBwKoEJtPQFmvWMAWwIoyuIWrKunCSJo2Jrg2HXAjDwcwlNCDQpCk7kAWIXUN2wTKDZo2Lqk7YpFGTibLAgAA7');
-  background-position: 0px 0px;
-}
-/* Status node icons */
-.fancytree-statusnode-error span.fancytree-icon {
-  background-position: 0px -112px;
-}
-/*------------------------------------------------------------------------------
- * Checkbox icon
- *----------------------------------------------------------------------------*/
-span.fancytree-checkbox {
-  margin-left: 3px;
-  background-position: 0px -32px;
-}
-span.fancytree-checkbox:hover {
-  background-position: -16px -32px;
-}
-.fancytree-partsel span.fancytree-checkbox {
-  background-position: -64px -32px;
-}
-.fancytree-partsel span.fancytree-checkbox:hover {
-  background-position: -80px -32px;
-}
-.fancytree-selected span.fancytree-checkbox {
-  background-position: -32px -32px;
-}
-.fancytree-selected span.fancytree-checkbox:hover {
-  background-position: -48px -32px;
-}
-/*------------------------------------------------------------------------------
- * Radiobutton icon
- * This is a customization, that may be activated by overriding the 'checkbox'
- * class name as 'fancytree-radio' in the tree options.
- *----------------------------------------------------------------------------*/
-.fancytree-radio span.fancytree-checkbox {
-  background-position: 0px -48px;
-}
-.fancytree-radio span.fancytree-checkbox:hover {
-  background-position: -16px -48px;
-}
-.fancytree-radio .fancytree-partsel span.fancytree-checkbox {
-  background-position: -64px -48px;
-}
-.fancytree-radio .fancytree-partsel span.fancytree-checkbox:hover {
-  background-position: -80px -48px;
-}
-.fancytree-radio .fancytree-selected span.fancytree-checkbox {
-  background-position: -32px -48px;
-}
-.fancytree-radio .fancytree-selected span.fancytree-checkbox:hover {
-  background-position: -48px -48px;
-}
-/*------------------------------------------------------------------------------
- * Node type icon
- * Note: IE6 doesn't correctly evaluate multiples class names,
- *		 so we create combined class names that can be used in the CSS.
- *
- * Prefix: fancytree-ico-
- * 1st character: 'e': expanded, 'c': collapsed
- * 2nd character (optional): 'f': folder
- *----------------------------------------------------------------------------*/
-span.fancytree-icon {
-  margin-left: 3px;
-  background-position: 0px 0px;
-}
-/* Documents */
-.fancytree-ico-c span.fancytree-icon:hover {
-  background-position: -16px 0px;
-}
-.fancytree-has-children.fancytree-ico-c span.fancytree-icon {
-  background-position: -32px 0px;
-}
-.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover {
-  background-position: -48px 0px;
-}
-.fancytree-ico-e span.fancytree-icon {
-  background-position: -64px 0px;
-}
-.fancytree-ico-e span.fancytree-icon:hover {
-  background-position: -80px 0px;
-}
-/* Folders */
-.fancytree-ico-cf span.fancytree-icon {
-  background-position: 0px -16px;
-}
-.fancytree-ico-cf span.fancytree-icon:hover {
-  background-position: -16px -16px;
-}
-.fancytree-has-children.fancytree-ico-cf span.fancytree-icon {
-  background-position: -32px -16px;
-}
-.fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover {
-  background-position: -48px -16px;
-}
-.fancytree-ico-ef span.fancytree-icon {
-  background-position: -64px -16px;
-}
-.fancytree-ico-ef span.fancytree-icon:hover {
-  background-position: -80px -16px;
-}
-/*------------------------------------------------------------------------------
- * Node titles and highlighting
- *----------------------------------------------------------------------------*/
-span.fancytree-node {
-  /* See #117 */
-  display: inherit;
-  width: 100%;
-}
-span.fancytree-title {
-  display: inline-block;
-  padding-left: 3px;
-  padding-right: 3px;
-  color: black;
-  vertical-align: top;
-  margin: 0px;
-  margin-left: 3px;
-  cursor: pointer;
-}
-span.fancytree-node.fancytree-error span.fancytree-title {
-  color: red;
-}
-/*------------------------------------------------------------------------------
- * Drag'n'drop support
- *----------------------------------------------------------------------------*/
-div.fancytree-drag-helper a {
-  border: 1px solid gray;
-  background-color: white;
-  padding-left: 5px;
-  padding-right: 5px;
-  opacity: 0.8;
-}
-div.fancytree-drag-helper.fancytree-drop-reject {
-  border-color: red;
-}
-div.fancytree-drop-accept span.fancytree-drag-helper-img {
-  background-position: -32px -112px;
-}
-div.fancytree-drop-reject span.fancytree-drag-helper-img {
-  background-position: -16px -112px;
-}
-/*** Drop marker icon *********************************************************/
-#fancytree-drop-marker {
-  width: 32px;
-  position: absolute;
-  background-position: 0px -128px;
-  margin: 0;
-}
-#fancytree-drop-marker.fancytree-drop-after,
-#fancytree-drop-marker.fancytree-drop-before {
-  width: 64px;
-  background-position: 0px -144px;
-}
-#fancytree-drop-marker.fancytree-drop-copy {
-  background-position: -64px -128px;
-}
-#fancytree-drop-marker.fancytree-drop-move {
-  background-position: -32px -128px;
-}
-/*** Source node while dragging ***********************************************/
-span.fancytree-drag-source {
-  background-color: #e0e0e0;
-}
-span.fancytree-drag-source span.fancytree.title {
-  color: gray;
-}
-/*** Target node while dragging cursor is over it *****************************/
-span.fancytree-drop-target.fancytree-drop-accept a {
-  background-color: #3169C6 !important;
-  color: white !important;
-  /* @ IE6 */
-  text-decoration: none;
-}
-/*------------------------------------------------------------------------------
- * 'table' extension
- *----------------------------------------------------------------------------*/
-table.fancytree-ext-table {
-  border-collapse: collapse;
-}
-table.fancytree-ext-table span.fancytree-node {
-  display: inline-block;
-}
-/*------------------------------------------------------------------------------
- * 'columnview' extension
- *----------------------------------------------------------------------------*/
-table.fancytree-ext-columnview tbody tr td {
-  position: relative;
-  border: 1px solid gray;
-  vertical-align: top;
-  overflow: auto;
-}
-table.fancytree-ext-columnview tbody tr td > ul {
-  padding: 0;
-}
-table.fancytree-ext-columnview tbody tr td > ul li {
-  list-style-image: none;
-  list-style-position: outside;
-  list-style-type: none;
-  -moz-background-clip: border;
-  -moz-background-inline-policy: continuous;
-  -moz-background-origin: padding;
-  background-attachment: scroll;
-  background-color: transparent;
-  background-position: 0px 0px;
-  background-repeat: repeat-y;
-  background-image: none;
-  /* no v-lines */
-  margin: 0;
-  padding: 1px 0 0 0;
-}
-table.fancytree-ext-columnview span.fancytree-node {
-  position: relative;
-  /* allow positioning of embedded spans */
-  display: inline-block;
-}
-table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded {
-  background-color: #CBE8F6;
-}
-table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right {
-  position: absolute;
-  right: 3px;
-  background-position: 0px -80px;
-}
-table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover {
-  background-position: -16px -80px;
-}
-/*------------------------------------------------------------------------------
- * 'filter' extension
- *----------------------------------------------------------------------------*/
-.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title {
-  color: silver;
-  font-weight: lighter;
-}
-.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title,
-.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title {
-  color: black;
-  font-weight: normal;
-}
-.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title,
-.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title {
-  color: black;
-  font-weight: bold;
-}
-.fancytree-ext-filter-hide tr.fancytree-hide,
-.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide {
-  display: none;
-}
-.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title,
-.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title {
-  color: silver;
-  font-weight: lighter;
-}
-.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title,
-.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title {
-  color: black;
-  font-weight: normal;
-}
-/*------------------------------------------------------------------------------
- * 'wide' extension
- *----------------------------------------------------------------------------*/
-ul.fancytree-ext-wide span.fancytree-node > span {
-  position: relative;
-  z-index: 2;
-}
-ul.fancytree-ext-wide span.fancytree-node span.fancytree-title {
-  position: relative;
-  z-index: 1;
-  width: 100%;
-  padding-left: 503px;
-  margin-left: -500px;
-}
-/*******************************************************************************
- * Styles specific to this skin.
- *
- * This section is automatically generated from the `ui-fancytree.less` template.
- ******************************************************************************/
-/*******************************************************************************
- * Node titles
- */
-span.fancytree-node {
-  border: 1px solid transparent;
-}
-span.fancytree-node:hover {
-  background-color: #E5F3FB;
-  border-color: #70C0E7;
-}
-.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-focused {
-  border-color: #3399FF;
-}
-span.fancytree-node.fancytree-active,
-span.fancytree-node.fancytree-selected {
-  background-color: #F7F7F7;
-  border-color: #DEDEDE;
-}
-.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-active,
-.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-selected,
-span.fancytree-node.fancytree-active:hover,
-span.fancytree-node.fancytree-selected:hover {
-  background-color: #CBE8F6;
-  border-color: #26A0DA;
-}
-.fancytree-node.fancytree-selected {
-  font-style: italic;
-}
-/*******************************************************************************
- * 'table' extension
- */
-table.fancytree-ext-table tbody tr td {
-  border: 1px solid #EDEDED;
-}
-table.fancytree-ext-table tbody span.fancytree-node,
-table.fancytree-ext-table tbody span.fancytree-node:hover {
-  border: none;
-  background: none;
-}
-table.fancytree-ext-table tbody span.fancytree-title:hover {
-  border: none;
-  background: inherit;
-  background: transparent;
-  background: none;
-  filter: none;
-}
-table.fancytree-ext-table tbody tr:hover {
-  background-color: #E5F3FB;
-  outline: 1px solid #70C0E7;
-}
-table.fancytree-ext-table tbody tr.fancytree-focused span.fancytree-title {
-  outline: 1px dotted black;
-}
-table.fancytree-ext-table tbody tr.fancytree-active:hover,
-table.fancytree-ext-table tbody tr.fancytree-selected:hover {
-  background-color: #CBE8F6;
-  outline: 1px solid #26A0DA;
-}
-table.fancytree-ext-table tbody tr.fancytree-active {
-  background-color: #F7F7F7;
-  outline: 1px solid #DEDEDE;
-}
-table.fancytree-ext-table tbody tr.fancytree-selected {
-  background-color: #F7F7F7;
-}
-table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-active {
-  background-color: #CBE8F6;
-  outline: 1px solid #26A0DA;
-}
-table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-selected {
-  background-color: #CBE8F6;
-}
diff --git a/app/assets/stylesheets/fancytree/skin-win8/ui.fancytree.min.css.erb b/app/assets/stylesheets/fancytree/skin-win8/ui.fancytree.min.css.erb
deleted file mode 100644
index c23aa7e..0000000
--- a/app/assets/stylesheets/fancytree/skin-win8/ui.fancytree.min.css.erb
+++ /dev/null
@@ -1,6 +0,0 @@
-/*!
- * Fancytree "win8" skin (highlighting the node span instead of title-only).
- *
- * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
- * the LESS templates.
- */.ui-helper-hidden{display:none}ul.fancytree-container{font-family:tahoma,arial,helvetica;font-size:10pt;white-space:nowrap;padding:3px;margin:0;background-color:#fff;border:1px dotted gray;overflow:auto;min-height:0;position:relative}ul.fancytree-container ul{padding:0 0 0 16px;margin:0}ul.fancytree-container li{list-style-image:none;list-style-position:outside;list-style-type:none;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background-attachment:scroll;background-color:transparent;background-position:0 0;background-repeat:repeat-y;background-image:none;margin:0;padding:1px 0 0}ul.fancytree-container li.fancytree-lastsib,ul.fancytree-no-connector>li{background-image:none}.ui-fancytree-disabled ul.fancytree-container{opacity:.5;background-color:silver}#fancytree-drop-marker,span.fancytree-checkbox,span.fancytree-drag-helper-img,span.fancytree-empty,span.fancytree-expander,span.fancytree-icon,span.fancytree-radio,span.fancytree-vline{width:16px;height:16px;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-image:url(icons.gif);background-position:0 0}span.fancytree-checkbox,span.fancytree-custom-icon,span.fancytree-icon,span.fancytree-radio{margin-top:1px}span.fancytree-custom-icon{display:inline-block}img.fancytree-icon{width:16px;height:16px;margin-left:3px;margin-top:1px;vertical-align:top;border-style:none}span.fancytree-expander{cursor:pointer}.fancytree-exp-n span.fancytree-expander,.fancytree-exp-nl span.fancytree-expander{background-image:none;cursor:default}.fancytree-exp-n span.fancytree-expander,.fancytree-exp-n span.fancytree-expander:hover{background-position:0 -64px}.fancytree-exp-nl span.fancytree-expander,.fancytree-exp-nl span.fancytree-expander:hover{background-position:-16px -64px}.fancytree-exp-c span.fancytree-expander{background-position:0 -80px}.fancytree-exp-c span.fancytree-expander:hover{background-position:-16px -80px}.fancytree-exp-cl span.fancytree-expander{background-position:0 -96px}.fancytree-exp-cl span.fancytree-expander:hover{background-position:-16px -96px}.fancytree-exp-cd span.fancytree-expander{background-position:-64px -80px}.fancytree-exp-cd span.fancytree-expander:hover{background-position:-80px -80px}.fancytree-exp-cdl span.fancytree-expander{background-position:-64px -96px}.fancytree-exp-cdl span.fancytree-expander:hover{background-position:-80px -96px}.fancytree-exp-e span.fancytree-expander,.fancytree-exp-ed span.fancytree-expander{background-position:-32px -80px}.fancytree-exp-e span.fancytree-expander:hover,.fancytree-exp-ed span.fancytree-expander:hover{background-position:-48px -80px}.fancytree-exp-edl span.fancytree-expander,.fancytree-exp-el span.fancytree-expander{background-position:-32px -96px}.fancytree-exp-edl span.fancytree-expander:hover,.fancytree-exp-el span.fancytree-expander:hover{background-position:-48px -96px}.fancytree-loading span.fancytree-expander,.fancytree-loading span.fancytree-expander:hover,.fancytree-statusnode-wait span.fancytree-icon,.fancytree-statusnode-wait span.fancytree-icon:hover{background-image:url(data:image/gif;base64,R0lGODlhEAAQAPcAAEai/0+m/1is/12u/2Oy/2u1/3C3/3G4/3W6/3q8/3+//4HA/4XC/4nE/4/H/5LI/5XK/5vN/57O/6DP/6HQ/6TS/6/X/7DX/7HY/7bb/7rd/7ze/8Hg/8fj/8rl/83m/9Dn/9Lp/9bq/9jr/9rt/9/v/+Dv/+Hw/+Xy/+v1/+32//D3//L5//f7//j7//v9/0qk/06m/1Ko/1er/2Cw/2m0/2y2/3u9/32+/4jD/5bK/5jL/5/P/6HP/6PS/6fS/6nU/67X/7Ta/7nc/7zd/8Ph/8bj/8jk/8vl/9Pp/9fr/9rs/9zu/+j0/+72//T6/0ij/1Op/1uu/1yu/2Wy/2q0/2+3/3C4/3m8/3y9/4PB/4vE/4/G/6XS/6jU/67W/7HZ/7Xa/7vd/73e/8Lh/8nk/87m/9Hn/9Ho/9vt/97u/+Lx/+bz/+n0//H4//X6/1Gn/1Go/2Gx/36+/5PJ/5TJ/5nL/57P/7PZ/7TZ/8Xi/9Tq/9zt/+by/+r0/+73//P5//n8/0uk/1Wq/3K4/3e7/4bC/4vF/47G/5fK/77f/9Do/9ns/+Tx/+/3//L4//b6//r9/2Wx/2q1/4bD/6DQ/6fT/9Tp/+Lw/+jz//D4//j8/1qt/2mz/5rM/6bS/8Lg/8jj/97v/+r1/1Cn/1ar/2Cv/3O5/3++/53O/8Th/9Lo/9Xq/+z2/2Kw/2Sx/8Ti/4rF/7DY/1+v/4TB/7fb/+Ty/1+u/2Ox/4zG/6vU/7/f//r8/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/i1NYWRlIGJ5IEtyYXNpbWlyYSBOZWpjaGV2YSAod3d3LmxvYWRpbmZvLm5ldCkAIfkEAQoAMAAsAAAAABAAEAAABptAmFCI6mAsnNNwCUthGomDoYCQoJinyELRgDwUhAFCNFRJGg8P6/VSaQyCgxK2cURMTJioEIA0Jw8geUIZAQMkIhEVLIMwKgMAFx4SGS+NLwwCFR8UGo1CKSgsJBUYLZ9sMCsZF3iDLy2nMCEXGyp5bSqyLBwaHSguQi8sKigqlkIqHb4hJc4lJsdMLSQeHyEhIyXSgy2hxsFLQQAh+QQBCgAAACwAAAAAEAAQAAAHp4AAgoIoH0NCSCiDiwBORDo5Czg3C0BNjCg/Dw46PjwOBwcLS4MrQTs9ICwvL05FODU4igBGPECzi0s4NDyNQT5KjINDAzZMTEBCLMKCTQczQ0lBRcyDODI8SojVAC84MTxMQkVP1SgDMEJPRkS4jB8xM6RKRR/Lwi9HQYJPIB9KTV4MeuHiicBSSkAoYYKiiRMnKw4ucnFiyRKGKJyUq/aChUaDjAIBACH5BAEKAAAALAAAAAAQABAAAAeogACCgm1KZGRmbYOLAG5GXjoPXFsPYIqLbWE7XV1fXjtaWQ9qg25iXmBKby8AKmVcWFyXaBdil4tqWldejWNhpIyCZFZZa2tjZG/BgipYVWRpY2bLg1s0XWpGaNQAL1pTXW1maMrLbVZSYm9oZyrUYVFUpGxoaeWLZzQBOoJvamkm3OCSAsWKiUH+1rBp48bFCxVWaGxb9LBNGxVvVqUBFuzFizculgUCACH5BAEKAAEALAAAAAAQABAAAAi4AAMIFPiHxJEjJPwMXBgAEIg8XijcsUNhzB+GfzjkwYNnSB4KdRzcWTPwzZEhY/i8EfgmhJ0GdhQGIDFGz0WGJuoswBPgzQc9fRgOPDKnQR8/H0K4EErQQQKgIPgwFRioTgE8ffZInRqIztWCfAJN/TOnAAcXJvgAmjpEDgKSf9b4Ectwz5UBd6j68fNnaYBAfvIUEIAgKNU/gN4E+sNgAJw4BvYIfeMiUB8BAAbUMTz1TYU8YRcGBAAh+QQBCgAAACwAAAAAEAAQAAAItAABCBT4qJGIRY0cDVwIAJIIMnnyWABiwYjChY8WGVFExgjELjwsNBroQgSSD40gCXQIJFGXi41AiHjEEECjLg8UNWS06GLND4gSNXrEqESkmgQTGfrgqMRIpAAidVkwpKDPmpF44MgDqVGTo0gdHbqBJJIjR2BrkiG0YCSkRyprMsJBCMhASJEioczbZEihGoaeCtQrgwYOujRoLGBU08IgQYJkzKjBQ/DCSIzy8OgypATDgAAh+QQBCgAAACwAAAAAEAAQAAAIswABCBQIKRMfPmw0DVwIYBObEEiKjBEzJoTChZD4XArB0UyRMBfGtBm4CdOSJW02EeQjxkuYi38wYYLEEEAmDJWMNGyTsKbAS5Us/YHU5o9PgZos7QixSdPFo18eFNkESeXRTV+4FGlo1aemHVvM7ORzFMmCByOXHJgSoiafLTgwCOQjCYqkMCk3/SlCCQvagSEmBRh0gBLcAwe4kF2IaYekKVNoTMLiZWTNTSwtWRqDiWFAACH5BAEKAAIALAAAAAAQABAAAAi5AAUIFOhCBRs2o94MXCjghQpRI/YkQYJkj8KFL0atEcVRVJIOY0KtWKhi1Cg3LwS+YdNhCCg3Kt2oSMlQxZg8IGLSZChA1IU8Khru5PkmjxdRbtgE5TlwCAUknzgxGIoxDw8kQgAMGMVUgJtPnvaQGBAgT1cQDyhwhRCnUxKeazw5GCNwTQFOBsbMfLECyYMGPJYK2INgAAEFDyA0ULDA0xqGbHggKFDgQIIGF7jyfLGmw4ULHdgwDAgAIfkEAQoAAAAsAAAAABAAEAAACLcAAQgcqElTK00uBioUuKlVEzYnlixhk3BhC4MO2SxhtIrVCoWbNrnYNLAhKzMgWggMgqTiwhVIiiwBsKQUKTMLB7IhoqpVHhimmuQU2KJInhOpYtxwmdNMHlapZKAiORRAkSCshpQ61arqijxAJNoYMKTqEh95uvagUWjmQjZAUqkSyAZVDVRFWoXUBKLHjiAfBS5hcOqUg1Q+djh44IPNwiZAFtxAtSCHDiJdh55AkmeIGaEKAwIAIfkEAQoAAAAsAAAAABAAEAAACLcAAQgcGMgFJEiBBioEUEIJAINuRo36k1AhGldXVhSMyAaTCUgDMVWBMiWNQjeY0pRwIVBHAFdoFgKAxOgMG4avooSRKfCPmTOQNEi5MornwzNIRnWZQqkiTyVFSnRxtYWlUTMa0hSpkuWPUUgcNGDClMVKEaMmwohxA6CLFUolZI7ScCEmgFFcsnBB4nVmCTBeNLAVWCKvlh1dvnjRUSlMUYWjwDzYwuWBji6wBss1U6QImscDAwIAIfkEAQoAAQAsAAAAABAAEAAACLMAAwgUyEfWJxYDEw5sBGEAAAGNXkCCpDAAKwNw4AxgoEIii44LCwnolMfPC4EvVPgxKfDOgCusKr7ws0ZFABOF5IipKJAFHz4vOBSYY5NnAD4jVMgqAOGkUT5J/CxtajRAmiRr9CSIVbQiJFZI/DRyMAeJ0awfKMqaQ2dNRRV6xqQR6MdOLDusEAaAtGbMGCR6A6y54wDCpzxiZCnm0FWgijF3INyhcDhJYIV+wH5I0zhAQAAh+QQBCgAAACwAAAAAEAAQAAAItAABCBRYYkiqVLUYuRjIkE2qGjNkxBA0IwhDgYwU0JhVg1YCGjLMLBzYxFCNBEM0uXDBxkyLlQOBEFLA6CKAlZpaAGBjiBAZmwP//HFhJMGhP0AF/mHjopaCVCOBsmGjqZahLlFtsinxx4yhHZqSurDFaGkiREmS/rnESOeQB6nY2NR0CYRcAH+67AByaWSLlkj6DmQTJFWXWmSMkCFCBkRYhn+MBAESpBbitmpLJLlU4vHAgAAh+QQBCgAAACwAAAAAEAAQAAAIvQABCBS4ZpclS0PWDFwIoI0uHFVu3ZIiiY7ChWpyHTiAowGDK4MCVEEzsA0dLAw4OOHFq00YXFBwqREIBkeumQzN3DqQBkCmOgvKMByYpg0vAGZy7XAydCCvFgA45NLVdGCLFrw40PlytCoLJy0u7bAEtSkvJ21aOLF055JXNkYBwKoEJtPQFmvWMAWwIoyuIWrKunCSJo2Jrg2HXAjDwcwlNCDQpCk7kAWIXUN2wTKDZo2Lqk7YpFGTibLAgAA7);background-position:0 0}.fancytree-statusnode-error span.fancytree-icon{background-position:0 -112px}span.fancytree-checkbox{margin-left:3px;background-position:0 -32px}span.fancytree-checkbox:hover{background-position:-16px -32px}.fancytree-partsel span.fancytree-checkbox{background-position:-64px -32px}.fancytree-partsel span.fancytree-checkbox:hover{background-position:-80px -32px}.fancytree-selected span.fancytree-checkbox{background-position:-32px -32px}.fancytree-selected span.fancytree-checkbox:hover{background-position:-48px -32px}.fancytree-radio span.fancytree-checkbox{background-position:0 -48px}.fancytree-radio span.fancytree-checkbox:hover{background-position:-16px -48px}.fancytree-radio .fancytree-partsel span.fancytree-checkbox{background-position:-64px -48px}.fancytree-radio .fancytree-partsel span.fancytree-checkbox:hover{background-position:-80px -48px}.fancytree-radio .fancytree-selected span.fancytree-checkbox{background-position:-32px -48px}.fancytree-radio .fancytree-selected span.fancytree-checkbox:hover{background-position:-48px -48px}span.fancytree-icon{margin-left:3px;background-position:0 0}.fancytree-ico-c span.fancytree-icon:hover{background-position:-16px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon{background-position:-32px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover{background-position:-48px 0}.fancytree-ico-e span.fancytree-icon{background-position:-64px 0}.fancytree-ico-e span.fancytree-icon:hover{background-position:-80px 0}.fancytree-ico-cf span.fancytree-icon{background-position:0 -16px}.fancytree-ico-cf span.fancytree-icon:hover{background-position:-16px -16px}.fancytree-has-children.fancytree-ico-cf span.fancytree-icon{background-position:-32px -16px}.fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover{background-position:-48px -16px}.fancytree-ico-ef span.fancytree-icon{background-position:-64px -16px}.fancytree-ico-ef span.fancytree-icon:hover{background-position:-80px -16px}span.fancytree-node{display:inherit;width:100%}span.fancytree-title{display:inline-block;padding-left:3px;padding-right:3px;color:#000;vertical-align:top;margin:0;margin-left:3px;cursor:pointer}span.fancytree-node.fancytree-error span.fancytree-title{color:red}div.fancytree-drag-helper a{border:1px solid gray;background-color:#fff;padding-left:5px;padding-right:5px;opacity:.8}div.fancytree-drag-helper.fancytree-drop-reject{border-color:red}div.fancytree-drop-accept span.fancytree-drag-helper-img{background-position:-32px -112px}div.fancytree-drop-reject span.fancytree-drag-helper-img{background-position:-16px -112px}#fancytree-drop-marker{width:32px;position:absolute;background-position:0 -128px;margin:0}#fancytree-drop-marker.fancytree-drop-after,#fancytree-drop-marker.fancytree-drop-before{width:64px;background-position:0 -144px}#fancytree-drop-marker.fancytree-drop-copy{background-position:-64px -128px}#fancytree-drop-marker.fancytree-drop-move{background-position:-32px -128px}span.fancytree-drag-source{background-color:#e0e0e0}span.fancytree-drag-source span.fancytree.title{color:gray}span.fancytree-drop-target.fancytree-drop-accept a{background-color:#3169C6!important;color:#fff!important;text-decoration:none}table.fancytree-ext-table{border-collapse:collapse}table.fancytree-ext-table span.fancytree-node{display:inline-block}table.fancytree-ext-columnview tbody tr td{position:relative;border:1px solid gray;vertical-align:top;overflow:auto}table.fancytree-ext-columnview tbody tr td>ul{padding:0}table.fancytree-ext-columnview tbody tr td>ul li{list-style-image:none;list-style-position:outside;list-style-type:none;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background-attachment:scroll;background-color:transparent;background-position:0 0;background-repeat:repeat-y;background-image:none;margin:0;padding:1px 0 0}table.fancytree-ext-columnview span.fancytree-node{position:relative;display:inline-block}table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded{background-color:#CBE8F6}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right{position:absolute;right:3px;background-position:0 -80px}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover{background-position:-16px -80px}.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title{color:#000;font-weight:700}.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide,.fancytree-ext-filter-hide tr.fancytree-hide{display:none}.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title{color:#000;font-weight:400}ul.fancytree-ext-wide span.fancytree-node>span{position:relative;z-index:2}ul.fancytree-ext-wide span.fancytree-node span.fancytree-title{position:relative;z-index:1;width:100%;padding-left:503px;margin-left:-500px}span.fancytree-node{border:1px solid transparent}span.fancytree-node:hover{background-color:#E5F3FB;border-color:#70C0E7}.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-focused{border-color:#39F}span.fancytree-node.fancytree-active,span.fancytree-node.fancytree-selected{background-color:#F7F7F7;border-color:#DEDEDE}.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-active,.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-selected,span.fancytree-node.fancytree-active:hover,span.fancytree-node.fancytree-selected:hover{background-color:#CBE8F6;border-color:#26A0DA}.fancytree-node.fancytree-selected{font-style:italic}table.fancytree-ext-table tbody tr td{border:1px solid #EDEDED}table.fancytree-ext-table tbody span.fancytree-node,table.fancytree-ext-table tbody span.fancytree-node:hover{border:0;background:0 0}table.fancytree-ext-table tbody span.fancytree-title:hover{border:0;background:inherit;background:0 0;background:0 0;filter:none}table.fancytree-ext-table tbody tr:hover{background-color:#E5F3FB;outline:1px solid #70C0E7}table.fancytree-ext-table tbody tr.fancytree-focused span.fancytree-title{outline:1px dotted #000}table.fancytree-ext-table tbody tr.fancytree-active:hover,table.fancytree-ext-table tbody tr.fancytree-selected:hover{background-color:#CBE8F6;outline:1px solid #26A0DA}table.fancytree-ext-table tbody tr.fancytree-active{background-color:#F7F7F7;outline:1px solid #DEDEDE}table.fancytree-ext-table tbody tr.fancytree-selected{background-color:#F7F7F7}table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-active{background-color:#CBE8F6;outline:1px solid #26A0DA}table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-selected{background-color:#CBE8F6}
\ No newline at end of file
diff --git a/app/assets/stylesheets/fancytree/skin-win8/ui.fancytree.scss b/app/assets/stylesheets/fancytree/skin-win8/ui.fancytree.scss
new file mode 100644
index 0000000..a8d8c40
--- /dev/null
+++ b/app/assets/stylesheets/fancytree/skin-win8/ui.fancytree.scss
@@ -0,0 +1,136 @@
+/*!
+ * Fancytree "win8" skin (highlighting the node span instead of title-only).
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */
+
+$fancy-image-dir: "fancytree/skin-win8";
+// Import common styles
+@import "../skin-common.scss";
+
+
+/*******************************************************************************
+ * Styles specific to this skin.
+ *
+ * This section is automatically generated from the `ui-fancytree.scss` template.
+ ******************************************************************************/
+
+// Borders have NO radius and NO gradients are used!
+
+// both:
+//    unselected background: white
+//    hover bar (unselected, inactive): #E5F3FB (border: #70C0E7) 'very light blue'
+//    active node: #CBE8F6 (border: #26A0DA)  'light blue'
+//    active node with hover: wie active node
+
+// Tree view:
+//    active node, tree inactive: #F7F7F7 (border: #DEDEDE) 'light gray, selected, but tree not active'
+
+// List view: 
+//    selected bar: --> active bar
+//    focus  bar: transparent(white) + border 1px solid #3399FF  ()
+
+//    table left/right border: #EDEDED 'light gray'
+
+// Override the variable after the import. 
+// NOTE: Variables are always resolved as the last definition, even if it is 
+// after where it is used.
+$fancy-use-sprites: true;
+$fancy-hide-connectors: true;
+$fancy-icon-width: 16px;
+$fancy-icon-height: 16px;
+$fancy-line-height: 16px;
+$fancy-icon-margin-left: 3px;
+// Use 'data-uri(...)' to create inline image:
+$fancy-loading-url: asset-data-url($fancy-image-dir + "/loading.gif");
+
+/*******************************************************************************
+ * Node titles
+ */
+
+span.fancytree-node {
+	border: $fancy-node-border-width solid transparent;  // avoid jumping, when a border is added on hover
+}
+span.fancytree-node:hover {
+	background-color: #E5F3FB;
+	border-color: #70C0E7;
+}
+.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-focused {
+	border-color: #3399FF;
+//	outline: 1px solid #3399FF; 
+}
+span.fancytree-node.fancytree-active,
+span.fancytree-node.fancytree-selected { // active/selcted nodes inside inactive tree
+	background-color: #F7F7F7;
+	border-color: #DEDEDE;
+}
+.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-active,
+.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-selected,
+span.fancytree-node.fancytree-active:hover,
+span.fancytree-node.fancytree-selected:hover {
+	background-color: #CBE8F6;
+	border-color: #26A0DA;
+}
+.fancytree-node.fancytree-selected {
+	font-style: italic;
+}
+
+/*******************************************************************************
+ * 'table' extension
+ */
+table.fancytree-ext-table tbody {
+	tr td {
+	  border: 1px solid #EDEDED;
+	}
+	span.fancytree-node,
+	span.fancytree-node:hover { // undo standard tree css
+		border: none;
+		background: none;
+	}
+	// Title get's a white background, when hovered. Undo standard node formatting
+	span.fancytree-title:hover {
+	  border: none; //1px solid transparent;
+	  background: inherit;
+	  background: transparent;
+	  background: none;
+	  filter: none;
+	}
+	tr:hover  {
+		background-color: #E5F3FB;
+	    outline: 1px solid #70C0E7;
+	}
+	// tr:hover td {
+	//   outline: 1px solid #D8F0FA;
+	// }
+	// tr.fancytree-focused {
+	// 	border-color: #3399FF;
+ //    	outline: 1px dotted black;
+	// }
+	tr.fancytree-focused span.fancytree-title {
+	  outline: 1px dotted black;
+	}
+
+	tr.fancytree-active:hover,
+	tr.fancytree-selected:hover {
+		background-color: #CBE8F6;
+	    outline: 1px solid #26A0DA;
+	}
+	tr.fancytree-active {  // dimmed, if inside inactive tree
+		background-color: #F7F7F7;
+	    outline: 1px solid #DEDEDE;
+	}
+	tr.fancytree-selected {  // dimmed, if inside inactive tree
+		background-color: #F7F7F7;
+	}
+}
+
+table.fancytree-ext-table.fancytree-treefocus tbody {
+	tr.fancytree-active {
+		background-color: #CBE8F6;
+	    outline: 1px solid #26A0DA;
+	}
+	tr.fancytree-selected {
+		background-color: #CBE8F6;
+	}
+}
diff --git a/app/assets/stylesheets/fancytree/skin-xp/ui.fancytree.css.erb b/app/assets/stylesheets/fancytree/skin-xp/ui.fancytree.css.erb
deleted file mode 100644
index 18580dc..0000000
--- a/app/assets/stylesheets/fancytree/skin-xp/ui.fancytree.css.erb
+++ /dev/null
@@ -1,503 +0,0 @@
-/*!
- * Fancytree "XP" skin.
- *
- * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
- * the LESS templates.
- */
-
-/*
- *= depend_on_asset "fancytree/icons.gif"
- */
-
-/*******************************************************************************
- * Common Styles for Fancytree Skins.
- *
- * This section is automatically generated from the `skin-common.less` template.
- ******************************************************************************/
-/*------------------------------------------------------------------------------
- * Helpers
- *----------------------------------------------------------------------------*/
-.ui-helper-hidden {
-  display: none;
-}
-/*------------------------------------------------------------------------------
- * Container and UL / LI
- *----------------------------------------------------------------------------*/
-ul.fancytree-container {
-  font-family: tahoma, arial, helvetica;
-  font-size: 10pt;
-  white-space: nowrap;
-  padding: 3px;
-  margin: 0;
-  background-color: white;
-  border: 1px dotted gray;
-  overflow: auto;
-  min-height: 0%;
-  position: relative;
-}
-ul.fancytree-container ul {
-  padding: 0 0 0 16px;
-  margin: 0;
-}
-ul.fancytree-container li {
-  list-style-image: none;
-  list-style-position: outside;
-  list-style-type: none;
-  -moz-background-clip: border;
-  -moz-background-inline-policy: continuous;
-  -moz-background-origin: padding;
-  background-attachment: scroll;
-  background-color: transparent;
-  background-position: 0px 0px;
-  background-repeat: repeat-y;
-  background-image: none;
-  margin: 0;
-  padding: 1px 0 0 0;
-}
-ul.fancytree-container li.fancytree-lastsib {
-  background-image: none;
-}
-ul.fancytree-no-connector > li {
-  background-image: none;
-}
-.ui-fancytree-disabled ul.fancytree-container {
-  opacity: 0.5;
-  background-color: silver;
-}
-/*------------------------------------------------------------------------------
- * Common icon definitions
- *----------------------------------------------------------------------------*/
-span.fancytree-empty,
-span.fancytree-vline,
-span.fancytree-expander,
-span.fancytree-icon,
-span.fancytree-checkbox,
-span.fancytree-radio,
-span.fancytree-drag-helper-img,
-#fancytree-drop-marker {
-  width: 16px;
-  height: 16px;
-  display: inline-block;
-  vertical-align: top;
-  background-repeat: no-repeat;
-  background-position: left;
-  background-image: url(<%= image_path("fancytree/icons.gif") %>);
-  background-position: 0px 0px;
-}
-span.fancytree-icon,
-span.fancytree-checkbox,
-span.fancytree-radio,
-span.fancytree-custom-icon {
-  margin-top: 1px;
-}
-/* Used by iconclass option */
-span.fancytree-custom-icon {
-  display: inline-block;
-}
-/* Used by 'icon' node option: */
-img.fancytree-icon {
-  width: 16px;
-  height: 16px;
-  margin-left: 3px;
-  margin-top: 1px;
-  vertical-align: top;
-  border-style: none;
-}
-/*------------------------------------------------------------------------------
- * Expander icon
- *
- * Note: IE6 doesn't correctly evaluate multiples class names,
- *		 so we create combined class names that can be used in the CSS.
- *
- * Prefix: fancytree-exp-
- * 1st character: 'e': expanded, 'c': collapsed, 'n': no children
- * 2nd character (optional): 'd': lazy (Delayed)
- * 3rd character (optional): 'l': Last sibling
- *----------------------------------------------------------------------------*/
-span.fancytree-expander {
-  cursor: pointer;
-}
-.fancytree-exp-n span.fancytree-expander,
-.fancytree-exp-nl span.fancytree-expander {
-  cursor: default;
-}
-.fancytree-exp-n span.fancytree-expander,
-.fancytree-exp-n span.fancytree-expander:hover {
-  background-position: 0px -64px;
-}
-.fancytree-exp-nl span.fancytree-expander,
-.fancytree-exp-nl span.fancytree-expander:hover {
-  background-position: -16px -64px;
-}
-.fancytree-exp-c span.fancytree-expander {
-  background-position: 0px -80px;
-}
-.fancytree-exp-c span.fancytree-expander:hover {
-  background-position: -16px -80px;
-}
-.fancytree-exp-cl span.fancytree-expander {
-  background-position: 0px -96px;
-}
-.fancytree-exp-cl span.fancytree-expander:hover {
-  background-position: -16px -96px;
-}
-.fancytree-exp-cd span.fancytree-expander {
-  background-position: -64px -80px;
-}
-.fancytree-exp-cd span.fancytree-expander:hover {
-  background-position: -80px -80px;
-}
-.fancytree-exp-cdl span.fancytree-expander {
-  background-position: -64px -96px;
-}
-.fancytree-exp-cdl span.fancytree-expander:hover {
-  background-position: -80px -96px;
-}
-.fancytree-exp-e span.fancytree-expander,
-.fancytree-exp-ed span.fancytree-expander {
-  background-position: -32px -80px;
-}
-.fancytree-exp-e span.fancytree-expander:hover,
-.fancytree-exp-ed span.fancytree-expander:hover {
-  background-position: -48px -80px;
-}
-.fancytree-exp-el span.fancytree-expander,
-.fancytree-exp-edl span.fancytree-expander {
-  background-position: -32px -96px;
-}
-.fancytree-exp-el span.fancytree-expander:hover,
-.fancytree-exp-edl span.fancytree-expander:hover {
-  background-position: -48px -96px;
-}
-.fancytree-loading span.fancytree-expander,
-.fancytree-loading span.fancytree-expander:hover,
-.fancytree-statusnode-wait span.fancytree-icon,
-.fancytree-statusnode-wait span.fancytree-icon:hover {
-  background-image: url("loading.gif");
-  background-position: 0px 0px;
-}
-/* Status node icons */
-.fancytree-statusnode-error span.fancytree-icon {
-  background-position: 0px -112px;
-}
-/*------------------------------------------------------------------------------
- * Checkbox icon
- *----------------------------------------------------------------------------*/
-span.fancytree-checkbox {
-  margin-left: 3px;
-  background-position: 0px -32px;
-}
-span.fancytree-checkbox:hover {
-  background-position: -16px -32px;
-}
-.fancytree-partsel span.fancytree-checkbox {
-  background-position: -64px -32px;
-}
-.fancytree-partsel span.fancytree-checkbox:hover {
-  background-position: -80px -32px;
-}
-.fancytree-selected span.fancytree-checkbox {
-  background-position: -32px -32px;
-}
-.fancytree-selected span.fancytree-checkbox:hover {
-  background-position: -48px -32px;
-}
-/*------------------------------------------------------------------------------
- * Radiobutton icon
- * This is a customization, that may be activated by overriding the 'checkbox'
- * class name as 'fancytree-radio' in the tree options.
- *----------------------------------------------------------------------------*/
-.fancytree-radio span.fancytree-checkbox {
-  background-position: 0px -48px;
-}
-.fancytree-radio span.fancytree-checkbox:hover {
-  background-position: -16px -48px;
-}
-.fancytree-radio .fancytree-partsel span.fancytree-checkbox {
-  background-position: -64px -48px;
-}
-.fancytree-radio .fancytree-partsel span.fancytree-checkbox:hover {
-  background-position: -80px -48px;
-}
-.fancytree-radio .fancytree-selected span.fancytree-checkbox {
-  background-position: -32px -48px;
-}
-.fancytree-radio .fancytree-selected span.fancytree-checkbox:hover {
-  background-position: -48px -48px;
-}
-/*------------------------------------------------------------------------------
- * Node type icon
- * Note: IE6 doesn't correctly evaluate multiples class names,
- *		 so we create combined class names that can be used in the CSS.
- *
- * Prefix: fancytree-ico-
- * 1st character: 'e': expanded, 'c': collapsed
- * 2nd character (optional): 'f': folder
- *----------------------------------------------------------------------------*/
-span.fancytree-icon {
-  margin-left: 3px;
-  background-position: 0px 0px;
-}
-/* Documents */
-.fancytree-ico-c span.fancytree-icon:hover {
-  background-position: -16px 0px;
-}
-.fancytree-has-children.fancytree-ico-c span.fancytree-icon {
-  background-position: -32px 0px;
-}
-.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover {
-  background-position: -48px 0px;
-}
-.fancytree-ico-e span.fancytree-icon {
-  background-position: -64px 0px;
-}
-.fancytree-ico-e span.fancytree-icon:hover {
-  background-position: -80px 0px;
-}
-/* Folders */
-.fancytree-ico-cf span.fancytree-icon {
-  background-position: 0px -16px;
-}
-.fancytree-ico-cf span.fancytree-icon:hover {
-  background-position: -16px -16px;
-}
-.fancytree-has-children.fancytree-ico-cf span.fancytree-icon {
-  background-position: -32px -16px;
-}
-.fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover {
-  background-position: -48px -16px;
-}
-.fancytree-ico-ef span.fancytree-icon {
-  background-position: -64px -16px;
-}
-.fancytree-ico-ef span.fancytree-icon:hover {
-  background-position: -80px -16px;
-}
-/*------------------------------------------------------------------------------
- * Node titles and highlighting
- *----------------------------------------------------------------------------*/
-span.fancytree-node {
-  /* See #117 */
-  display: inherit;
-  width: 100%;
-}
-span.fancytree-title {
-  display: inline-block;
-  padding-left: 3px;
-  padding-right: 3px;
-  color: black;
-  vertical-align: top;
-  margin: 0px;
-  margin-left: 3px;
-  cursor: pointer;
-}
-span.fancytree-node.fancytree-error span.fancytree-title {
-  color: red;
-}
-/*------------------------------------------------------------------------------
- * Drag'n'drop support
- *----------------------------------------------------------------------------*/
-div.fancytree-drag-helper a {
-  border: 1px solid gray;
-  background-color: white;
-  padding-left: 5px;
-  padding-right: 5px;
-  opacity: 0.8;
-}
-div.fancytree-drag-helper.fancytree-drop-reject {
-  border-color: red;
-}
-div.fancytree-drop-accept span.fancytree-drag-helper-img {
-  background-position: -32px -112px;
-}
-div.fancytree-drop-reject span.fancytree-drag-helper-img {
-  background-position: -16px -112px;
-}
-/*** Drop marker icon *********************************************************/
-#fancytree-drop-marker {
-  width: 32px;
-  position: absolute;
-  background-position: 0px -128px;
-  margin: 0;
-}
-#fancytree-drop-marker.fancytree-drop-after,
-#fancytree-drop-marker.fancytree-drop-before {
-  width: 64px;
-  background-position: 0px -144px;
-}
-#fancytree-drop-marker.fancytree-drop-copy {
-  background-position: -64px -128px;
-}
-#fancytree-drop-marker.fancytree-drop-move {
-  background-position: -32px -128px;
-}
-/*** Source node while dragging ***********************************************/
-span.fancytree-drag-source {
-  background-color: #e0e0e0;
-}
-span.fancytree-drag-source span.fancytree.title {
-  color: gray;
-}
-/*** Target node while dragging cursor is over it *****************************/
-span.fancytree-drop-target.fancytree-drop-accept a {
-  background-color: #3169C6 !important;
-  color: white !important;
-  /* @ IE6 */
-  text-decoration: none;
-}
-/*------------------------------------------------------------------------------
- * 'table' extension
- *----------------------------------------------------------------------------*/
-table.fancytree-ext-table {
-  border-collapse: collapse;
-}
-table.fancytree-ext-table span.fancytree-node {
-  display: inline-block;
-}
-/*------------------------------------------------------------------------------
- * 'columnview' extension
- *----------------------------------------------------------------------------*/
-table.fancytree-ext-columnview tbody tr td {
-  position: relative;
-  border: 1px solid gray;
-  vertical-align: top;
-  overflow: auto;
-}
-table.fancytree-ext-columnview tbody tr td > ul {
-  padding: 0;
-}
-table.fancytree-ext-columnview tbody tr td > ul li {
-  list-style-image: none;
-  list-style-position: outside;
-  list-style-type: none;
-  -moz-background-clip: border;
-  -moz-background-inline-policy: continuous;
-  -moz-background-origin: padding;
-  background-attachment: scroll;
-  background-color: transparent;
-  background-position: 0px 0px;
-  background-repeat: repeat-y;
-  background-image: none;
-  /* no v-lines */
-  margin: 0;
-  padding: 1px 0 0 0;
-}
-table.fancytree-ext-columnview span.fancytree-node {
-  position: relative;
-  /* allow positioning of embedded spans */
-  display: inline-block;
-}
-table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded {
-  background-color: #CBE8F6;
-}
-table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right {
-  position: absolute;
-  right: 3px;
-  background-position: 0px -80px;
-}
-table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover {
-  background-position: -16px -80px;
-}
-/*------------------------------------------------------------------------------
- * 'filter' extension
- *----------------------------------------------------------------------------*/
-.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title {
-  color: silver;
-  font-weight: lighter;
-}
-.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title,
-.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title {
-  color: black;
-  font-weight: normal;
-}
-.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title,
-.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title {
-  color: black;
-  font-weight: bold;
-}
-.fancytree-ext-filter-hide tr.fancytree-hide,
-.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide {
-  display: none;
-}
-.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title,
-.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title {
-  color: silver;
-  font-weight: lighter;
-}
-.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title,
-.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title {
-  color: black;
-  font-weight: normal;
-}
-/*------------------------------------------------------------------------------
- * 'wide' extension
- *----------------------------------------------------------------------------*/
-ul.fancytree-ext-wide span.fancytree-node > span {
-  position: relative;
-  z-index: 2;
-}
-ul.fancytree-ext-wide span.fancytree-node span.fancytree-title {
-  position: relative;
-  z-index: 1;
-  width: 100%;
-  padding-left: 503px;
-  margin-left: -500px;
-}
-/*******************************************************************************
- * Styles specific to this skin.
- *
- * This section is automatically generated from the `ui-fancytree.less` template.
- ******************************************************************************/
-/*******************************************************************************
- * Tree container
- */
-ul.fancytree-container li {
-  background-image: url("vline.gif");
-  background-position: 0 0;
-}
-ul.fancytree-container li.fancytree-lastsib {
-  background-image: none;
-}
-ul.fancytree-no-connector > li {
-  background-image: none;
-}
-/*******************************************************************************
- * Node titles
- */
-span.fancytree-title {
-  border: 0 solid transparent;
-}
-span.fancytree-title:hover {
-  background-color: #F2F7FD;
-  border-color: #B8D6FB;
-}
-span.fancytree-focused span.fancytree-title {
-  outline: 1px dotted black;
-  background-color: #EFEBDE;
-}
-.fancytree-folder span.fancytree-title {
-  font-weight: bold;
-}
-.fancytree-selected span.fancytree-title {
-  color: green;
-  font-style: italic;
-}
-.fancytree-active span.fancytree-title {
-  background-color: #3169C6 !important;
-  color: white !important;
-}
-/*******************************************************************************
- * 'table' extension
- */
-table.fancytree-ext-table {
-  border-collapse: collapse;
-}
-table.fancytree-ext-table tbody tr.fancytree-focused {
-  background-color: #99DEFD;
-}
-table.fancytree-ext-table tbody tr.fancytree-active {
-  background-color: royalblue;
-}
-table.fancytree-ext-table tbody tr.fancytree-selected {
-  background-color: #99FDDE;
-}
diff --git a/app/assets/stylesheets/fancytree/skin-xp/ui.fancytree.min.css.erb b/app/assets/stylesheets/fancytree/skin-xp/ui.fancytree.min.css.erb
deleted file mode 100644
index b8802ef..0000000
--- a/app/assets/stylesheets/fancytree/skin-xp/ui.fancytree.min.css.erb
+++ /dev/null
@@ -1,6 +0,0 @@
-/*!
- * Fancytree "XP" skin.
- *
- * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
- * the LESS templates.
- */.ui-helper-hidden{display:none}ul.fancytree-container{font-family:tahoma,arial,helvetica;font-size:10pt;white-space:nowrap;padding:3px;margin:0;background-color:#fff;border:1px dotted gray;overflow:auto;min-height:0;position:relative}ul.fancytree-container ul{padding:0 0 0 16px;margin:0}ul.fancytree-container li{list-style-image:none;list-style-position:outside;list-style-type:none;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background-attachment:scroll;background-color:transparent;background-repeat:repeat-y;margin:0;padding:1px 0 0}.ui-fancytree-disabled ul.fancytree-container{opacity:.5;background-color:silver}#fancytree-drop-marker,span.fancytree-checkbox,span.fancytree-drag-helper-img,span.fancytree-empty,span.fancytree-expander,span.fancytree-icon,span.fancytree-radio,span.fancytree-vline{width:16px;height:16px;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-image:url(icons.gif);background-position:0 0}span.fancytree-checkbox,span.fancytree-custom-icon,span.fancytree-icon,span.fancytree-radio{margin-top:1px}span.fancytree-custom-icon{display:inline-block}img.fancytree-icon{width:16px;height:16px;margin-left:3px;margin-top:1px;vertical-align:top;border-style:none}span.fancytree-expander{cursor:pointer}.fancytree-exp-n span.fancytree-expander,.fancytree-exp-nl span.fancytree-expander{cursor:default}.fancytree-exp-n span.fancytree-expander,.fancytree-exp-n span.fancytree-expander:hover{background-position:0 -64px}.fancytree-exp-nl span.fancytree-expander,.fancytree-exp-nl span.fancytree-expander:hover{background-position:-16px -64px}.fancytree-exp-c span.fancytree-expander{background-position:0 -80px}.fancytree-exp-c span.fancytree-expander:hover{background-position:-16px -80px}.fancytree-exp-cl span.fancytree-expander{background-position:0 -96px}.fancytree-exp-cl span.fancytree-expander:hover{background-position:-16px -96px}.fancytree-exp-cd span.fancytree-expander{background-position:-64px -80px}.fancytree-exp-cd span.fancytree-expander:hover{background-position:-80px -80px}.fancytree-exp-cdl span.fancytree-expander{background-position:-64px -96px}.fancytree-exp-cdl span.fancytree-expander:hover{background-position:-80px -96px}.fancytree-exp-e span.fancytree-expander,.fancytree-exp-ed span.fancytree-expander{background-position:-32px -80px}.fancytree-exp-e span.fancytree-expander:hover,.fancytree-exp-ed span.fancytree-expander:hover{background-position:-48px -80px}.fancytree-exp-edl span.fancytree-expander,.fancytree-exp-el span.fancytree-expander{background-position:-32px -96px}.fancytree-exp-edl span.fancytree-expander:hover,.fancytree-exp-el span.fancytree-expander:hover{background-position:-48px -96px}.fancytree-loading span.fancytree-expander,.fancytree-loading span.fancytree-expander:hover,.fancytree-statusnode-wait span.fancytree-icon,.fancytree-statusnode-wait span.fancytree-icon:hover{background-image:url(loading.gif);background-position:0 0}.fancytree-statusnode-error span.fancytree-icon{background-position:0 -112px}span.fancytree-checkbox{margin-left:3px;background-position:0 -32px}span.fancytree-checkbox:hover{background-position:-16px -32px}.fancytree-partsel span.fancytree-checkbox{background-position:-64px -32px}.fancytree-partsel span.fancytree-checkbox:hover{background-position:-80px -32px}.fancytree-selected span.fancytree-checkbox{background-position:-32px -32px}.fancytree-selected span.fancytree-checkbox:hover{background-position:-48px -32px}.fancytree-radio span.fancytree-checkbox{background-position:0 -48px}.fancytree-radio span.fancytree-checkbox:hover{background-position:-16px -48px}.fancytree-radio .fancytree-partsel span.fancytree-checkbox{background-position:-64px -48px}.fancytree-radio .fancytree-partsel span.fancytree-checkbox:hover{background-position:-80px -48px}.fancytree-radio .fancytree-selected span.fancytree-checkbox{background-position:-32px -48px}.fancytree-radio .fancytree-selected span.fancytree-checkbox:hover{background-position:-48px -48px}span.fancytree-icon{margin-left:3px;background-position:0 0}.fancytree-ico-c span.fancytree-icon:hover{background-position:-16px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon{background-position:-32px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover{background-position:-48px 0}.fancytree-ico-e span.fancytree-icon{background-position:-64px 0}.fancytree-ico-e span.fancytree-icon:hover{background-position:-80px 0}.fancytree-ico-cf span.fancytree-icon{background-position:0 -16px}.fancytree-ico-cf span.fancytree-icon:hover{background-position:-16px -16px}.fancytree-has-children.fancytree-ico-cf span.fancytree-icon{background-position:-32px -16px}.fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover{background-position:-48px -16px}.fancytree-ico-ef span.fancytree-icon{background-position:-64px -16px}.fancytree-ico-ef span.fancytree-icon:hover{background-position:-80px -16px}span.fancytree-node{display:inherit;width:100%}span.fancytree-title{display:inline-block;padding-left:3px;padding-right:3px;color:#000;vertical-align:top;margin:0;margin-left:3px;cursor:pointer}span.fancytree-node.fancytree-error span.fancytree-title{color:red}div.fancytree-drag-helper a{border:1px solid gray;background-color:#fff;padding-left:5px;padding-right:5px;opacity:.8}div.fancytree-drag-helper.fancytree-drop-reject{border-color:red}div.fancytree-drop-accept span.fancytree-drag-helper-img{background-position:-32px -112px}div.fancytree-drop-reject span.fancytree-drag-helper-img{background-position:-16px -112px}#fancytree-drop-marker{width:32px;position:absolute;background-position:0 -128px;margin:0}#fancytree-drop-marker.fancytree-drop-after,#fancytree-drop-marker.fancytree-drop-before{width:64px;background-position:0 -144px}#fancytree-drop-marker.fancytree-drop-copy{background-position:-64px -128px}#fancytree-drop-marker.fancytree-drop-move{background-position:-32px -128px}span.fancytree-drag-source{background-color:#e0e0e0}span.fancytree-drag-source span.fancytree.title{color:gray}span.fancytree-drop-target.fancytree-drop-accept a{background-color:#3169C6!important;color:#fff!important;text-decoration:none}table.fancytree-ext-table span.fancytree-node{display:inline-block}table.fancytree-ext-columnview tbody tr td{position:relative;border:1px solid gray;vertical-align:top;overflow:auto}table.fancytree-ext-columnview tbody tr td>ul{padding:0}table.fancytree-ext-columnview tbody tr td>ul li{list-style-image:none;list-style-position:outside;list-style-type:none;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background-attachment:scroll;background-color:transparent;background-position:0 0;background-repeat:repeat-y;background-image:none;margin:0;padding:1px 0 0}table.fancytree-ext-columnview span.fancytree-node{position:relative;display:inline-block}table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded{background-color:#CBE8F6}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right{position:absolute;right:3px;background-position:0 -80px}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover{background-position:-16px -80px}.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title{color:#000;font-weight:700}.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide,.fancytree-ext-filter-hide tr.fancytree-hide{display:none}.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title{color:#000;font-weight:400}ul.fancytree-ext-wide span.fancytree-node>span{position:relative;z-index:2}ul.fancytree-ext-wide span.fancytree-node span.fancytree-title{position:relative;z-index:1;width:100%;padding-left:503px;margin-left:-500px}ul.fancytree-container li{background-image:url(vline.gif);background-position:0 0}ul.fancytree-container li.fancytree-lastsib,ul.fancytree-no-connector>li{background-image:none}span.fancytree-title{border:0 solid transparent}span.fancytree-title:hover{background-color:#F2F7FD;border-color:#B8D6FB}span.fancytree-focused span.fancytree-title{outline:1px dotted #000;background-color:#EFEBDE}.fancytree-folder span.fancytree-title{font-weight:700}.fancytree-selected span.fancytree-title{color:green;font-style:italic}.fancytree-active span.fancytree-title{background-color:#3169C6!important;color:#fff!important}table.fancytree-ext-table{border-collapse:collapse}table.fancytree-ext-table tbody tr.fancytree-focused{background-color:#99DEFD}table.fancytree-ext-table tbody tr.fancytree-active{background-color:#4169e1}table.fancytree-ext-table tbody tr.fancytree-selected{background-color:#99FDDE}
\ No newline at end of file
diff --git a/app/assets/stylesheets/fancytree/skin-xp/ui.fancytree.scss b/app/assets/stylesheets/fancytree/skin-xp/ui.fancytree.scss
new file mode 100644
index 0000000..4ce7897
--- /dev/null
+++ b/app/assets/stylesheets/fancytree/skin-xp/ui.fancytree.scss
@@ -0,0 +1,89 @@
+/*!
+ * Fancytree "XP" skin.
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */
+
+$fancy-image-dir: "fancytree/skin-xp";
+// Import common styles
+@import "../skin-common.scss";
+
+
+/*******************************************************************************
+ * Styles specific to this skin.
+ *
+ * This section is automatically generated from the `ui-fancytree.scss` template.
+ ******************************************************************************/
+
+// Override the variable after the import. 
+// NOTE: Variables are always resolved as the last definition, even if it is 
+// after where it is used.
+$fancy-use-sprites: true;  // false: suppress all background positions
+$fancy-hide-connectors: false; // true: show vertical connector lines
+$fancy-icon-width: 16px;
+$fancy-icon-height: 16px;
+$fancy-icon-margin-left: 3px;
+$fancy-node-border-width: 0;
+
+/*******************************************************************************
+ * Tree container
+ */
+ul.fancytree-container {
+	li {
+		background-image: image-url($fancy-image-dir + "/vline.gif");
+		background-position: 0 0;
+	}
+	// Suppress lines for last child node
+	li.fancytree-lastsib {
+		background-image: none;
+	}
+}
+// Suppress lines if level is fixed expanded (option minExpandLevel)
+ul.fancytree-no-connector > li {
+	background-image: none;
+}
+
+/*******************************************************************************
+ * Node titles
+ */
+
+span.fancytree-title {
+  border: $fancy-node-border-width solid transparent;  // avoid jumping, when a border is added on hover
+}
+span.fancytree-title:hover {
+	background-color: #F2F7FD; // light blue
+	border-color: #B8D6FB; // darker light blue
+}
+span.fancytree-focused span.fancytree-title {
+	outline: 1px dotted black;
+	background-color: #EFEBDE; // gray
+}
+.fancytree-folder span.fancytree-title {
+	font-weight: bold;
+}
+.fancytree-selected span.fancytree-title {
+	color: green;
+	font-style: italic;
+}
+.fancytree-active span.fancytree-title {
+	background-color: #3169C6 !important;
+	color: white !important; // $ IE6
+}
+
+/*******************************************************************************
+ * 'table' extension
+ */
+table.fancytree-ext-table {
+	border-collapse: collapse;
+	tbody tr.fancytree-focused {
+		background-color: #99DEFD;
+	}
+	tbody tr.fancytree-active {
+		background-color: royalblue;
+	}
+	tbody tr.fancytree-selected {
+		background-color: #99FDDE;
+	}
+}
+
diff --git a/app/assets/stylesheets/ui.fancytree.css b/app/assets/stylesheets/ui.fancytree.css
index 92a8be6..af6cf85 100644
--- a/app/assets/stylesheets/ui.fancytree.css
+++ b/app/assets/stylesheets/ui.fancytree.css
@@ -1,3 +1,3 @@
 /*
-  *= require fancytree/skin-vista/ui.fancytree
-  */
+ *= require fancytree/skin-vista/ui.fancytree 
+ */
diff --git a/fancytree-rails.gemspec b/fancytree-rails.gemspec
index a4a99be..56c3927 100644
--- a/fancytree-rails.gemspec
+++ b/fancytree-rails.gemspec
@@ -22,6 +22,7 @@ Gem::Specification.new do |spec|
   spec.add_development_dependency "rake"
 
   spec.add_dependency "railties", ">= 3.2.0", "< 5.0"
+  spec.add_dependency "sass-rails"
   spec.add_dependency "jquery-rails"
   spec.add_dependency 'jquery-ui-rails'
 end
diff --git a/lib/fancytree/rails/version.rb b/lib/fancytree/rails/version.rb
index 7c9cc45..96e316e 100644
--- a/lib/fancytree/rails/version.rb
+++ b/lib/fancytree/rails/version.rb
@@ -1,6 +1,6 @@
 module Fancytree
   module Rails
-    VERSION = "2.3.0"
-    FANCYTREE_VERSION="v2.3.0"
+    VERSION = "2.4.1"
+    FANCYTREE_VERSION="v2.4.1"
   end
 end