jqtree-rails 0.1.5.0 → 0.1.8.0

data/lib/jqtree/rails/version.rb

@@ -1,6 +1,6 @@
 module JqTree
   module Rails
-    VERSION = "0.1.5.0"
-    JQTREE_VERSION = "0.15"
+    VERSION = "0.1.8.0"
+    JQTREE_VERSION = "0.18"
   end
 end

data/vendor/assets/javascripts/tree.jquery.js

@@ -1,5 +1,4 @@
-// Generated by CoffeeScript 1.6.1
-
+// Generated by CoffeeScript 1.6.3
 /*
 Copyright 2013 Marco Braak
 
@@ -18,7 +17,7 @@ limitations under the License.
 
 
 (function() {
-  var $, BorderDropHint, DragAndDropHandler, DragElement, FolderElement, GhostDropHint, JqTreeWidget, MouseWidget, Node, NodeElement, Position, SaveStateHandler, ScrollHandler, SelectNodeHandler, SimpleWidget, TRIANGLE_DOWN, TRIANGLE_RIGHT, html_escape, indexOf, json_escapable, json_meta, json_quote, json_str, _indexOf,
+  var $, BorderDropHint, DragAndDropHandler, DragElement, FolderElement, GhostDropHint, HitAreasGenerator, JqTreeWidget, KeyHandler, MouseWidget, Node, NodeElement, Position, SaveStateHandler, ScrollHandler, SelectNodeHandler, SimpleWidget, VisibleNodeIterator, html_escape, indexOf, json_escapable, json_meta, json_quote, json_str, _indexOf, _ref, _ref1, _ref2,
     __slice = [].slice,
     __hasProp = {}.hasOwnProperty,
     __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; };
@@ -26,7 +25,6 @@ limitations under the License.
   $ = this.jQuery;
 
   SimpleWidget = (function() {
-
     SimpleWidget.prototype.defaults = {};
 
     function SimpleWidget(el, options) {
@@ -123,55 +121,72 @@ limitations under the License.
 
 
   MouseWidget = (function(_super) {
-
     __extends(MouseWidget, _super);
 
     function MouseWidget() {
-      return MouseWidget.__super__.constructor.apply(this, arguments);
+      _ref = MouseWidget.__super__.constructor.apply(this, arguments);
+      return _ref;
     }
 
     MouseWidget.is_mouse_handled = false;
 
     MouseWidget.prototype._init = function() {
       this.$el.bind('mousedown.mousewidget', $.proxy(this._mouseDown, this));
+      this.$el.bind('touchstart.mousewidget', $.proxy(this._touchStart, this));
       this.is_mouse_started = false;
       this.mouse_delay = 0;
       this._mouse_delay_timer = null;
-      return this._is_mouse_delay_met = true;
+      this._is_mouse_delay_met = true;
+      return this.mouse_down_info = null;
     };
 
     MouseWidget.prototype._deinit = function() {
       var $document;
       this.$el.unbind('mousedown.mousewidget');
+      this.$el.unbind('touchstart.mousewidget');
       $document = $(document);
       $document.unbind('mousemove.mousewidget');
       return $document.unbind('mouseup.mousewidget');
     };
 
     MouseWidget.prototype._mouseDown = function(e) {
-      var $document;
-      if (MouseWidget.is_mouse_handled) {
+      var result;
+      if (e.which !== 1) {
         return;
       }
-      if (!this.is_mouse_started) {
-        this._mouseUp(e);
+      result = this._handleMouseDown(e, this._getPositionInfo(e));
+      if (result) {
+        e.preventDefault();
       }
-      if (e.which !== 1) {
+      return result;
+    };
+
+    MouseWidget.prototype._handleMouseDown = function(e, position_info) {
+      if (MouseWidget.is_mouse_handled) {
         return;
       }
-      if (!this._mouseCapture(e)) {
+      if (this.is_mouse_started) {
+        this._handleMouseUp(position_info);
+      }
+      this.mouse_down_info = position_info;
+      if (!this._mouseCapture(position_info)) {
         return;
       }
-      this.mouse_down_event = e;
+      this._handleStartMouse();
+      this.is_mouse_handled = true;
+      return true;
+    };
+
+    MouseWidget.prototype._handleStartMouse = function() {
+      var $document;
       $document = $(document);
       $document.bind('mousemove.mousewidget', $.proxy(this._mouseMove, this));
+      $document.bind('touchmove.mousewidget', $.proxy(this._touchMove, this));
       $document.bind('mouseup.mousewidget', $.proxy(this._mouseUp, this));
+      $document.bind('touchend.mousewidget', $.proxy(this._touchEnd, this));
       if (this.mouse_delay) {
-        this._startMouseDelayTimer();
+        return this._startMouseDelayTimer();
       }
-      e.preventDefault();
-      this.is_mouse_handled = true;
-      return true;
     };
 
     MouseWidget.prototype._startMouseDelayTimer = function() {
@@ -186,47 +201,65 @@ limitations under the License.
     };
 
     MouseWidget.prototype._mouseMove = function(e) {
+      return this._handleMouseMove(e, this._getPositionInfo(e));
+    };
+
+    MouseWidget.prototype._handleMouseMove = function(e, position_info) {
       if (this.is_mouse_started) {
-        this._mouseDrag(e);
+        this._mouseDrag(position_info);
         return e.preventDefault();
       }
       if (this.mouse_delay && !this._is_mouse_delay_met) {
         return true;
       }
-      this.is_mouse_started = this._mouseStart(this.mouse_down_event) !== false;
+      this.is_mouse_started = this._mouseStart(this.mouse_down_info) !== false;
       if (this.is_mouse_started) {
-        this._mouseDrag(e);
+        this._mouseDrag(position_info);
       } else {
-        this._mouseUp(e);
+        this._handleMouseUp(position_info);
       }
       return !this.is_mouse_started;
     };
 
+    MouseWidget.prototype._getPositionInfo = function(e) {
+      return {
+        page_x: e.pageX,
+        page_y: e.pageY,
+        target: e.target,
+        original_event: e
+      };
+    };
+
     MouseWidget.prototype._mouseUp = function(e) {
+      return this._handleMouseUp(this._getPositionInfo(e));
+    };
+
+    MouseWidget.prototype._handleMouseUp = function(position_info) {
       var $document;
       $document = $(document);
       $document.unbind('mousemove.mousewidget');
+      $document.unbind('touchmove.mousewidget');
       $document.unbind('mouseup.mousewidget');
+      $document.unbind('touchend.mousewidget');
       if (this.is_mouse_started) {
         this.is_mouse_started = false;
-        this._mouseStop(e);
+        this._mouseStop(position_info);
       }
-      return false;
     };
 
-    MouseWidget.prototype._mouseCapture = function(e) {
+    MouseWidget.prototype._mouseCapture = function(position_info) {
       return true;
     };
 
-    MouseWidget.prototype._mouseStart = function(e) {
+    MouseWidget.prototype._mouseStart = function(position_info) {
       return null;
     };
 
-    MouseWidget.prototype._mouseDrag = function(e) {
+    MouseWidget.prototype._mouseDrag = function(position_info) {
       return null;
     };
 
-    MouseWidget.prototype._mouseStop = function(e) {
+    MouseWidget.prototype._mouseStop = function(position_info) {
       return null;
     };
 
@@ -234,136 +267,48 @@ limitations under the License.
       return this.mouse_delay = mouse_delay;
     };
 
-    return MouseWidget;
-
-  })(SimpleWidget);
-
-  /*
-  Copyright 2013 Marco Braak
-  
-  Licensed under the Apache License, Version 2.0 (the "License");
-  you may not use this file except in compliance with the License.
-  You may obtain a copy of the License at
-  
-      http://www.apache.org/licenses/LICENSE-2.0
-  
-  Unless required by applicable law or agreed to in writing, software
-  distributed under the License is distributed on an "AS IS" BASIS,
-  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-  See the License for the specific language governing permissions and
-  limitations under the License.
-  */
-
-
-  this.Tree = {};
-
-  $ = this.jQuery;
-
-  _indexOf = function(array, item) {
-    var i, value, _i, _len;
-    for (i = _i = 0, _len = array.length; _i < _len; i = ++_i) {
-      value = array[i];
-      if (value === item) {
-        return i;
+    MouseWidget.prototype._touchStart = function(e) {
+      var touch;
+      if (e.originalEvent.touches.length > 1) {
+        return;
       }
-    }
-    return -1;
-  };
-
-  indexOf = function(array, item) {
-    if (array.indexOf) {
-      return array.indexOf(item);
-    } else {
-      return _indexOf(array, item);
-    }
-  };
-
-  this.Tree.indexOf = indexOf;
-
-  this.Tree._indexOf = _indexOf;
-
-  if (!((this.JSON != null) && (this.JSON.stringify != null) && typeof this.JSON.stringify === 'function')) {
-    json_escapable = /[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g;
-    json_meta = {
-      '\b': '\\b',
-      '\t': '\\t',
-      '\n': '\\n',
-      '\f': '\\f',
-      '\r': '\\r',
-      '"': '\\"',
-      '\\': '\\\\'
+      touch = e.originalEvent.changedTouches[0];
+      return this._handleMouseDown(e, this._getPositionInfo(touch));
     };
-    json_quote = function(string) {
-      json_escapable.lastIndex = 0;
-      if (json_escapable.test(string)) {
-        return '"' + string.replace(json_escapable, function(a) {
-          var c;
-          c = json_meta[a];
-          return (typeof c === 'string' ? c : '\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4));
-        }) + '"';
-      } else {
-        return '"' + string + '"';
+
+    MouseWidget.prototype._touchMove = function(e) {
+      var touch;
+      if (e.originalEvent.touches.length > 1) {
+        return;
       }
+      touch = e.originalEvent.changedTouches[0];
+      return this._handleMouseMove(e, this._getPositionInfo(touch));
     };
-    json_str = function(key, holder) {
-      var i, k, partial, v, value, _i, _len;
-      value = holder[key];
-      switch (typeof value) {
-        case 'string':
-          return json_quote(value);
-        case 'number':
-          if (isFinite(value)) {
-            return String(value);
-          } else {
-            return 'null';
-          }
-        case 'boolean':
-        case 'null':
-          return String(value);
-        case 'object':
-          if (!value) {
-            return 'null';
-          }
-          partial = [];
-          if (Object.prototype.toString.apply(value) === '[object Array]') {
-            for (i = _i = 0, _len = value.length; _i < _len; i = ++_i) {
-              v = value[i];
-              partial[i] = json_str(i, value) || 'null';
-            }
-            return (partial.length === 0 ? '[]' : '[' + partial.join(',') + ']');
-          }
-          for (k in value) {
-            if (Object.prototype.hasOwnProperty.call(value, k)) {
-              v = json_str(k, value);
-              if (v) {
-                partial.push(json_quote(k) + ':' + v);
-              }
-            }
-          }
-          return (partial.length === 0 ? '{}' : '{' + partial.join(',') + '}');
+
+    MouseWidget.prototype._touchEnd = function(e) {
+      var touch;
+      if (e.originalEvent.touches.length > 1) {
+        return;
       }
+      touch = e.originalEvent.changedTouches[0];
+      return this._handleMouseUp(this._getPositionInfo(touch));
     };
-    if (this.JSON == null) {
-      this.JSON = {};
-    }
-    this.JSON.stringify = function(value) {
-      return json_str('', {
-        '': value
-      });
-    };
-  }
 
-  html_escape = function(string) {
-    return ('' + string).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#x27;').replace(/\//g, '&#x2F;');
-  };
+    return MouseWidget;
+
+  })(SimpleWidget);
+
+  this.Tree = {};
+
+  $ = this.jQuery;
 
   Position = {
     getName: function(position) {
       return Position.strings[position - 1];
     },
     nameToIndex: function(name) {
-      var i, _i, _ref;
-      for (i = _i = 1, _ref = Position.strings.length; 1 <= _ref ? _i <= _ref : _i >= _ref; i = 1 <= _ref ? ++_i : --_i) {
+      var i, _i, _ref1;
+      for (i = _i = 1, _ref1 = Position.strings.length; 1 <= _ref1 ? _i <= _ref1 : _i >= _ref1; i = 1 <= _ref1 ? ++_i : --_i) {
         if (Position.strings[i - 1] === name) {
           return i;
         }
@@ -385,7 +330,6 @@ limitations under the License.
   this.Tree.Position = Position;
 
   Node = (function() {
-
     function Node(o, is_root, node_class) {
       if (is_root == null) {
         is_root = false;
@@ -579,11 +523,11 @@ limitations under the License.
       var _iterate,
         _this = this;
       _iterate = function(node, level) {
-        var child, result, _i, _len, _ref;
+        var child, result, _i, _len, _ref1;
         if (node.children) {
-          _ref = node.children;
-          for (_i = 0, _len = _ref.length; _i < _len; _i++) {
-            child = _ref[_i];
+          _ref1 = node.children;
+          for (_i = 0, _len = _ref1.length; _i < _len; _i++) {
+            child = _ref1[_i];
             result = callback(child, level);
             if (_this.hasChildren() && result) {
               _iterate(child, level + 1);
@@ -689,16 +633,16 @@ limitations under the License.
     };
 
     Node.prototype.addParent = function(node_info) {
-      var child, new_parent, original_parent, _i, _len, _ref;
+      var child, new_parent, original_parent, _i, _len, _ref1;
       if (!this.parent) {
         return null;
       } else {
         new_parent = new this.tree.node_class(node_info);
         new_parent._setParent(this.tree);
         original_parent = this.parent;
-        _ref = original_parent.children;
-        for (_i = 0, _len = _ref.length; _i < _len; _i++) {
-          child = _ref[_i];
+        _ref1 = original_parent.children;
+        for (_i = 0, _len = _ref1.length; _i < _len; _i++) {
+          child = _ref1[_i];
           new_parent.addChild(child);
         }
         original_parent.children = [];
@@ -756,13 +700,13 @@ limitations under the License.
     };
 
     Node.prototype.addNodeToIndex = function(node) {
-      if (node.id) {
+      if (node.id != null) {
         return this.id_mapping[node.id] = node;
       }
     };
 
     Node.prototype.removeNodeFromIndex = function(node) {
-      if (node.id) {
+      if (node.id != null) {
         return delete this.id_mapping[node.id];
       }
     };
@@ -776,29 +720,71 @@ limitations under the License.
       return this.children = [];
     };
 
+    Node.prototype.getPreviousSibling = function() {
+      var previous_index;
+      if (!this.parent) {
+        return null;
+      } else {
+        previous_index = this.parent.getChildIndex(this) - 1;
+        if (previous_index >= 0) {
+          return this.parent.children[previous_index];
+        } else {
+          return null;
+        }
+      }
+    };
+
+    Node.prototype.getNextSibling = function() {
+      var next_index;
+      if (!this.parent) {
+        return null;
+      } else {
+        next_index = this.parent.getChildIndex(this) + 1;
+        if (next_index < this.parent.children.length) {
+          return this.parent.children[next_index];
+        } else {
+          return null;
+        }
+      }
+    };
+
     return Node;
 
   })();
 
   this.Tree.Node = Node;
 
-  TRIANGLE_RIGHT = '&#x25ba;';
+  /*
+  Copyright 2013 Marco Braak
+  
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+  
+      http://www.apache.org/licenses/LICENSE-2.0
+  
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+  */
 
-  TRIANGLE_DOWN = '&#x25bc;';
 
   JqTreeWidget = (function(_super) {
-
     __extends(JqTreeWidget, _super);
 
     function JqTreeWidget() {
-      return JqTreeWidget.__super__.constructor.apply(this, arguments);
+      _ref1 = JqTreeWidget.__super__.constructor.apply(this, arguments);
+      return _ref1;
     }
 
     JqTreeWidget.prototype.defaults = {
       autoOpen: false,
       saveState: false,
       dragAndDrop: false,
-      selectable: false,
+      selectable: true,
+      useContextMenu: true,
       onCanSelectNode: null,
       onSetStateFromStorage: null,
       onGetStateFromStorage: null,
@@ -809,8 +795,12 @@ limitations under the License.
       onLoadFailed: null,
       autoEscape: true,
       dataUrl: null,
+      closedIcon: '&#x25ba;',
+      openedIcon: '&#x25bc;',
       slide: true,
-      nodeClass: Node
+      nodeClass: Node,
+      dataFilter: null,
+      keyboardSupport: true
     };
 
     JqTreeWidget.prototype.toggle = function(node, slide) {
@@ -829,11 +819,68 @@ limitations under the License.
     };
 
     JqTreeWidget.prototype.selectNode = function(node) {
-      return this.select_node_handler.selectNode(node);
+      return this._selectNode(node, false);
+    };
+
+    JqTreeWidget.prototype._selectNode = function(node, must_toggle) {
+      var canSelect, deselected_node, openParents, saveState,
+        _this = this;
+      if (must_toggle == null) {
+        must_toggle = false;
+      }
+      if (!this.select_node_handler) {
+        return;
+      }
+      canSelect = function() {
+        if (_this.options.onCanSelectNode) {
+          return _this.options.selectable && _this.options.onCanSelectNode(node);
+        } else {
+          return _this.options.selectable;
+        }
+      };
+      openParents = function() {
+        var parent;
+        parent = node.parent;
+        if (parent && parent.parent && !parent.is_open) {
+          return _this.openNode(parent, false);
+        }
+      };
+      saveState = function() {
+        if (_this.options.saveState) {
+          return _this.save_state_handler.saveState();
+        }
+      };
+      if (!node) {
+        this._deselectCurrentNode();
+        saveState();
+        return;
+      }
+      if (!canSelect()) {
+        return;
+      }
+      if (this.select_node_handler.isNodeSelected(node)) {
+        if (must_toggle) {
+          this._deselectCurrentNode();
+          this._triggerEvent('tree.select', {
+            node: null,
+            previous_node: node
+          });
+        }
+      } else {
+        deselected_node = this.getSelectedNode();
+        this._deselectCurrentNode();
+        this.addToSelection(node);
+        this._triggerEvent('tree.select', {
+          node: node,
+          deselected_node: deselected_node
+        });
+        openParents();
+      }
+      return saveState();
     };
 
     JqTreeWidget.prototype.getSelectedNode = function() {
-      return this.selected_node || false;
+      return this.select_node_handler.getSelectedNode();
     };
 
     JqTreeWidget.prototype.toJson = function() {
@@ -841,23 +888,16 @@ limitations under the License.
     };
 
     JqTreeWidget.prototype.loadData = function(data, parent_node) {
-      this._loadData(data, parent_node);
-      if (!parent_node) {
-        return this.selected_node = null;
-      }
+      return this._loadData(data, parent_node);
     };
 
     JqTreeWidget.prototype.loadDataFromUrl = function(url, parent_node, on_finished) {
       if ($.type(url) !== 'string') {
-        parent_node = url;
         on_finished = parent_node;
+        parent_node = url;
         url = null;
-        on_finished = null;
-      }
-      this._loadDataFromUrl(url, parent_node, on_finished);
-      if (!parent_node) {
-        return this.selected_node = null;
       }
+      return this._loadDataFromUrl(url, parent_node, on_finished);
     };
 
     JqTreeWidget.prototype._loadDataFromUrl = function(url_info, parent_node, on_finished) {
@@ -907,6 +947,9 @@ limitations under the License.
           } else {
             data = $.parseJSON(response);
           }
+          if (_this.options.dataFilter) {
+            data = _this.options.dataFilter(data);
+          }
           removeLoadingClass();
           _this._loadData(data, parent_node);
           if (on_finished && $.isFunction(on_finished)) {
@@ -923,14 +966,17 @@ limitations under the License.
     };
 
     JqTreeWidget.prototype._loadData = function(data, parent_node) {
+      var n, selected_nodes_under_parent, _i, _len;
       this._triggerEvent('tree.load_data', {
         tree_data: data
       });
       if (!parent_node) {
-        this._initTree(data, false, this.options.nodeClass);
+        this._initTree(data);
       } else {
-        if (this.selected_node && parent_node.isParentOf(this.selected_node)) {
-          this.selected_node = null;
+        selected_nodes_under_parent = this.select_node_handler.getSelectedNodes(parent_node);
+        for (_i = 0, _len = selected_nodes_under_parent.length; _i < _len; _i++) {
+          n = selected_nodes_under_parent[_i];
+          this.select_node_handler.removeFromSelection(n);
         }
         parent_node.loadFromData(data);
         parent_node.load_on_demand = false;
@@ -1034,45 +1080,23 @@ limitations under the License.
     };
 
     JqTreeWidget.prototype.removeNode = function(node) {
-      var mustUnselectedNode, parent,
-        _this = this;
-      mustUnselectedNode = function() {
-        var result;
-        if (!_this.selected_node) {
-          return false;
-        } else if (_this.selected_node === node) {
-          return true;
-        } else {
-          result = true;
-          _this.tree.iterate(function(child) {
-            if (node === child) {
-              result = true;
-              return false;
-            } else {
-              return true;
-            }
-          });
-          return result;
-        }
-      };
+      var parent;
       parent = node.parent;
       if (parent) {
-        if (mustUnselectedNode()) {
-          this.selected_node = null;
-        }
+        this.select_node_handler.removeFromSelection(node, true);
         node.remove();
         return this._refreshElements(parent.parent);
       }
     };
 
     JqTreeWidget.prototype.appendNode = function(new_node_info, parent_node) {
-      var is_already_root_node, node;
+      var is_already_folder_node, node;
       if (!parent_node) {
         parent_node = this.tree;
       }
-      is_already_root_node = parent_node.isFolder();
+      is_already_folder_node = parent_node.isFolder();
       node = parent_node.append(new_node_info);
-      if (is_already_root_node) {
+      if (is_already_folder_node) {
         this._refreshElements(parent_node);
       } else {
         this._refreshElements(parent_node.parent);
@@ -1091,9 +1115,17 @@ limitations under the License.
     };
 
     JqTreeWidget.prototype.updateNode = function(node, data) {
+      var id_is_changed;
+      id_is_changed = data.id && data.id !== node.id;
+      if (id_is_changed) {
+        this.tree.removeNodeFromIndex(node);
+      }
       node.setData(data);
+      if (id_is_changed) {
+        this.tree.addNodeToIndex(node);
+      }
       this._refreshElements(node.parent);
-      return this.select_node_handler.selectCurrentNode();
+      return this._selectCurrentNode();
     };
 
     JqTreeWidget.prototype.moveNode = function(node, target_node, position) {
@@ -1107,41 +1139,94 @@ limitations under the License.
       return this.save_state_handler.getStateFromStorage();
     };
 
-    JqTreeWidget.prototype._init = function() {
-      JqTreeWidget.__super__._init.call(this);
-      this.element = this.$el;
-      this.selected_node = null;
-      this.mouse_delay = 300;
-      this.save_state_handler = new SaveStateHandler(this);
-      this.select_node_handler = new SelectNodeHandler(this);
-      this.dnd_handler = new DragAndDropHandler(this);
-      this.scroll_handler = new ScrollHandler(this);
-      this._initData();
-      this.element.click($.proxy(this._click, this));
-      return this.element.bind('contextmenu', $.proxy(this._contextmenu, this));
+    JqTreeWidget.prototype.addToSelection = function(node) {
+      this.select_node_handler.addToSelection(node);
+      return this._getNodeElementForNode(node).select();
     };
 
-    JqTreeWidget.prototype._deinit = function() {
-      this.element.empty();
-      this.element.unbind();
-      this.tree = null;
-      return JqTreeWidget.__super__._deinit.call(this);
+    JqTreeWidget.prototype.getSelectedNodes = function() {
+      return this.select_node_handler.getSelectedNodes();
     };
 
-    JqTreeWidget.prototype._initData = function() {
-      if (this.options.data) {
-        return this._loadData(this.options.data);
-      } else {
-        return this._loadDataFromUrl(this._getDataUrlInfo());
-      }
+    JqTreeWidget.prototype.isNodeSelected = function(node) {
+      return this.select_node_handler.isNodeSelected(node);
+    };
+
+    JqTreeWidget.prototype.removeFromSelection = function(node) {
+      this.select_node_handler.removeFromSelection(node);
+      return this._getNodeElementForNode(node).deselect();
+    };
+
+    JqTreeWidget.prototype.scrollToNode = function(node) {
+      var $element, top;
+      $element = $(node.element);
+      top = $element.offset().top - this.$el.offset().top;
+      return this.scroll_handler.scrollTo(top);
+    };
+
+    JqTreeWidget.prototype.getState = function() {
+      return this.save_state_handler.getState();
+    };
+
+    JqTreeWidget.prototype.setState = function(state) {
+      this.save_state_handler.setState(state);
+      return this._refreshElements();
+    };
+
+    JqTreeWidget.prototype._init = function() {
+      JqTreeWidget.__super__._init.call(this);
+      this.element = this.$el;
+      this.mouse_delay = 300;
+      this.is_initialized = false;
+      if (typeof SaveStateHandler !== "undefined" && SaveStateHandler !== null) {
+        this.save_state_handler = new SaveStateHandler(this);
+      } else {
+        this.options.saveState = false;
+      }
+      if (typeof SelectNodeHandler !== "undefined" && SelectNodeHandler !== null) {
+        this.select_node_handler = new SelectNodeHandler(this);
+      }
+      if (typeof DragAndDropHandler !== "undefined" && DragAndDropHandler !== null) {
+        this.dnd_handler = new DragAndDropHandler(this);
+      } else {
+        this.options.dragAndDrop = false;
+      }
+      if (typeof ScrollHandler !== "undefined" && ScrollHandler !== null) {
+        this.scroll_handler = new ScrollHandler(this);
+      }
+      if ((typeof KeyHandler !== "undefined" && KeyHandler !== null) && (typeof SelectNodeHandler !== "undefined" && SelectNodeHandler !== null)) {
+        this.key_handler = new KeyHandler(this);
+      }
+      this._initData();
+      this.element.click($.proxy(this._click, this));
+      this.element.dblclick($.proxy(this._dblclick, this));
+      if (this.options.useContextMenu) {
+        return this.element.bind('contextmenu', $.proxy(this._contextmenu, this));
+      }
+    };
+
+    JqTreeWidget.prototype._deinit = function() {
+      this.element.empty();
+      this.element.unbind();
+      this.key_handler.deinit();
+      this.tree = null;
+      return JqTreeWidget.__super__._deinit.call(this);
+    };
+
+    JqTreeWidget.prototype._initData = function() {
+      if (this.options.data) {
+        return this._loadData(this.options.data);
+      } else {
+        return this._loadDataFromUrl(this._getDataUrlInfo());
+      }
     };
 
     JqTreeWidget.prototype._getDataUrlInfo = function(node) {
-      var data, data_url, url_info;
+      var data_url, getUrlFromString,
+        _this = this;
       data_url = this.options.dataUrl || this.element.data('url');
-      if ($.isFunction(data_url)) {
-        return data_url(node);
-      } else if ($.type(data_url) === 'string') {
+      getUrlFromString = function() {
+        var data, selected_node_id, url_info;
         url_info = {
           url: data_url
         };
@@ -1150,19 +1235,46 @@ limitations under the License.
             node: node.id
           };
           url_info['data'] = data;
+        } else {
+          selected_node_id = _this._getNodeIdToBeSelected();
+          if (selected_node_id) {
+            data = {
+              selected_node: selected_node_id
+            };
+            url_info['data'] = data;
+          }
         }
         return url_info;
+      };
+      if ($.isFunction(data_url)) {
+        return data_url(node);
+      } else if ($.type(data_url) === 'string') {
+        return getUrlFromString();
       } else {
         return data_url;
       }
     };
 
+    JqTreeWidget.prototype._getNodeIdToBeSelected = function() {
+      if (this.options.saveState) {
+        return this.save_state_handler.getNodeIdToBeSelected();
+      } else {
+        return null;
+      }
+    };
+
     JqTreeWidget.prototype._initTree = function(data) {
       this.tree = new this.options.nodeClass(null, true, this.options.nodeClass);
+      if (this.select_node_handler) {
+        this.select_node_handler.clear();
+      }
       this.tree.loadFromData(data);
       this._openNodes();
       this._refreshElements();
-      return this._triggerEvent('tree.init');
+      if (!this.is_initialized) {
+        this.is_initialized = true;
+        return this._triggerEvent('tree.init');
+      }
     };
 
     JqTreeWidget.prototype._openNodes = function() {
@@ -1224,7 +1336,7 @@ limitations under the License.
       createNodeLi = function(node) {
         var class_string, escaped_name, li_classes;
         li_classes = ['jqtree_common'];
-        if (node === _this.selected_node) {
+        if (_this.select_node_handler && _this.select_node_handler.isNodeSelected(node)) {
           li_classes.push('jqtree-selected');
         }
         class_string = li_classes.join(' ');
@@ -1247,7 +1359,7 @@ limitations under the License.
           if (!node.is_open) {
             classes.push('jqtree-closed');
           }
-          if (node === _this.selected_node) {
+          if (_this.select_node_handler && _this.select_node_handler.isNodeSelected(node)) {
             classes.push('jqtree-selected');
           }
           return classes.join(' ');
@@ -1256,9 +1368,9 @@ limitations under the License.
         folder_classes = getFolderClasses();
         escaped_name = escapeIfNecessary(node.name);
         if (node.is_open) {
-          button_char = TRIANGLE_DOWN;
+          button_char = _this.options.openedIcon;
         } else {
-          button_char = TRIANGLE_RIGHT;
+          button_char = _this.options.closedIcon;
         }
         return $("<li class=\"jqtree_common " + folder_classes + "\"><div class=\"jqtree-element jqtree_common\"><a class=\"jqtree_common " + button_classes + "\">" + button_char + "</a><span class=\"jqtree_common jqtree-title\">" + escaped_name + "</span></div></li>");
       };
@@ -1294,31 +1406,60 @@ limitations under the License.
     };
 
     JqTreeWidget.prototype._click = function(e) {
-      var $button, $el, $target, node;
-      if (e.ctrlKey) {
-        return;
+      var click_target, event, node;
+      click_target = this._getClickTarget(e.target);
+      if (click_target) {
+        if (click_target.type === 'button') {
+          this.toggle(click_target.node, this.options.slide);
+          e.preventDefault();
+          return e.stopPropagation();
+        } else if (click_target.type === 'label') {
+          node = click_target.node;
+          event = this._triggerEvent('tree.click', {
+            node: node
+          });
+          if (!event.isDefaultPrevented()) {
+            return this._selectNode(node, true);
+          }
+        }
+      }
+    };
+
+    JqTreeWidget.prototype._dblclick = function(e) {
+      var click_target;
+      click_target = this._getClickTarget(e.target);
+      if (click_target && click_target.type === 'label') {
+        return this._triggerEvent('tree.dblclick', {
+          node: click_target.node
+        });
       }
-      $target = $(e.target);
+    };
+
+    JqTreeWidget.prototype._getClickTarget = function(element) {
+      var $button, $el, $target, node;
+      $target = $(element);
       $button = $target.closest('.jqtree-toggler');
       if ($button.length) {
         node = this._getNode($button);
         if (node) {
-          this.toggle(node, this.options.slide);
-          e.preventDefault();
-          return e.stopPropagation();
+          return {
+            type: 'button',
+            node: node
+          };
         }
       } else {
         $el = $target.closest('.jqtree-element');
         if ($el.length) {
           node = this._getNode($el);
           if (node) {
-            this._triggerEvent('tree.click', {
+            return {
+              type: 'label',
               node: node
-            });
-            return this.select_node_handler.selectNode(node, true);
+            };
           }
         }
       }
+      return null;
     };
 
     JqTreeWidget.prototype._getNode = function($element) {
@@ -1372,36 +1513,38 @@ limitations under the License.
       }
     };
 
-    JqTreeWidget.prototype._mouseCapture = function(event) {
+    JqTreeWidget.prototype._mouseCapture = function(position_info) {
       if (this.options.dragAndDrop) {
-        return this.dnd_handler.mouseCapture(event);
+        return this.dnd_handler.mouseCapture(position_info);
       } else {
         return false;
       }
     };
 
-    JqTreeWidget.prototype._mouseStart = function(event) {
+    JqTreeWidget.prototype._mouseStart = function(position_info) {
       if (this.options.dragAndDrop) {
-        return this.dnd_handler.mouseStart(event);
+        return this.dnd_handler.mouseStart(position_info);
       } else {
         return false;
       }
     };
 
-    JqTreeWidget.prototype._mouseDrag = function(event) {
+    JqTreeWidget.prototype._mouseDrag = function(position_info) {
       var result;
       if (this.options.dragAndDrop) {
-        result = this.dnd_handler.mouseDrag(event);
-        this.scroll_handler.checkScrolling();
+        result = this.dnd_handler.mouseDrag(position_info);
+        if (this.scroll_handler) {
+          this.scroll_handler.checkScrolling();
+        }
         return result;
       } else {
         return false;
       }
     };
 
-    JqTreeWidget.prototype._mouseStop = function(e) {
+    JqTreeWidget.prototype._mouseStop = function(position_info) {
       if (this.options.dragAndDrop) {
-        return this.dnd_handler.mouseStop(e);
+        return this.dnd_handler.mouseStop(position_info);
       } else {
         return false;
       }
@@ -1421,80 +1564,32 @@ limitations under the License.
       return this.dnd_handler.hit_areas;
     };
 
-    return JqTreeWidget;
-
-  })(MouseWidget);
-
-  SimpleWidget.register(JqTreeWidget, 'tree');
-
-  GhostDropHint = (function() {
-
-    function GhostDropHint(node, $element, position) {
-      this.$element = $element;
-      this.node = node;
-      this.$ghost = $('<li class="jqtree_common jqtree-ghost"><span class="jqtree_common jqtree-circle"></span><span class="jqtree_common jqtree-line"></span></li>');
-      if (position === Position.AFTER) {
-        this.moveAfter();
-      } else if (position === Position.BEFORE) {
-        this.moveBefore();
-      } else if (position === Position.INSIDE) {
-        if (node.isFolder() && node.is_open) {
-          this.moveInsideOpenFolder();
-        } else {
-          this.moveInside();
+    JqTreeWidget.prototype._selectCurrentNode = function() {
+      var node, node_element;
+      node = this.getSelectedNode();
+      if (node) {
+        node_element = this._getNodeElementForNode(node);
+        if (node_element) {
+          return node_element.select();
         }
       }
-    }
-
-    GhostDropHint.prototype.remove = function() {
-      return this.$ghost.remove();
-    };
-
-    GhostDropHint.prototype.moveAfter = function() {
-      return this.$element.after(this.$ghost);
-    };
-
-    GhostDropHint.prototype.moveBefore = function() {
-      return this.$element.before(this.$ghost);
-    };
-
-    GhostDropHint.prototype.moveInsideOpenFolder = function() {
-      return $(this.node.children[0].element).before(this.$ghost);
     };
 
-    GhostDropHint.prototype.moveInside = function() {
-      this.$element.after(this.$ghost);
-      return this.$ghost.addClass('jqtree-inside');
+    JqTreeWidget.prototype._deselectCurrentNode = function() {
+      var node;
+      node = this.getSelectedNode();
+      if (node) {
+        return this.removeFromSelection(node);
+      }
     };
 
-    return GhostDropHint;
-
-  })();
-
-  BorderDropHint = (function() {
-
-    function BorderDropHint($element) {
-      var $div, width;
-      $div = $element.children('.jqtree-element');
-      width = $element.width() - 4;
-      this.$hint = $('<span class="jqtree-border"></span>');
-      $div.append(this.$hint);
-      this.$hint.css({
-        width: width,
-        height: $div.height() - 4
-      });
-    }
-
-    BorderDropHint.prototype.remove = function() {
-      return this.$hint.remove();
-    };
+    return JqTreeWidget;
 
-    return BorderDropHint;
+  })(MouseWidget);
 
-  })();
+  SimpleWidget.register(JqTreeWidget, 'tree');
 
   NodeElement = (function() {
-
     function NodeElement(node, tree_widget) {
       this.init(node, tree_widget);
     }
@@ -1538,11 +1633,11 @@ limitations under the License.
   })();
 
   FolderElement = (function(_super) {
-
     __extends(FolderElement, _super);
 
     function FolderElement() {
-      return FolderElement.__super__.constructor.apply(this, arguments);
+      _ref2 = FolderElement.__super__.constructor.apply(this, arguments);
+      return _ref2;
     }
 
     FolderElement.prototype.open = function(on_finished, slide) {
@@ -1555,7 +1650,7 @@ limitations under the License.
         this.node.is_open = true;
         $button = this.getButton();
         $button.removeClass('jqtree-closed');
-        $button.html(TRIANGLE_DOWN);
+        $button.html(this.tree_widget.options.openedIcon);
         doOpen = function() {
           _this.getLi().removeClass('jqtree-closed');
           if (on_finished) {
@@ -1584,7 +1679,7 @@ limitations under the License.
         this.node.is_open = false;
         $button = this.getButton();
         $button.addClass('jqtree-closed');
-        $button.html(TRIANGLE_RIGHT);
+        $button.html(this.tree_widget.options.closedIcon);
         doClose = function() {
           _this.getLi().addClass('jqtree-closed');
           return _this.tree_widget._triggerEvent('tree.close', {
@@ -1616,110 +1711,187 @@ limitations under the License.
 
   })(NodeElement);
 
-  DragElement = (function() {
+  html_escape = function(string) {
+    return ('' + string).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#x27;').replace(/\//g, '&#x2F;');
+  };
 
-    function DragElement(node, offset_x, offset_y, $tree) {
-      this.offset_x = offset_x;
-      this.offset_y = offset_y;
-      this.$element = $("<span class=\"jqtree-title jqtree-dragging\">" + node.name + "</span>");
-      this.$element.css("position", "absolute");
-      $tree.append(this.$element);
+  _indexOf = function(array, item) {
+    var i, value, _i, _len;
+    for (i = _i = 0, _len = array.length; _i < _len; i = ++_i) {
+      value = array[i];
+      if (value === item) {
+        return i;
+      }
     }
+    return -1;
+  };
 
-    DragElement.prototype.move = function(page_x, page_y) {
-      return this.$element.offset({
-        left: page_x - this.offset_x,
-        top: page_y - this.offset_y
-      });
-    };
-
-    DragElement.prototype.remove = function() {
-      return this.$element.remove();
-    };
-
-    return DragElement;
-
-  })();
-
-  SaveStateHandler = (function() {
-
-    function SaveStateHandler(tree_widget) {
-      this.tree_widget = tree_widget;
+  indexOf = function(array, item) {
+    if (array.indexOf) {
+      return array.indexOf(item);
+    } else {
+      return _indexOf(array, item);
     }
+  };
 
-    SaveStateHandler.prototype.saveState = function() {
-      if (this.tree_widget.options.onSetStateFromStorage) {
-        return this.tree_widget.options.onSetStateFromStorage(this.getState());
-      } else if (typeof localStorage !== "undefined" && localStorage !== null) {
-        return localStorage.setItem(this.getCookieName(), this.getState());
-      } else if ($.cookie) {
-        $.cookie.raw = true;
-        return $.cookie(this.getCookieName(), this.getState(), {
-          path: '/'
-        });
-      }
-    };
+  this.Tree.indexOf = indexOf;
 
-    SaveStateHandler.prototype.restoreState = function() {
-      var state;
-      state = this.getStateFromStorage();
-      if (state) {
-        this.setState(state);
-        return true;
-      } else {
-        return false;
-      }
-    };
+  this.Tree._indexOf = _indexOf;
 
-    SaveStateHandler.prototype.getStateFromStorage = function() {
-      if (this.tree_widget.options.onGetStateFromStorage) {
-        return this.tree_widget.options.onGetStateFromStorage();
-      } else if (typeof localStorage !== "undefined" && localStorage !== null) {
-        return localStorage.getItem(this.getCookieName());
-      } else if ($.cookie) {
-        $.cookie.raw = true;
-        return $.cookie(this.getCookieName());
+  if (!((this.JSON != null) && (this.JSON.stringify != null) && typeof this.JSON.stringify === 'function')) {
+    json_escapable = /[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g;
+    json_meta = {
+      '\b': '\\b',
+      '\t': '\\t',
+      '\n': '\\n',
+      '\f': '\\f',
+      '\r': '\\r',
+      '"': '\\"',
+      '\\': '\\\\'
+    };
+    json_quote = function(string) {
+      json_escapable.lastIndex = 0;
+      if (json_escapable.test(string)) {
+        return '"' + string.replace(json_escapable, function(a) {
+          var c;
+          c = json_meta[a];
+          return (typeof c === 'string' ? c : '\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4));
+        }) + '"';
       } else {
-        return null;
+        return '"' + string + '"';
       }
     };
-
-    SaveStateHandler.prototype.getState = function() {
-      var open_nodes, selected_node,
-        _this = this;
-      open_nodes = [];
-      this.tree_widget.tree.iterate(function(node) {
-        if (node.is_open && node.id && node.hasChildren()) {
-          open_nodes.push(node.id);
-        }
-        return true;
-      });
-      selected_node = '';
-      if (this.tree_widget.selected_node) {
-        selected_node = this.tree_widget.selected_node.id;
-      }
-      return JSON.stringify({
-        open_nodes: open_nodes,
-        selected_node: selected_node
-      });
+    json_str = function(key, holder) {
+      var i, k, partial, v, value, _i, _len;
+      value = holder[key];
+      switch (typeof value) {
+        case 'string':
+          return json_quote(value);
+        case 'number':
+          if (isFinite(value)) {
+            return String(value);
+          } else {
+            return 'null';
+          }
+        case 'boolean':
+        case 'null':
+          return String(value);
+        case 'object':
+          if (!value) {
+            return 'null';
+          }
+          partial = [];
+          if (Object.prototype.toString.apply(value) === '[object Array]') {
+            for (i = _i = 0, _len = value.length; _i < _len; i = ++_i) {
+              v = value[i];
+              partial[i] = json_str(i, value) || 'null';
+            }
+            return (partial.length === 0 ? '[]' : '[' + partial.join(',') + ']');
+          }
+          for (k in value) {
+            if (Object.prototype.hasOwnProperty.call(value, k)) {
+              v = json_str(k, value);
+              if (v) {
+                partial.push(json_quote(k) + ':' + v);
+              }
+            }
+          }
+          return (partial.length === 0 ? '{}' : '{' + partial.join(',') + '}');
+      }
+    };
+    if (this.JSON == null) {
+      this.JSON = {};
+    }
+    this.JSON.stringify = function(value) {
+      return json_str('', {
+        '': value
+      });
+    };
+  }
+
+  SaveStateHandler = (function() {
+    function SaveStateHandler(tree_widget) {
+      this.tree_widget = tree_widget;
+    }
+
+    SaveStateHandler.prototype.saveState = function() {
+      var state;
+      state = JSON.stringify(this.getState());
+      if (this.tree_widget.options.onSetStateFromStorage) {
+        return this.tree_widget.options.onSetStateFromStorage(state);
+      } else if (this.supportsLocalStorage()) {
+        return localStorage.setItem(this.getCookieName(), state);
+      } else if ($.cookie) {
+        $.cookie.raw = true;
+        return $.cookie(this.getCookieName(), state, {
+          path: '/'
+        });
+      }
+    };
+
+    SaveStateHandler.prototype.restoreState = function() {
+      var state;
+      state = this.getStateFromStorage();
+      if (state) {
+        this.setState($.parseJSON(state));
+        return true;
+      } else {
+        return false;
+      }
+    };
+
+    SaveStateHandler.prototype.getStateFromStorage = function() {
+      if (this.tree_widget.options.onGetStateFromStorage) {
+        return this.tree_widget.options.onGetStateFromStorage();
+      } else if (this.supportsLocalStorage()) {
+        return localStorage.getItem(this.getCookieName());
+      } else if ($.cookie) {
+        $.cookie.raw = true;
+        return $.cookie(this.getCookieName());
+      } else {
+        return null;
+      }
+    };
+
+    SaveStateHandler.prototype.getState = function() {
+      var open_nodes, selected_node, selected_node_id,
+        _this = this;
+      open_nodes = [];
+      this.tree_widget.tree.iterate(function(node) {
+        if (node.is_open && node.id && node.hasChildren()) {
+          open_nodes.push(node.id);
+        }
+        return true;
+      });
+      selected_node = this.tree_widget.getSelectedNode();
+      if (selected_node) {
+        selected_node_id = selected_node.id;
+      } else {
+        selected_node_id = '';
+      }
+      return {
+        open_nodes: open_nodes,
+        selected_node: selected_node_id
+      };
     };
 
     SaveStateHandler.prototype.setState = function(state) {
-      var data, open_nodes, selected_node_id,
+      var open_nodes, selected_node, selected_node_id,
         _this = this;
-      data = $.parseJSON(state);
-      if (data) {
-        open_nodes = data.open_nodes;
-        selected_node_id = data.selected_node;
-        return this.tree_widget.tree.iterate(function(node) {
-          if (node.id && node.hasChildren() && (indexOf(open_nodes, node.id) >= 0)) {
-            node.is_open = true;
-          }
-          if (selected_node_id && (node.id === selected_node_id)) {
-            _this.tree_widget.selected_node = node;
-          }
+      if (state) {
+        open_nodes = state.open_nodes;
+        selected_node_id = state.selected_node;
+        this.tree_widget.tree.iterate(function(node) {
+          node.is_open = node.id && node.hasChildren() && (indexOf(open_nodes, node.id) >= 0);
           return true;
         });
+        if (selected_node_id && this.tree_widget.select_node_handler) {
+          this.tree_widget.select_node_handler.clear();
+          selected_node = this.tree_widget.getNodeById(selected_node_id);
+          if (selected_node) {
+            return this.tree_widget.select_node_handler.addToSelection(selected_node);
+          }
+        }
       }
     };
 
@@ -1731,79 +1903,117 @@ limitations under the License.
       }
     };
 
+    SaveStateHandler.prototype.supportsLocalStorage = function() {
+      var testSupport;
+      testSupport = function() {
+        var error, key;
+        if (typeof localStorage === "undefined" || localStorage === null) {
+          return false;
+        } else {
+          try {
+            key = '_storage_test';
+            sessionStorage.setItem(key, true);
+            sessionStorage.removeItem(key);
+          } catch (_error) {
+            error = _error;
+            return false;
+          }
+          return true;
+        }
+      };
+      if (this._supportsLocalStorage == null) {
+        this._supportsLocalStorage = testSupport();
+      }
+      return this._supportsLocalStorage;
+    };
+
+    SaveStateHandler.prototype.getNodeIdToBeSelected = function() {
+      var state, state_json;
+      state_json = this.getStateFromStorage();
+      if (state_json) {
+        state = $.parseJSON(state_json);
+        return state.selected_node;
+      } else {
+        return null;
+      }
+    };
+
     return SaveStateHandler;
 
   })();
 
   SelectNodeHandler = (function() {
-
     function SelectNodeHandler(tree_widget) {
       this.tree_widget = tree_widget;
+      this.clear();
     }
 
-    SelectNodeHandler.prototype.selectNode = function(node, must_toggle) {
-      var canSelect, mustToggle, node_element, parent, previous_node,
-        _this = this;
-      if (must_toggle == null) {
-        must_toggle = false;
+    SelectNodeHandler.prototype.getSelectedNode = function() {
+      var selected_nodes;
+      selected_nodes = this.getSelectedNodes();
+      if (selected_nodes.length) {
+        return selected_nodes[0];
+      } else {
+        return false;
       }
-      canSelect = function() {
-        if (!_this.tree_widget.options.onCanSelectNode) {
-          return true;
-        }
-        return _this.tree_widget.options.onCanSelectNode(node);
-      };
-      mustToggle = function(previous_node, node) {
-        if (must_toggle && previous_node && node) {
-          if (node.id) {
-            return node.id === previous_node.id;
-          } else {
-            return node.element === previous_node.element;
+    };
+
+    SelectNodeHandler.prototype.getSelectedNodes = function() {
+      var id, node, selected_nodes;
+      if (this.selected_single_node) {
+        return [this.selected_single_node];
+      } else {
+        selected_nodes = [];
+        for (id in this.selected_nodes) {
+          node = this.tree_widget.getNodeById(id);
+          if (node) {
+            selected_nodes.push(node);
           }
-        } else {
-          return false;
         }
-      };
-      if (canSelect()) {
-        if (this.tree_widget.selected_node) {
-          previous_node = this.tree_widget.selected_node;
-          this.tree_widget._getNodeElementForNode(previous_node).deselect();
-          this.tree_widget.selected_node = null;
-        } else {
-          previous_node = null;
-        }
-        if (node) {
-          node_element = this.tree_widget._getNodeElementForNode(node);
-          if (mustToggle(previous_node, node)) {
-            node_element.deselect();
-            this.tree_widget._triggerEvent('tree.select', {
-              node: null
-            });
-          } else {
-            node_element.select();
-            this.tree_widget.selected_node = node;
-            this.tree_widget._triggerEvent('tree.select', {
-              node: node
-            });
-            parent = this.tree_widget.selected_node.parent;
-            if (!parent.is_open) {
-              this.tree_widget.openNode(parent, false);
-            }
-          }
+        return selected_nodes;
+      }
+    };
+
+    SelectNodeHandler.prototype.isNodeSelected = function(node) {
+      if (node.id) {
+        return this.selected_nodes[node.id];
+      } else if (this.selected_single_node) {
+        return this.selected_single_node.element === node.element;
+      } else {
+        return false;
+      }
+    };
+
+    SelectNodeHandler.prototype.clear = function() {
+      this.selected_nodes = {};
+      return this.selected_single_node = null;
+    };
+
+    SelectNodeHandler.prototype.removeFromSelection = function(node, include_children) {
+      var _this = this;
+      if (include_children == null) {
+        include_children = false;
+      }
+      if (!node.id) {
+        if (node.element === this.selected_single_node.element) {
+          return this.selected_single_node = null;
         }
-        if (this.tree_widget.options.saveState) {
-          return this.tree_widget.save_state_handler.saveState();
+      } else {
+        delete this.selected_nodes[node.id];
+        if (include_children) {
+          return node.iterate(function(n) {
+            delete _this.selected_nodes[node.id];
+            return true;
+          });
         }
       }
     };
 
-    SelectNodeHandler.prototype.selectCurrentNode = function() {
-      var node_element;
-      if (this.tree_widget.selected_node) {
-        node_element = this.tree_widget._getNodeElementForNode(this.tree_widget.selected_node);
-        if (node_element) {
-          return node_element.select();
-        }
+    SelectNodeHandler.prototype.addToSelection = function(node) {
+      if (node.id) {
+        return this.selected_nodes[node.id] = true;
+      } else {
+        return this.selected_single_node = node;
       }
     };
 
@@ -1812,7 +2022,6 @@ limitations under the License.
   })();
 
   DragAndDropHandler = (function() {
-
     function DragAndDropHandler(tree_widget) {
       this.tree_widget = tree_widget;
       this.hovered_area = null;
@@ -1821,9 +2030,9 @@ limitations under the License.
       this.is_dragging = false;
     }
 
-    DragAndDropHandler.prototype.mouseCapture = function(event) {
+    DragAndDropHandler.prototype.mouseCapture = function(position_info) {
       var $element, node_element;
-      $element = $(event.target);
+      $element = $(position_info.target);
       if (this.tree_widget.options.onIsMoveHandle && !this.tree_widget.options.onIsMoveHandle($element)) {
         return null;
       }
@@ -1837,54 +2046,64 @@ limitations under the License.
       return this.current_item !== null;
     };
 
-    DragAndDropHandler.prototype.mouseStart = function(event) {
-      var offsetX, offsetY, _ref;
+    DragAndDropHandler.prototype.mouseStart = function(position_info) {
+      var offset;
       this.refreshHitAreas();
-      _ref = this.getOffsetFromEvent(event), offsetX = _ref[0], offsetY = _ref[1];
-      this.drag_element = new DragElement(this.current_item.node, offsetX, offsetY, this.tree_widget.element);
+      offset = $(position_info.target).offset();
+      this.drag_element = new DragElement(this.current_item.node, position_info.page_x - offset.left, position_info.page_y - offset.top, this.tree_widget.element);
       this.is_dragging = true;
       this.current_item.$element.addClass('jqtree-moving');
       return true;
     };
 
-    DragAndDropHandler.prototype.mouseDrag = function(event) {
-      var area, position_name;
-      this.drag_element.move(event.pageX, event.pageY);
-      area = this.findHoveredArea(event.pageX, event.pageY);
-      if (area && this.tree_widget.options.onCanMoveTo) {
-        position_name = Position.getName(area.position);
-        if (!this.tree_widget.options.onCanMoveTo(this.current_item.node, area.node, position_name)) {
-          area = null;
+    DragAndDropHandler.prototype.mouseDrag = function(position_info) {
+      var area, can_move_to;
+      this.drag_element.move(position_info.page_x, position_info.page_y);
+      area = this.findHoveredArea(position_info.page_x, position_info.page_y);
+      can_move_to = this.canMoveToArea(area);
+      if (area) {
+        if (this.hovered_area !== area) {
+          this.hovered_area = area;
+          if (this.mustOpenFolderTimer(area)) {
+            this.startOpenFolderTimer(area.node);
+          }
+          if (can_move_to) {
+            this.updateDropHint();
+          }
         }
-      }
-      if (!area) {
-        this.removeDropHint();
+      } else {
         this.removeHover();
+        this.removeDropHint();
         this.stopOpenFolderTimer();
-      } else if (this.hovered_area !== area) {
-        this.hovered_area = area;
-        this.updateDropHint();
       }
       return true;
     };
 
-    DragAndDropHandler.prototype.mouseStop = function(e) {
-      this.moveItem(e);
+    DragAndDropHandler.prototype.canMoveToArea = function(area) {
+      var position_name;
+      if (!area) {
+        return false;
+      } else if (this.tree_widget.options.onCanMoveTo) {
+        position_name = Position.getName(area.position);
+        return this.tree_widget.options.onCanMoveTo(this.current_item.node, area.node, position_name);
+      } else {
+        return true;
+      }
+    };
+
+    DragAndDropHandler.prototype.mouseStop = function(position_info) {
+      this.moveItem(position_info);
       this.clear();
       this.removeHover();
       this.removeDropHint();
       this.removeHitAreas();
-      this.current_item.$element.removeClass('jqtree-moving');
+      if (this.current_item) {
+        this.current_item.$element.removeClass('jqtree-moving');
+      }
       this.is_dragging = false;
       return false;
     };
 
-    DragAndDropHandler.prototype.getOffsetFromEvent = function(event) {
-      var element_offset;
-      element_offset = $(event.target).offset();
-      return [event.pageX - element_offset.left, event.pageY - element_offset.top];
-    };
-
     DragAndDropHandler.prototype.refreshHitAreas = function() {
       this.removeHitAreas();
       return this.generateHitAreas();
@@ -1910,155 +2129,15 @@ limitations under the License.
     };
 
     DragAndDropHandler.prototype.generateHitAreas = function() {
-      var addPosition, getTop, groupPositions, handleAfterOpenFolder, handleClosedFolder, handleFirstNode, handleNode, handleOpenFolder, hit_areas, last_top, positions,
-        _this = this;
-      positions = [];
-      last_top = 0;
-      getTop = function($element) {
-        return $element.offset().top;
-      };
-      addPosition = function(node, position, top) {
-        positions.push({
-          top: top,
-          node: node,
-          position: position
-        });
-        return last_top = top;
-      };
-      groupPositions = function(handle_group) {
-        var group, position, previous_top, _i, _len;
-        previous_top = -1;
-        group = [];
-        for (_i = 0, _len = positions.length; _i < _len; _i++) {
-          position = positions[_i];
-          if (position.top !== previous_top) {
-            if (group.length) {
-              handle_group(group, previous_top, position.top);
-            }
-            previous_top = position.top;
-            group = [];
-          }
-          group.push(position);
-        }
-        return handle_group(group, previous_top, _this.tree_widget.element.offset().top + _this.tree_widget.element.height());
-      };
-      handleNode = function(node, next_node, $element) {
-        var top;
-        top = getTop($element);
-        if (node === _this.current_item.node) {
-          addPosition(node, Position.NONE, top);
-        } else {
-          addPosition(node, Position.INSIDE, top);
-        }
-        if (next_node === _this.current_item.node || node === _this.current_item.node) {
-          return addPosition(node, Position.NONE, top);
-        } else {
-          return addPosition(node, Position.AFTER, top);
-        }
-      };
-      handleOpenFolder = function(node, $element) {
-        if (node === _this.current_item.node) {
-          return false;
-        }
-        if (node.children[0] !== _this.current_item.node) {
-          addPosition(node, Position.INSIDE, getTop($element));
-        }
-        return true;
-      };
-      handleAfterOpenFolder = function(node, next_node, $element) {
-        if (node === _this.current_item.node || next_node === _this.current_item.node) {
-          return addPosition(node, Position.NONE, last_top);
-        } else {
-          return addPosition(node, Position.AFTER, last_top);
-        }
-      };
-      handleClosedFolder = function(node, next_node, $element) {
-        var top;
-        top = getTop($element);
-        if (node === _this.current_item.node) {
-          return addPosition(node, Position.NONE, top);
-        } else {
-          addPosition(node, Position.INSIDE, top);
-          if (next_node !== _this.current_item.node) {
-            return addPosition(node, Position.AFTER, top);
-          }
-        }
-      };
-      handleFirstNode = function(node, $element) {
-        if (node !== _this.current_item.node) {
-          return addPosition(node, Position.BEFORE, getTop($(node.element)));
-        }
-      };
-      this.iterateVisibleNodes(handleNode, handleOpenFolder, handleClosedFolder, handleAfterOpenFolder, handleFirstNode);
-      hit_areas = [];
-      groupPositions(function(positions_in_group, top, bottom) {
-        var area_height, area_top, position, _i, _len;
-        area_height = (bottom - top) / positions_in_group.length;
-        area_top = top;
-        for (_i = 0, _len = positions_in_group.length; _i < _len; _i++) {
-          position = positions_in_group[_i];
-          hit_areas.push({
-            top: area_top,
-            bottom: area_top + area_height,
-            node: position.node,
-            position: position.position
-          });
-          area_top += area_height;
-        }
-        return null;
-      });
-      return this.hit_areas = hit_areas;
-    };
-
-    DragAndDropHandler.prototype.iterateVisibleNodes = function(handle_node, handle_open_folder, handle_closed_folder, handle_after_open_folder, handle_first_node) {
-      var is_first_node, iterate,
-        _this = this;
-      is_first_node = true;
-      iterate = function(node, next_node) {
-        var $element, child, children_length, i, must_iterate_inside, _i, _len, _ref;
-        must_iterate_inside = (node.is_open || !node.element) && node.hasChildren();
-        if (node.element) {
-          $element = $(node.element);
-          if (!$element.is(':visible')) {
-            return;
-          }
-          if (is_first_node) {
-            handle_first_node(node, $element);
-            is_first_node = false;
-          }
-          if (!node.hasChildren()) {
-            handle_node(node, next_node, $element);
-          } else if (node.is_open) {
-            if (!handle_open_folder(node, $element)) {
-              must_iterate_inside = false;
-            }
-          } else {
-            handle_closed_folder(node, next_node, $element);
-          }
-        }
-        if (must_iterate_inside) {
-          children_length = node.children.length;
-          _ref = node.children;
-          for (i = _i = 0, _len = _ref.length; _i < _len; i = ++_i) {
-            child = _ref[i];
-            if (i === (children_length - 1)) {
-              iterate(node.children[i], null);
-            } else {
-              iterate(node.children[i], node.children[i + 1]);
-            }
-          }
-          if (node.is_open) {
-            return handle_after_open_folder(node, next_node, $element);
-          }
-        }
-      };
-      return iterate(this.tree_widget.tree);
+      var hit_areas_generator;
+      hit_areas_generator = new HitAreasGenerator(this.tree_widget.tree, this.current_item.node, this.getTreeDimensions().bottom);
+      return this.hit_areas = hit_areas_generator.generate();
     };
 
     DragAndDropHandler.prototype.findHoveredArea = function(x, y) {
-      var area, high, low, mid, tree_offset;
-      tree_offset = this.tree_widget.element.offset();
-      if (x < tree_offset.left || y < tree_offset.top || x > (tree_offset.left + this.tree_widget.element.width()) || y > (tree_offset.top + this.tree_widget.element.height())) {
+      var area, dimensions, high, low, mid;
+      dimensions = this.getTreeDimensions();
+      if (x < dimensions.left || y < dimensions.top || x > dimensions.right || y > dimensions.bottom) {
         return null;
       }
       low = 0;
@@ -2077,16 +2156,17 @@ limitations under the License.
       return null;
     };
 
+    DragAndDropHandler.prototype.mustOpenFolderTimer = function(area) {
+      var node;
+      node = area.node;
+      return node.isFolder() && !node.is_open && area.position === Position.INSIDE;
+    };
+
     DragAndDropHandler.prototype.updateDropHint = function() {
-      var node, node_element;
-      this.stopOpenFolderTimer();
+      var node_element;
       if (!this.hovered_area) {
         return;
       }
-      node = this.hovered_area.node;
-      if (node.isFolder() && !node.is_open && this.hovered_area.position === Position.INSIDE) {
-        this.startOpenFolderTimer(node);
-      }
       this.removeDropHint();
       node_element = this.tree_widget._getNodeElementForNode(this.hovered_area.node);
       return this.previous_ghost = node_element.addDropHint(this.hovered_area.position);
@@ -2111,10 +2191,10 @@ limitations under the License.
       }
     };
 
-    DragAndDropHandler.prototype.moveItem = function(original_event) {
+    DragAndDropHandler.prototype.moveItem = function(position_info) {
       var doMove, event, moved_node, position, previous_parent, target_node,
         _this = this;
-      if (this.hovered_area && this.hovered_area.position !== Position.NONE) {
+      if (this.hovered_area && this.hovered_area.position !== Position.NONE && this.canMoveToArea(this.hovered_area)) {
         moved_node = this.current_item.node;
         target_node = this.hovered_area.node;
         position = this.hovered_area.position;
@@ -2134,7 +2214,7 @@ limitations under the License.
             position: Position.getName(position),
             previous_parent: previous_parent,
             do_move: doMove,
-            original_event: original_event
+            original_event: position_info.original_event
           }
         });
         if (!event.isDefaultPrevented()) {
@@ -2143,12 +2223,296 @@ limitations under the License.
       }
     };
 
+    DragAndDropHandler.prototype.getTreeDimensions = function() {
+      var offset;
+      offset = this.tree_widget.element.offset();
+      return {
+        left: offset.left,
+        top: offset.top,
+        right: offset.left + this.tree_widget.element.width(),
+        bottom: offset.top + this.tree_widget.element.height() + 16
+      };
+    };
+
     return DragAndDropHandler;
 
   })();
 
-  ScrollHandler = (function() {
+  VisibleNodeIterator = (function() {
+    function VisibleNodeIterator(tree) {
+      this.tree = tree;
+    }
+
+    VisibleNodeIterator.prototype.iterate = function() {
+      var is_first_node, _iterateNode,
+        _this = this;
+      is_first_node = true;
+      _iterateNode = function(node, next_node) {
+        var $element, child, children_length, i, must_iterate_inside, _i, _len, _ref3;
+        must_iterate_inside = (node.is_open || !node.element) && node.hasChildren();
+        if (node.element) {
+          $element = $(node.element);
+          if (!$element.is(':visible')) {
+            return;
+          }
+          if (is_first_node) {
+            _this.handleFirstNode(node, $element);
+            is_first_node = false;
+          }
+          if (!node.hasChildren()) {
+            _this.handleNode(node, next_node, $element);
+          } else if (node.is_open) {
+            if (!_this.handleOpenFolder(node, $element)) {
+              must_iterate_inside = false;
+            }
+          } else {
+            _this.handleClosedFolder(node, next_node, $element);
+          }
+        }
+        if (must_iterate_inside) {
+          children_length = node.children.length;
+          _ref3 = node.children;
+          for (i = _i = 0, _len = _ref3.length; _i < _len; i = ++_i) {
+            child = _ref3[i];
+            if (i === (children_length - 1)) {
+              _iterateNode(node.children[i], null);
+            } else {
+              _iterateNode(node.children[i], node.children[i + 1]);
+            }
+          }
+          if (node.is_open) {
+            return _this.handleAfterOpenFolder(node, next_node, $element);
+          }
+        }
+      };
+      return _iterateNode(this.tree, null);
+    };
+
+    VisibleNodeIterator.prototype.handleNode = function(node, next_node, $element) {};
+
+    VisibleNodeIterator.prototype.handleOpenFolder = function(node, $element) {};
+
+    VisibleNodeIterator.prototype.handleClosedFolder = function(node, next_node, $element) {};
+
+    VisibleNodeIterator.prototype.handleAfterOpenFolder = function(node, next_node, $element) {};
+
+    VisibleNodeIterator.prototype.handleFirstNode = function(node, $element) {};
+
+    return VisibleNodeIterator;
+
+  })();
+
+  HitAreasGenerator = (function(_super) {
+    __extends(HitAreasGenerator, _super);
+
+    function HitAreasGenerator(tree, current_node, tree_bottom) {
+      HitAreasGenerator.__super__.constructor.call(this, tree);
+      this.current_node = current_node;
+      this.tree_bottom = tree_bottom;
+    }
+
+    HitAreasGenerator.prototype.generate = function() {
+      this.positions = [];
+      this.last_top = 0;
+      this.iterate();
+      return this.generateHitAreas(this.positions);
+    };
 
+    HitAreasGenerator.prototype.getTop = function($element) {
+      return $element.offset().top;
+    };
+
+    HitAreasGenerator.prototype.addPosition = function(node, position, top) {
+      this.positions.push({
+        top: top,
+        node: node,
+        position: position
+      });
+      return this.last_top = top;
+    };
+
+    HitAreasGenerator.prototype.handleNode = function(node, next_node, $element) {
+      var top;
+      top = this.getTop($element);
+      if (node === this.current_node) {
+        this.addPosition(node, Position.NONE, top);
+      } else {
+        this.addPosition(node, Position.INSIDE, top);
+      }
+      if (next_node === this.current_node || node === this.current_node) {
+        return this.addPosition(node, Position.NONE, top);
+      } else {
+        return this.addPosition(node, Position.AFTER, top);
+      }
+    };
+
+    HitAreasGenerator.prototype.handleOpenFolder = function(node, $element) {
+      if (node === this.current_node) {
+        return false;
+      }
+      if (node.children[0] !== this.current_node) {
+        this.addPosition(node, Position.INSIDE, this.getTop($element));
+      }
+      return true;
+    };
+
+    HitAreasGenerator.prototype.handleClosedFolder = function(node, next_node, $element) {
+      var top;
+      top = this.getTop($element);
+      if (node === this.current_node) {
+        return this.addPosition(node, Position.NONE, top);
+      } else {
+        this.addPosition(node, Position.INSIDE, top);
+        if (next_node !== this.current_node) {
+          return this.addPosition(node, Position.AFTER, top);
+        }
+      }
+    };
+
+    HitAreasGenerator.prototype.handleAfterOpenFolder = function(node, next_node, $element) {
+      if (node === this.current_node || next_node === this.current_node) {
+        return this.addPosition(node, Position.NONE, this.last_top);
+      } else {
+        return this.addPosition(node, Position.AFTER, this.last_top);
+      }
+    };
+
+    HitAreasGenerator.prototype.handleFirstNode = function(node, $element) {
+      if (node !== this.current_node) {
+        return this.addPosition(node, Position.BEFORE, this.getTop($(node.element)));
+      }
+    };
+
+    HitAreasGenerator.prototype.generateHitAreas = function(positions) {
+      var group, hit_areas, position, previous_top, _i, _len;
+      previous_top = -1;
+      group = [];
+      hit_areas = [];
+      for (_i = 0, _len = positions.length; _i < _len; _i++) {
+        position = positions[_i];
+        if (position.top !== previous_top && group.length) {
+          if (group.length) {
+            this.generateHitAreasForGroup(hit_areas, group, previous_top, position.top);
+          }
+          previous_top = position.top;
+          group = [];
+        }
+        group.push(position);
+      }
+      this.generateHitAreasForGroup(hit_areas, group, previous_top, this.tree_bottom);
+      return hit_areas;
+    };
+
+    HitAreasGenerator.prototype.generateHitAreasForGroup = function(hit_areas, positions_in_group, top, bottom) {
+      var area_height, area_top, position, _i, _len;
+      area_height = (bottom - top) / positions_in_group.length;
+      area_top = top;
+      for (_i = 0, _len = positions_in_group.length; _i < _len; _i++) {
+        position = positions_in_group[_i];
+        hit_areas.push({
+          top: area_top,
+          bottom: area_top + area_height,
+          node: position.node,
+          position: position.position
+        });
+        area_top += area_height;
+      }
+      return null;
+    };
+
+    return HitAreasGenerator;
+
+  })(VisibleNodeIterator);
+
+  DragElement = (function() {
+    function DragElement(node, offset_x, offset_y, $tree) {
+      this.offset_x = offset_x;
+      this.offset_y = offset_y;
+      this.$element = $("<span class=\"jqtree-title jqtree-dragging\">" + node.name + "</span>");
+      this.$element.css("position", "absolute");
+      $tree.append(this.$element);
+    }
+
+    DragElement.prototype.move = function(page_x, page_y) {
+      return this.$element.offset({
+        left: page_x - this.offset_x,
+        top: page_y - this.offset_y
+      });
+    };
+
+    DragElement.prototype.remove = function() {
+      return this.$element.remove();
+    };
+
+    return DragElement;
+
+  })();
+
+  GhostDropHint = (function() {
+    function GhostDropHint(node, $element, position) {
+      this.$element = $element;
+      this.node = node;
+      this.$ghost = $('<li class="jqtree_common jqtree-ghost"><span class="jqtree_common jqtree-circle"></span><span class="jqtree_common jqtree-line"></span></li>');
+      if (position === Position.AFTER) {
+        this.moveAfter();
+      } else if (position === Position.BEFORE) {
+        this.moveBefore();
+      } else if (position === Position.INSIDE) {
+        if (node.isFolder() && node.is_open) {
+          this.moveInsideOpenFolder();
+        } else {
+          this.moveInside();
+        }
+      }
+    }
+
+    GhostDropHint.prototype.remove = function() {
+      return this.$ghost.remove();
+    };
+
+    GhostDropHint.prototype.moveAfter = function() {
+      return this.$element.after(this.$ghost);
+    };
+
+    GhostDropHint.prototype.moveBefore = function() {
+      return this.$element.before(this.$ghost);
+    };
+
+    GhostDropHint.prototype.moveInsideOpenFolder = function() {
+      return $(this.node.children[0].element).before(this.$ghost);
+    };
+
+    GhostDropHint.prototype.moveInside = function() {
+      this.$element.after(this.$ghost);
+      return this.$ghost.addClass('jqtree-inside');
+    };
+
+    return GhostDropHint;
+
+  })();
+
+  BorderDropHint = (function() {
+    function BorderDropHint($element) {
+      var $div, width;
+      $div = $element.children('.jqtree-element');
+      width = $element.width() - 4;
+      this.$hint = $('<span class="jqtree-border"></span>');
+      $div.append(this.$hint);
+      this.$hint.css({
+        width: width,
+        height: $div.height() - 4
+      });
+    }
+
+    BorderDropHint.prototype.remove = function() {
+      return this.$hint.remove();
+    };
+
+    return BorderDropHint;
+
+  })();
+
+  ScrollHandler = (function() {
     function ScrollHandler(tree_widget) {
       this.tree_widget = tree_widget;
       this.previous_top = -1;
@@ -2159,15 +2523,15 @@ limitations under the License.
       var $scroll_parent, getParentWithOverflow, setDocumentAsScrollParent,
         _this = this;
       getParentWithOverflow = function() {
-        var css_value, css_values, parent, scroll_parent, _i, _j, _len, _len1, _ref, _ref1;
+        var css_value, css_values, parent, scroll_parent, _i, _j, _len, _len1, _ref3, _ref4;
         css_values = ['overflow', 'overflow-y'];
         scroll_parent = null;
-        _ref = _this.tree_widget.$el.parents();
-        for (_i = 0, _len = _ref.length; _i < _len; _i++) {
-          parent = _ref[_i];
+        _ref3 = _this.tree_widget.$el.parents();
+        for (_i = 0, _len = _ref3.length; _i < _len; _i++) {
+          parent = _ref3[_i];
           for (_j = 0, _len1 = css_values.length; _j < _len1; _j++) {
             css_value = css_values[_j];
-            if ((_ref1 = $.css(parent, css_value)) === 'auto' || _ref1 === 'scroll') {
+            if ((_ref4 = $.css(parent, css_value)) === 'auto' || _ref4 === 'scroll') {
               return $(parent);
             }
           }
@@ -2227,8 +2591,175 @@ limitations under the License.
       }
     };
 
+    ScrollHandler.prototype.scrollTo = function(top) {
+      var tree_top;
+      if (this.$scroll_parent) {
+        return this.$scroll_parent[0].scrollTop = top;
+      } else {
+        tree_top = this.tree_widget.$el.offset().top;
+        return $(document).scrollTop(top + tree_top);
+      }
+    };
+
+    ScrollHandler.prototype.isScrolledIntoView = function(element) {
+      var $element, element_bottom, element_top, view_bottom, view_top;
+      $element = $(element);
+      if (this.$scroll_parent) {
+        view_top = 0;
+        view_bottom = this.$scroll_parent.height();
+        element_top = $element.offset().top - this.scroll_parent_top;
+        element_bottom = element_top + $element.height();
+      } else {
+        view_top = $(window).scrollTop();
+        view_bottom = view_top + $(window).height();
+        element_top = $element.offset().top;
+        element_bottom = element_top + $element.height();
+      }
+      return (element_bottom <= view_bottom) && (element_top >= view_top);
+    };
+
     return ScrollHandler;
 
   })();
 
+  KeyHandler = (function() {
+    var DOWN, LEFT, RIGHT, UP;
+
+    LEFT = 37;
+
+    UP = 38;
+
+    RIGHT = 39;
+
+    DOWN = 40;
+
+    function KeyHandler(tree_widget) {
+      this.tree_widget = tree_widget;
+      if (tree_widget.options.keyboardSupport) {
+        $(document).bind('keydown.jqtree', $.proxy(this.handleKeyDown, this));
+      }
+    }
+
+    KeyHandler.prototype.deinit = function() {
+      return $(document).unbind('keydown.jqtree');
+    };
+
+    KeyHandler.prototype.handleKeyDown = function(e) {
+      var current_node, key, moveDown, moveLeft, moveRight, moveUp, selectNode,
+        _this = this;
+      if ($(document.activeElement).is('textarea,input')) {
+        return true;
+      }
+      current_node = this.tree_widget.getSelectedNode();
+      selectNode = function(node) {
+        if (node) {
+          _this.tree_widget.selectNode(node);
+          if (_this.tree_widget.scroll_handler && (!_this.tree_widget.scroll_handler.isScrolledIntoView($(node.element).find('.jqtree-element')))) {
+            _this.tree_widget.scrollToNode(node);
+          }
+          return false;
+        } else {
+          return true;
+        }
+      };
+      moveDown = function() {
+        return selectNode(_this.getNextNode(current_node));
+      };
+      moveUp = function() {
+        return selectNode(_this.getPreviousNode(current_node));
+      };
+      moveRight = function() {
+        if (current_node.hasChildren() && !current_node.is_open) {
+          _this.tree_widget.openNode(current_node);
+          return false;
+        } else {
+          return true;
+        }
+      };
+      moveLeft = function() {
+        if (current_node.hasChildren() && current_node.is_open) {
+          _this.tree_widget.closeNode(current_node);
+          return false;
+        } else {
+          return true;
+        }
+      };
+      if (!current_node) {
+        return true;
+      } else {
+        key = e.which;
+        switch (key) {
+          case DOWN:
+            return moveDown();
+          case UP:
+            return moveUp();
+          case RIGHT:
+            return moveRight();
+          case LEFT:
+            return moveLeft();
+        }
+      }
+    };
+
+    KeyHandler.prototype.getNextNode = function(node, include_children) {
+      var next_sibling;
+      if (include_children == null) {
+        include_children = true;
+      }
+      if (include_children && node.hasChildren() && node.is_open) {
+        return node.children[0];
+      } else {
+        if (!node.parent) {
+          return null;
+        } else {
+          next_sibling = node.getNextSibling();
+          if (next_sibling) {
+            return next_sibling;
+          } else {
+            return this.getNextNode(node.parent, false);
+          }
+        }
+      }
+    };
+
+    KeyHandler.prototype.getPreviousNode = function(node) {
+      var previous_sibling;
+      if (!node.parent) {
+        return null;
+      } else {
+        previous_sibling = node.getPreviousSibling();
+        if (previous_sibling) {
+          if (!previous_sibling.hasChildren() || !previous_sibling.is_open) {
+            return previous_sibling;
+          } else {
+            return this.getLastChild(previous_sibling);
+          }
+        } else {
+          if (node.parent.parent) {
+            return node.parent;
+          } else {
+            return null;
+          }
+        }
+      }
+    };
+
+    KeyHandler.prototype.getLastChild = function(node) {
+      var last_child;
+      if (!node.hasChildren()) {
+        return null;
+      } else {
+        last_child = node.children[node.children.length - 1];
+        if (!last_child.hasChildren() || !last_child.is_open) {
+          return last_child;
+        } else {
+          return this.getLastChild(last_child);
+        }
+      }
+    };
+
+    return KeyHandler;
+
+  })();
+
 }).call(this);