diff --git a/.gitignore b/.gitignore
index 6edcb2956..f148e9ff2 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,7 +1,7 @@
 .gitk*
 .idea/*
 *.orig
+.project
 .DS_Store
 .settings/
-.project
 .idea
diff --git a/README.md b/README.md
index 7994a2719..4b247bd72 100644
--- a/README.md
+++ b/README.md
@@ -1,22 +1,11 @@
-# Welcome to SlickGrid
+[SlickGrid](https://github.com/jlynch7/SlickGrid/wiki) - A lightning fast JavaScript grid/spreadsheet
+==================================================
 
-Find documentation and examples in [the wiki](https://github.com/mleibman/SlickGrid/wiki).
+This Fork's Features
+--------------------------------------
 
-## SlickGrid is an advanced JavaScript grid/spreadsheet component
-
-Some highlights:
-
-* Adaptive virtual scrolling (handle hundreds of thousands of rows with extreme responsiveness)
-* Extremely fast rendering speed
-* Supports jQuery UI Themes
-* Background post-rendering for richer cells
-* Configurable & customizable
-* Full keyboard navigation
-* Column resize/reorder/show/hide
-* Column autosizing & force-fit
-* Pluggable cell formatters & editors
-* Support for editing and creating new rows.
-* Grouping, filtering, custom aggregators, and more!
-* Advanced detached & multi-field editors with undo/redo support.
-* “GlobalEditorLock” to manage concurrent edits in cases where multiple Views on a page can edit the same data.
-* Support for [millions of rows](http://stackoverflow.com/a/2569488/1269037)
+Frozen Rows (top & bottom)<br>
+Frozen Columns (left only, right coming soon)<br>
+Horizontal scrolling of frozen viewport with mousewheel<br>
+Scroll viewport during row drag<br>
+Scroll viewport during column drag<br>
diff --git a/bower.json b/bower.json
new file mode 100644
index 000000000..6cd7b656b
--- /dev/null
+++ b/bower.json
@@ -0,0 +1,12 @@
+{
+  "name": "SlickGrid-revionics",
+  "version": "2.2.1",
+  "main": ["slick.core.js", "slick.grid.js", "slick.grid.css"],
+  "keywords": ["SlickGrid", "grid", "frozen", "fix", "columns", "spreadsheet"],
+  "ignore": [
+  ],
+  "dependencies": {
+  },
+  "devDependencies": {
+  }
+}
\ No newline at end of file
diff --git a/controls/slick.columnpicker.js b/controls/slick.columnpicker.js
index be0dc066d..7026d4587 100644
--- a/controls/slick.columnpicker.js
+++ b/controls/slick.columnpicker.js
@@ -1,41 +1,41 @@
-(function ($) {
-  function SlickColumnPicker(columns, grid, options) {
-    var $menu;
-    var columnCheckboxes;
+(function($) {
+	function SlickColumnPicker(columns, grid, options) {
+		var $menu;
+		var columnCheckboxes;
 
-    var defaults = {
-      fadeSpeed:250
-    };
+		var defaults = {
+			fadeSpeed: 250
+		};
 
-    function init() {
-      grid.onHeaderContextMenu.subscribe(handleHeaderContextMenu);
+		function init() {
+			grid.onHeaderContextMenu.subscribe(handleHeaderContextMenu);
       grid.onColumnsReordered.subscribe(updateColumnOrder);
-      options = $.extend({}, defaults, options);
-
-      $menu = $("<span class='slick-columnpicker' style='display:none;position:absolute;z-index:20;' />").appendTo(document.body);
+			options = $.extend({}, defaults, options);
 
-      $menu.bind("mouseleave", function (e) {
-        $(this).fadeOut(options.fadeSpeed)
-      });
-      $menu.bind("click", updateColumn);
+			$menu = $("<span class='slick-columnpicker' style='display:none;position:absolute;z-index:20;' />").appendTo(document.body);
 
-    }
+			$menu
+				.bind("mouseleave", function(e) {
+					$(this).fadeOut(options.fadeSpeed)
+				})
+				.bind("click", updateColumn);
+		}
 
-    function handleHeaderContextMenu(e, args) {
-      e.preventDefault();
-      $menu.empty();
+		function handleHeaderContextMenu(e, args) {
+			e.preventDefault();
+			$menu.empty();
       updateColumnOrder();
-      columnCheckboxes = [];
+			columnCheckboxes = [];
 
-      var $li, $input;
-      for (var i = 0; i < columns.length; i++) {
-        $li = $("<li />").appendTo($menu);
-        $input = $("<input type='checkbox' />").data("column-id", columns[i].id);
-        columnCheckboxes.push($input);
+			var $li, $input;
+			for (var i = 0; i < columns.length; i++) {
+				$li = $("<li />").appendTo($menu);
+				$input = $("<input type='checkbox' />").data("column-id", columns[i].id);
+				columnCheckboxes.push($input);
 
-        if (grid.getColumnIndex(columns[i].id) != null) {
-          $input.attr("checked", "checked");
-        }
+				if (grid.getColumnIndex(columns[i].id) != null) {
+					$input.attr("checked", "checked");
+				}
 
         $("<label />")
             .text(columns[i].name)
@@ -92,54 +92,67 @@
       columns = ordered;
     }
 
-    function updateColumn(e) {
-      if ($(e.target).data("option") == "autoresize") {
-        if (e.target.checked) {
-          grid.setOptions({forceFitColumns:true});
-          grid.autosizeColumns();
-        } else {
-          grid.setOptions({forceFitColumns:false});
-        }
-        return;
-      }
-
-      if ($(e.target).data("option") == "syncresize") {
-        if (e.target.checked) {
-          grid.setOptions({syncColumnCellResize:true});
-        } else {
-          grid.setOptions({syncColumnCellResize:false});
-        }
-        return;
-      }
-
-      if ($(e.target).is(":checkbox")) {
-        var visibleColumns = [];
-        $.each(columnCheckboxes, function (i, e) {
-          if ($(this).is(":checked")) {
-            visibleColumns.push(columns[i]);
-          }
-        });
-
-        if (!visibleColumns.length) {
-          $(e.target).attr("checked", "checked");
-          return;
-        }
-
-        grid.setColumns(visibleColumns);
-      }
-    }
+		function updateColumn(e) {
+			if ($(e.target).data("option") == "autoresize") {
+				if (e.target.checked) {
+					grid.setOptions({
+						forceFitColumns: true
+					});
+					grid.autosizeColumns();
+				} else {
+					grid.setOptions({
+						forceFitColumns: false
+					});
+				}
+				return;
+			}
+
+			if ($(e.target).data("option") == "syncresize") {
+				if (e.target.checked) {
+					grid.setOptions({
+						syncColumnCellResize: true
+					});
+				} else {
+					grid.setOptions({
+						syncColumnCellResize: false
+					});
+				}
+				return;
+			}
+
+			if ($(e.target).is(":checkbox")) {
+				var visibleColumns = [];
+				$.each(columnCheckboxes, function(i, e) {
+					if ($(this).is(":checked")) {
+						visibleColumns.push(columns[i]);
+					}
+				});
+
+				if (!visibleColumns.length) {
+					$(e.target).attr("checked", "checked");
+					return;
+				}
+
+				grid.setColumns(visibleColumns);
+			}
+		}
 
     function getAllColumns() {
       return columns;
     }
-
-    init();
+		init();
 
     return {
       "getAllColumns": getAllColumns
     };
-  }
-
-  // Slick.Controls.ColumnPicker
-  $.extend(true, window, { Slick:{ Controls:{ ColumnPicker:SlickColumnPicker }}});
-})(jQuery);
+	}
+
+	// Slick.Controls.ColumnPicker
+	$.extend(true, window, {
+		Slick: {
+			Controls: {
+				ColumnPicker: SlickColumnPicker
+			}
+		}
+	});
+})(jQuery);
\ No newline at end of file
diff --git a/css/smoothness/jquery-ui-1.8.16.custom.css b/css/smoothness/jquery-ui-1.8.24.custom.css
similarity index 94%
rename from css/smoothness/jquery-ui-1.8.16.custom.css
rename to css/smoothness/jquery-ui-1.8.24.custom.css
index 0f1a7e770..cd166a6b7 100644
--- a/css/smoothness/jquery-ui-1.8.16.custom.css
+++ b/css/smoothness/jquery-ui-1.8.24.custom.css
@@ -1,7 +1,7 @@
-/*
- * jQuery UI CSS Framework 1.8.16
+/*!
+ * jQuery UI CSS Framework 1.8.24
  *
- * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
  * Dual licensed under the MIT or GPL Version 2 licenses.
  * http://jquery.org/license
  *
@@ -13,12 +13,9 @@
 .ui-helper-hidden { display: none; }
 .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
 .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
-.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
-.ui-helper-clearfix { display: inline-block; }
-/* required comment for clearfix to work in Opera \*/
-* html .ui-helper-clearfix { height:1%; }
-.ui-helper-clearfix { display:block; }
-/* end clearfix */
+.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
+.ui-helper-clearfix:after { clear: both; }
+.ui-helper-clearfix { zoom: 1; }
 .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
 
 
@@ -41,10 +38,10 @@
 .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
 
 
-/*
- * jQuery UI CSS Framework 1.8.16
+/*!
+ * jQuery UI CSS Framework 1.8.24
  *
- * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
  * Dual licensed under the MIT or GPL Version 2 licenses.
  * http://jquery.org/license
  *
@@ -287,17 +284,17 @@
 
 /* Overlays */
 .ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
-.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
- * jQuery UI Resizable 1.8.16
+.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*!
+ * jQuery UI Resizable 1.8.24
  *
- * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
  * Dual licensed under the MIT or GPL Version 2 licenses.
  * http://jquery.org/license
  *
  * http://docs.jquery.com/UI/Resizable#theming
  */
 .ui-resizable { position: relative;}
-.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; }
+.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
 .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
 .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
 .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
@@ -306,20 +303,20 @@
 .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
 .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
 .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
-.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
- * jQuery UI Selectable 1.8.16
+.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*!
+ * jQuery UI Selectable 1.8.24
  *
- * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
  * Dual licensed under the MIT or GPL Version 2 licenses.
  * http://jquery.org/license
  *
  * http://docs.jquery.com/UI/Selectable#theming
  */
 .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
-/*
- * jQuery UI Accordion 1.8.16
+/*!
+ * jQuery UI Accordion 1.8.24
  *
- * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
  * Dual licensed under the MIT or GPL Version 2 licenses.
  * http://jquery.org/license
  *
@@ -335,10 +332,10 @@
 .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
 .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
 .ui-accordion .ui-accordion-content-active { display: block; }
-/*
- * jQuery UI Autocomplete 1.8.16
+/*!
+ * jQuery UI Autocomplete 1.8.24
  *
- * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
  * Dual licensed under the MIT or GPL Version 2 licenses.
  * http://jquery.org/license
  *
@@ -350,7 +347,7 @@
 * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
 
 /*
- * jQuery UI Menu 1.8.16
+ * jQuery UI Menu 1.8.24
  *
  * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
  * Dual licensed under the MIT or GPL Version 2 licenses.
@@ -388,10 +385,10 @@
 	font-weight: normal;
 	margin: -1px;
 }
-/*
- * jQuery UI Button 1.8.16
+/*!
+ * jQuery UI Button 1.8.24
  *
- * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
  * Dual licensed under the MIT or GPL Version 2 licenses.
  * http://jquery.org/license
  *
@@ -426,10 +423,10 @@ input.ui-button { padding: .4em 1em; }
 
 /* workarounds */
 button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
-/*
- * jQuery UI Dialog 1.8.16
+/*!
+ * jQuery UI Dialog 1.8.24
  *
- * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
  * Dual licensed under the MIT or GPL Version 2 licenses.
  * http://jquery.org/license
  *
@@ -447,10 +444,10 @@ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra pad
 .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
 .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
 .ui-draggable .ui-dialog-titlebar { cursor: move; }
-/*
- * jQuery UI Slider 1.8.16
+/*!
+ * jQuery UI Slider 1.8.24
  *
- * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
  * Dual licensed under the MIT or GPL Version 2 licenses.
  * http://jquery.org/license
  *
@@ -470,10 +467,10 @@ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra pad
 .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
 .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
 .ui-slider-vertical .ui-slider-range-min { bottom: 0; }
-.ui-slider-vertical .ui-slider-range-max { top: 0; }/*
- * jQuery UI Tabs 1.8.16
+.ui-slider-vertical .ui-slider-range-max { top: 0; }/*!
+ * jQuery UI Tabs 1.8.24
  *
- * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
  * Dual licensed under the MIT or GPL Version 2 licenses.
  * http://jquery.org/license
  *
@@ -488,10 +485,10 @@ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra pad
 .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
 .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
 .ui-tabs .ui-tabs-hide { display: none !important; }
-/*
- * jQuery UI Datepicker 1.8.16
+/*!
+ * jQuery UI Datepicker 1.8.24
  *
- * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
  * Dual licensed under the MIT or GPL Version 2 licenses.
  * http://jquery.org/license
  *
@@ -546,8 +543,6 @@ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra pad
 
 /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
 .ui-datepicker-cover {
-    display: none; /*sorry for IE5*/
-    display/**/: block; /*sorry for IE5*/
     position: absolute; /*must have*/
     z-index: -1; /*must have*/
     filter: mask(); /*must have*/
@@ -555,14 +550,14 @@ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra pad
     left: -4px; /*must have*/
     width: 200px; /*must have*/
     height: 200px; /*must have*/
-}/*
- * jQuery UI Progressbar 1.8.16
+}/*!
+ * jQuery UI Progressbar 1.8.24
  *
- * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
  * Dual licensed under the MIT or GPL Version 2 licenses.
  * http://jquery.org/license
  *
  * http://docs.jquery.com/UI/Progressbar#theming
  */
-.ui-progressbar { height:2em; text-align: left; }
+.ui-progressbar { height:2em; text-align: left; overflow: hidden; }
 .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
\ No newline at end of file
diff --git a/examples/example-checkbox-row-select.html b/examples/example-checkbox-row-select.html
index 4ad6e9be0..67ea0cad8 100644
--- a/examples/example-checkbox-row-select.html
+++ b/examples/example-checkbox-row-select.html
@@ -3,7 +3,7 @@
 <head>
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   <link rel="stylesheet" href="../slick.grid.css" type="text/css"/>
-  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.16.custom.css" type="text/css"/>
+  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.24.custom.css" type="text/css"/>
   <link rel="stylesheet" href="examples.css" type="text/css"/>
   <link rel="stylesheet" href="../controls/slick.columnpicker.css" type="text/css"/>
   <style>
@@ -36,7 +36,7 @@ <h2>View Source:</h2>
 <script src="../lib/firebugx.js"></script>
 
 <script src="../lib/jquery-1.7.min.js"></script>
-<script src="../lib/jquery-ui-1.8.16.custom.min.js"></script>
+<script src="../lib/jquery-ui-1.8.24.custom.min.js"></script>
 <script src="../lib/jquery.event.drag-2.2.js"></script>
 
 <script src="../slick.core.js"></script>
diff --git a/examples/example-colspan.html b/examples/example-colspan.html
index b59081506..57f7862d4 100644
--- a/examples/example-colspan.html
+++ b/examples/example-colspan.html
@@ -2,7 +2,7 @@
 <html>
 <head>
   <link rel="stylesheet" href="../slick.grid.css" type="text/css"/>
-  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.16.custom.css" type="text/css"/>
+  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.24.custom.css" type="text/css"/>
   <link rel="stylesheet" href="examples.css" type="text/css"/>
 </head>
 <body>
@@ -51,7 +51,7 @@ <h2>View Source:</h2>
 
   $(function () {
     var data = [];
-    for (var i = 0; i < 500; i++) {
+    for (var i = 0; i < 10; i++) {
       data[i] = {
         title: "Task " + i,
         duration: "5 days",
diff --git a/examples/example-composite-editor-item-details.html b/examples/example-composite-editor-item-details.html
index 22023dad4..320321c78 100644
--- a/examples/example-composite-editor-item-details.html
+++ b/examples/example-composite-editor-item-details.html
@@ -4,7 +4,7 @@
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   <title>SlickGrid example: CompositeEditor</title>
   <link rel="stylesheet" href="../slick.grid.css" type="text/css"/>
-  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.16.custom.css" type="text/css"/>
+  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.24.custom.css" type="text/css"/>
   <link rel="stylesheet" href="examples.css" type="text/css"/>
   <style>
     .cell-title {
@@ -99,7 +99,7 @@ <h2>View Source:</h2>
 <script src="../lib/firebugx.js"></script>
 
 <script src="../lib/jquery-1.7.min.js"></script>
-<script src="../lib/jquery-ui-1.8.16.custom.min.js"></script>
+<script src="../lib/jquery-ui-1.8.24.custom.min.js"></script>
 <script src="../lib/jquery.event.drag-2.2.js"></script>
 <script src="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
 
diff --git a/examples/example-custom-column-value-extractor.html b/examples/example-custom-column-value-extractor.html
index fbab6fa95..fb78e6fc8 100644
--- a/examples/example-custom-column-value-extractor.html
+++ b/examples/example-custom-column-value-extractor.html
@@ -4,7 +4,7 @@
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   <title>SlickGrid example: Custom column value extractor</title>
   <link rel="stylesheet" href="../slick.grid.css" type="text/css"/>
-  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.16.custom.css" type="text/css"/>
+  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.24.custom.css" type="text/css"/>
   <link rel="stylesheet" href="examples.css" type="text/css"/>
 </head>
 <body>
diff --git a/examples/example-explicit-initialization.html b/examples/example-explicit-initialization.html
index 8c881b1d5..6aeb46908 100644
--- a/examples/example-explicit-initialization.html
+++ b/examples/example-explicit-initialization.html
@@ -4,7 +4,7 @@
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   <title>SlickGrid example: Explicit grid initialization</title>
   <link rel="stylesheet" href="../slick.grid.css" type="text/css"/>
-  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.16.custom.css" type="text/css"/>
+  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.24.custom.css" type="text/css"/>
   <link rel="stylesheet" href="examples.css" type="text/css"/>
 </head>
 <body>
diff --git a/examples/example-frozen-columns-and-rows-spreadsheet.html b/examples/example-frozen-columns-and-rows-spreadsheet.html
new file mode 100644
index 000000000..bb12567e0
--- /dev/null
+++ b/examples/example-frozen-columns-and-rows-spreadsheet.html
@@ -0,0 +1,175 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+  <title>SlickGrid Example: Spreadsheet with Frozen Rows and Columns</title>
+  <link rel="stylesheet" href="../slick.grid.css" type="text/css"/>
+  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.24.custom.css" type="text/css"/>
+  <link rel="stylesheet" href="examples.css" type="text/css"/>
+  <style>
+    .slick-cell.copied {
+      background: blue;
+      background: rgba(0, 0, 255, 0.2);
+      -webkit-transition: 0.5s background;
+    }
+  </style>
+</head>
+<body>
+<div style="position:relative">
+  <div style="width:600px;">
+    <div id="myGrid" style="width:100%;height:500px;"></div>
+  </div>
+
+  <div class="options-panel">
+    <h2>Demonstrates:</h2>
+    <ul>
+      <li>Virtual scrolling on both rows and columns.</li>
+      <li>Select a range of cells with a mouse</li>
+      <li>Use Ctrl-C and Ctrl-V keyboard shortcuts to cut and paste cells</li>
+      <li>Use Esc to cancel a copy and paste operation</li>
+      <li>Edit the cell and select a cell range to paste the range</li>
+    </ul>
+  </div>
+</div>
+
+<script src="../lib/firebugx.js"></script>
+
+<script src="../lib/jquery-1.7.min.js"></script>
+<script src="../lib/jquery-ui-1.8.24.custom.min.js"></script>
+<script src="../lib/jquery.event.drag-2.2.js"></script>
+<script src="../lib/jquery.mousewheel.js"></script>
+
+<script src="../slick.core.js"></script>
+<script src="../plugins/slick.autotooltips.js"></script>
+<script src="../plugins/slick.cellrangedecorator.js"></script>
+<script src="../plugins/slick.cellrangeselector.js"></script>
+<script src="../plugins/slick.cellcopymanager.js"></script>
+<script src="../plugins/slick.cellselectionmodel.js"></script>
+<script src="../slick.editors.js"></script>
+<script src="../slick.grid.js"></script>
+
+<script>
+  var grid;
+  var data = [];
+  var options = {
+    editable: true,
+    enableAddRow: true,
+    enableCellNavigation: true,
+    asyncEditorLoading: false,
+    autoEdit: false
+    ,frozenColumn: 3
+    ,frozenRow: 7
+  };
+
+  var columns = [
+    {
+      id: "selector",
+      name: "",
+      field: "num",
+      width: 30
+    }
+  ];
+
+  for (var i = 0; i < 100; i++) {
+    columns.push({
+      id: i,
+      //name: String.fromCharCode("A".charCodeAt(0) + (i / 26) | 0) +
+      //      String.fromCharCode("A".charCodeAt(0) + (i % 26)),
+      name: i,
+      field: i,
+      width: 60,
+      editor: FormulaEditor
+    });
+  }
+
+  /***
+   * A proof-of-concept cell editor with Excel-like range selection and insertion.
+   */
+  function FormulaEditor(args) {
+    var _self = this;
+    var _editor = new Slick.Editors.Text(args);
+    var _selector;
+
+    $.extend(this, _editor);
+
+    function init() {
+      // register a plugin to select a range and append it to the textbox
+      // since events are fired in reverse order (most recently added are executed first),
+      // this will override other plugins like moverows or selection model and will
+      // not require the grid to not be in the edit mode
+      _selector = new Slick.CellRangeSelector();
+      _selector.onCellRangeSelected.subscribe(_self.handleCellRangeSelected);
+      args.grid.registerPlugin(_selector);
+    }
+
+    this.destroy = function () {
+      _selector.onCellRangeSelected.unsubscribe(_self.handleCellRangeSelected);
+      grid.unregisterPlugin(_selector);
+      _editor.destroy();
+    };
+
+    this.handleCellRangeSelected = function (e, args) {
+      _editor.setValue(
+          _editor.getValue() +
+              grid.getColumns()[args.range.fromCell].name +
+              args.range.fromRow +
+              ":" +
+              grid.getColumns()[args.range.toCell].name +
+              args.range.toRow
+      );
+    };
+
+
+    init();
+  }
+
+
+  $(function () {
+    for (var i = 0; i < 100; i++) {
+      var d = (data[i] = {});
+      d["num"] = i;
+    }
+
+    grid = new Slick.Grid("#myGrid", data, columns, options);
+
+    grid.setSelectionModel(new Slick.CellSelectionModel());
+    grid.registerPlugin(new Slick.AutoTooltips());
+
+    // set keyboard focus on the grid
+    grid.getCanvasNode().focus();
+
+    var copyManager = new Slick.CellCopyManager();
+    grid.registerPlugin(copyManager);
+
+    copyManager.onPasteCells.subscribe(function (e, args) {
+      if (args.from.length !== 1 || args.to.length !== 1) {
+        throw "This implementation only supports single range copy and paste operations";
+      }
+
+      var from = args.from[0];
+      var to = args.to[0];
+      var val;
+      for (var i = 0; i <= from.toRow - from.fromRow; i++) {
+        for (var j = 0; j <= from.toCell - from.fromCell; j++) {
+          if (i <= to.toRow - to.fromRow && j <= to.toCell - to.fromCell) {
+            val = data[from.fromRow + i][columns[from.fromCell + j].field];
+            data[to.fromRow + i][columns[to.fromCell + j].field] = val;
+            grid.invalidateRow(to.fromRow + i);
+          }
+        }
+      }
+      grid.render();
+    });
+
+    grid.onAddNewRow.subscribe(function (e, args) {
+      var item = args.item;
+      var column = args.column;
+      grid.invalidateRow(data.length);
+      data.push(item);
+      grid.updateRowCount();
+      grid.render();
+    });
+  })
+</script>
+</body>
+</html>
diff --git a/examples/example-frozen-columns-and-rows.html b/examples/example-frozen-columns-and-rows.html
new file mode 100644
index 000000000..6f2847a07
--- /dev/null
+++ b/examples/example-frozen-columns-and-rows.html
@@ -0,0 +1,540 @@
+<!DOCTYPE HTML>
+<html>
+	<head>
+		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+		<title>SlickGrid example: Frozen Columns and Rows</title>
+		<link rel="stylesheet" href="../slick.grid.css" type="text/css" media="screen" charset="utf-8" />
+		<link rel="stylesheet" href="../controls/slick.pager.css" type="text/css" media="screen" charset="utf-8" />
+        <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.24.custom.css" type="text/css" media="screen" charset="utf-8" />
+		<link rel="stylesheet" href="examples.css" type="text/css" media="screen" charset="utf-8" />
+		<link rel="stylesheet" href="../controls/slick.columnpicker.css" type="text/css" media="screen" charset="utf-8" />
+		<style>
+		.cell-title {
+			font-weight: bold;
+		}
+
+		.cell-effort-driven {
+			text-align: center;
+		}
+
+        .cell-selection {
+            border-right-color: silver;
+            border-right-style: solid;
+            background: #f5f5f5;
+            color: gray;
+            text-align: right;
+            font-size: 10px;
+        }
+
+        .slick-row.selected .cell-selection {
+            background-color: transparent; /* show default selected row background */
+        }
+
+		.slick-headerrow-column {
+			background: #87ceeb;
+			text-overflow: clip;
+			-moz-box-sizing: border-box;
+			box-sizing: border-box;
+		}
+
+		.slick-headerrow-column input {
+			margin: 0;
+			padding: 0;
+			width: 100%;
+			height: 100%;
+			-moz-box-sizing: border-box;
+			box-sizing: border-box;
+		}
+	</style>
+	</head>
+	<body>
+		<div style="position:relative">
+			<div style="width:600px;">
+				<div class="grid-header" style="width:100%">
+					<label>SlickGrid</label>
+					<span style="float:right" class="ui-icon ui-icon-search" title="Toggle search panel" onclick="toggleFilterRow()"></span>
+				</div>
+				<div id="myGrid" style="width:100%;height:350px;"></div>
+				<div id="pager" style="width:100%;height:20px;"></div>
+			</div>
+
+			<div class="options-panel">
+				<b>Search:</b>
+				<hr/>
+				<div style="padding:6px;">
+					<label style="width:200px;float:left">Frozen Row:</label>
+					<input type=text id="frozenRow" style="width:100px;" value=5>
+					<button id="setFrozenRow">Set</button>
+					<br/><br/>
+					<label style="width:200px;float:left">Frozen Column:</label>
+					<input type=text id="frozenColumn" style="width:100px;" value=2>
+					<button id="setFrozenColumn">Set</button>
+					<br/><br/>
+					<button id="btnSelectRows">Select first 10 rows</button>
+
+					<br/>
+					<h2>Demonstrates:</h2>
+					<ul>
+						<li>a filtered Model (DataView) as a data source instead of a simple array</li>
+						<li>grid reacting to model events (onRowCountChanged, onRowsChanged)</li>
+						<li>
+							<b>FAST</b> DataView recalculation and <b>real-time</b> grid updating in response to data changes.<br/>
+							The grid holds <b>50'000</b> rows, yet you are able to sort, filter, scroll, navigate and edit as if it had 50 rows.
+						</li>
+						<li>adding new rows, bidirectional sorting</li>
+						<li>column options:  cannotTriggerInsert</li>
+						<li>events: onCellChange, onAddNewRow, onKeyDown, onSelectedRowsChanged, onSort</li>
+						<li><font color=red>NOTE:</font>  all filters are immediately applied to new/edited rows</li>
+						<li>Handling row selection against model changes.</li>
+						<li>Paging.</li>
+						<li>inline filter panel</li>
+					</ul>
+				</div>
+			</div>
+		</div>
+
+        <div id="inlineFilterPanelL" style="display:none;background:#dddddd;padding:3px;color:black;">
+            Show tasks with title including <input type="text" id="txtSearch2">
+        </div>
+
+		<div id="inlineFilterPanelR" style="display:none;background:#dddddd;padding:6px;color:black;">
+			and % at least &nbsp; <div style="width:100px;display:inline-block;" id="pcSlider2"></div>
+		</div>
+
+		<script language="JavaScript" src="../lib/firebugx.js"></script>
+
+		<script src="../lib/jquery-1.7.min.js"></script>
+		<script language="JavaScript" src="../lib/jquery-ui-1.8.24.custom.min.js"></script>
+		<script src="../lib/jquery.event.drag-2.2.js"></script>
+		<script src="../lib/jquery.mousewheel.js"></script>
+
+		<script src="../slick.core.js"></script>
+		<script src="../slick.editors.js"></script>
+		<script src="../slick.formatters.js"></script>
+		<script src="../plugins/slick.rowselectionmodel.js"></script>
+		<script src="../slick.grid.js"></script>
+		<script src="../slick.dataview.js"></script>
+		<script src="../controls/slick.pager.js"></script>
+		<script src="../controls/slick.columnpicker.js"></script>
+
+		<script>
+		$(function() {
+		$('#frozenColumn').val(options.frozenColumn);
+	});
+
+
+	var dataView;
+	var grid;
+	var data = [];
+
+	var columns = [{
+		id: "sel",
+		name: "#",
+		field: "num",
+		behavior: "select",
+		cssClass: "cell-selection",
+		width: 40,
+		cannotTriggerInsert: true,
+		resizable: false,
+		unselectable: true
+	}, {
+		id: "title",
+		name: "Title",
+		field: "title",
+		cssClass: "cell-title",
+		editor: Slick.Editors.Text,
+		validator: requiredFieldValidator,
+		sortable: true
+	}, {
+		id: "duration",
+		name: "Duration",
+		field: "duration",
+		editor: Slick.Editors.Text,
+		sortable: true
+	}, {
+		id: "%",
+		name: "% Complete",
+		field: "percentComplete",
+		resizable: false,
+		width: 80,
+		formatter: Slick.Formatters.PercentComplete,
+		editor: Slick.Editors.PercentComplete,
+		sortable: true
+	}, {
+		id: "start",
+		name: "Start",
+		field: "start",
+		editor: Slick.Editors.Date,
+		sortable: true
+	}, {
+		id: "finish",
+		name: "Finish",
+		field: "finish",
+		editor: Slick.Editors.Date,
+		sortable: true
+	}, {
+		id: "effort-driven",
+		name: "Effort Driven",
+		cssClass: "cell-effort-driven",
+		field: "effortDriven",
+		formatter: Slick.Formatters.Checkmark,
+		editor: Slick.Editors.Checkbox,
+		cannotTriggerInsert: true,
+		sortable: true
+	}, {
+		id: "title1",
+		name: "Title1",
+		field: "title1",
+		cssClass: "cell-title",
+		editor: Slick.Editors.Text,
+		validator: requiredFieldValidator,
+		sortable: true
+	}, {
+		id: "title2",
+		name: "Title2",
+		field: "title2",
+		cssClass: "cell-title",
+		editor: Slick.Editors.Text,
+		validator: requiredFieldValidator,
+		sortable: true
+	}, {
+		id: "title3",
+		name: "Title3",
+		field: "title3",
+		cssClass: "cell-title",
+		editor: Slick.Editors.Text,
+		validator: requiredFieldValidator,
+		sortable: true
+	}, {
+		id: "title4",
+		name: "Title4",
+		field: "title4",
+		cssClass: "cell-title",
+		editor: Slick.Editors.Text,
+		validator: requiredFieldValidator,
+		sortable: true
+	}];
+
+	var columnFilters = {};
+
+	var options = {
+		editable: true,
+		enableAddRow: true,
+		enableCellNavigation: true,
+		asyncEditorLoading: true,
+		forceFitColumns: false,
+		autoEdit: false,
+		topPanelHeight: 25,
+		frozenColumn: 2,
+		frozenRow: 5,
+		showHeaderRow: true,
+		syncColumnCellResize: false
+	};
+
+	var sortcol = "title";
+	var sortdir = 1;
+	var percentCompleteThreshold = 0;
+	var searchString = "";
+
+	function requiredFieldValidator(value) {
+		if (value == null || value == undefined || !value.length) return {
+			valid: false,
+			msg: "This is a required field"
+		};
+		else
+		return {
+			valid: true,
+			msg: null
+		};
+	}
+
+	function updateHeaderRow() {
+		for (var i = 0; i < columns.length; i++) {
+			if (columns[i].id !== "selector") {
+				var header = grid.getHeaderRowColumn(columns[i].id);
+				$(header).empty();
+				$("<input type='text'>")
+					.data("columnId", columns[i].id)
+					.val(columnFilters[columns[i].id])
+					.appendTo(header);
+			}
+		}
+	}
+
+	function myFilter(item) {
+		for (var columnId in columnFilters) {
+			if (columnId !== undefined && columnFilters[columnId] !== "") {
+				var c = grid.getColumns()[grid.getColumnIndex(columnId)];
+				if (item[c.field] != columnFilters[columnId]) {
+					return false;
+				}
+			}
+		}
+
+		return true;
+	}
+
+	function percentCompleteSort(a, b) {
+		return a["percentComplete"] - b["percentComplete"];
+	}
+
+	function comparer(a, b) {
+		var x = a[sortcol],
+			y = b[sortcol];
+		return (x == y ? 0 : (x > y ? 1 : -1));
+	}
+
+	function addItem(newItem, columnDef) {
+		var item = {
+			"num": data.length,
+			"id": "new_" + (Math.round(Math.random() * 10000)),
+			"title": "New task",
+			"duration": "1 day",
+			"percentComplete": 0,
+			"start": "01/01/2009",
+			"finish": "01/01/2009",
+			"effortDriven": false
+		};
+		$.extend(item, newItem);
+		dataView.addItem(item);
+	}
+
+
+	function toggleFilterRow() {
+		grid.setTopPanelVisibility(!grid.getOptions().showTopPanel);
+	}
+
+
+	$(".grid-header .ui-icon").addClass("ui-state-default ui-corner-all").mouseover(function(e) {
+		$(e.target).addClass("ui-state-hover")
+	}).mouseout(function(e) {
+		$(e.target).removeClass("ui-state-hover")
+	});
+
+	$(function() {
+		// prepare the data
+		for (var i = 0; i < 50000; i++) {
+			var d = (data[i] = {});
+
+			d["id"] = "id_" + i;
+			d["num"] = i;
+			d["title"] = "Task " + i;
+			d["duration"] = "5 days";
+			d["percentComplete"] = Math.round(Math.random() * 100);
+			d["start"] = "01/01/2009";
+			d["finish"] = "01/05/2009";
+			d["effortDriven"] = (i % 5 == 0);
+			d["title1"] = i;
+			d["title2"] = i;
+			d["title3"] = i;
+			d["title4"] = i;
+		}
+
+
+		dataView = new Slick.Data.DataView();
+		grid = new Slick.Grid("#myGrid", dataView, columns, options);
+		grid.setSelectionModel(new Slick.RowSelectionModel());
+
+		var pager = new Slick.Controls.Pager(dataView, grid, $("#pager"));
+		var columnpicker = new Slick.Controls.ColumnPicker(columns, grid, options);
+
+
+		// move the filter panel defined in a hidden div into an inline secondary grid header row
+		var $secondaryRow = grid.getTopPanel();
+
+		$("#inlineFilterPanelL").appendTo($secondaryRow[0]).show();
+
+		$("#inlineFilterPanelR").appendTo($secondaryRow[1]).show();
+
+		grid.onCellChange.subscribe(function(e, args) {
+			dataView.updateItem(args.item.id, args.item);
+		});
+
+		grid.onAddNewRow.subscribe(function(e, args) {
+			var item = {
+				"num": data.length,
+				"id": "new_" + (Math.round(Math.random() * 10000)),
+				"title": "New task",
+				"duration": "1 day",
+				"percentComplete": 0,
+				"start": "01/01/2009",
+				"finish": "01/01/2009",
+				"effortDriven": false
+			};
+			$.extend(item, args.item);
+			dataView.addItem(item);
+		});
+
+		grid.onKeyDown.subscribe(function(e) {
+			// select all rows on ctrl-a
+			if (e.which != 65 || !e.ctrlKey) return false;
+
+			var rows = [];
+
+			for (var i = 0; i < dataView.getLength(); i++) {
+				rows.push(i);
+			}
+
+			grid.setSelectedRows(rows);
+			e.preventDefault();
+		});
+
+		grid.onMouseEnter.subscribe(function(e) {
+			var cell = this.getCellFromEvent(e);
+
+			this.setSelectedRows([cell.row]);
+			e.preventDefault();
+		});
+
+		grid.onMouseLeave.subscribe(function(e) {
+			this.setSelectedRows([]);
+			e.preventDefault();
+		});
+
+		grid.onSort.subscribe(function(e, args) {
+			sortdir = args.sortAsc ? 1 : -1;
+			sortcol = args.sortCol.field;
+
+			if ($.browser.msie && $.browser.version <= 8) {
+				// using temporary Object.prototype.toString override
+				// more limited and does lexicographic sort only by default, but can be much faster
+
+				var percentCompleteValueFn = function() {
+					var val = this["percentComplete"];
+					if (val < 10) return "00" + val;
+					else if (val < 100) return "0" + val;
+					else
+					return val;
+				};
+
+				// use numeric sort of % and lexicographic for everything else
+				dataView.fastSort((sortcol == "percentComplete") ? percentCompleteValueFn : sortcol, args.sortAsc);
+			} else {
+				// using native sort with comparer
+				// preferred method but can be very slow in IE with huge datasets
+				dataView.sort(comparer, args.sortAsc);
+			}
+		});
+
+		// wire up model events to drive the grid
+		dataView.onRowCountChanged.subscribe(function(e, args) {
+			grid.updateRowCount();
+			grid.render();
+		});
+
+		dataView.onRowsChanged.subscribe(function(e, args) {
+			grid.invalidateRows(args.rows);
+			grid.render();
+		});
+
+		dataView.onPagingInfoChanged.subscribe(function(e, pagingInfo) {
+			var isLastPage = pagingInfo.pageSize * (pagingInfo.pageNum + 1) - 1 >= pagingInfo.totalRows;
+			var enableAddRow = isLastPage || pagingInfo.pageSize == 0;
+			var options = grid.getOptions();
+
+			if (options.enableAddRow != enableAddRow) grid.setOptions({
+				enableAddRow: enableAddRow
+			});
+		});
+
+		$(grid.getHeaderRow()).delegate(":input", "change keyup", function(e) {
+			columnFilters[$(this).data("columnId")] = $.trim($(this).val());
+			dataView.refresh();
+		});
+
+
+		grid.onColumnsReordered.subscribe(function(e, args) {
+			updateHeaderRow();
+		});
+
+		grid.onColumnsResized.subscribe(function(e, args) {
+			updateHeaderRow();
+		});
+
+		var h_runfilters = null;
+
+		// wire up the slider to apply the filter to the model
+		// wire up the slider to apply the filter to the model
+		$("#pcSlider,#pcSlider2").slider({
+			"range": "min",
+			"slide": function(event, ui) {
+				Slick.GlobalEditorLock.cancelCurrentEdit();
+
+				if (percentCompleteThreshold != ui.value) {
+					window.clearTimeout(h_runfilters);
+					h_runfilters = window.setTimeout(dataView.refresh, 10);
+					percentCompleteThreshold = ui.value;
+				}
+			}
+		});
+
+		// wire up the search textbox to apply the filter to the model
+		$("#txtSearch,#txtSearch2").keyup(function(e) {
+			Slick.GlobalEditorLock.cancelCurrentEdit();
+
+			// clear on Esc
+			if (e.which == 27) this.value = "";
+
+			searchString = this.value;
+			dataView.refresh();
+		});
+
+		$("#btnSelectRows").click(function() {
+			if (!Slick.GlobalEditorLock.commitCurrentEdit()) {
+				return;
+			}
+
+			var rows = [];
+
+			for (var i = 0; i < 10 && i < dataView.getLength(); i++) {
+				rows.push(i);
+			}
+
+			grid.setSelectedRows(rows);
+		});
+
+		// initialize the model after all the events have been hooked up
+		dataView.beginUpdate();
+		dataView.setItems(data);
+		dataView.setFilter(myFilter);
+		dataView.endUpdate();
+
+		// if you don't want the items that are not visible (due to being filtered out
+		// or being on a different page) to stay selected, pass 'false' to the second arg
+		dataView.syncGridSelection(grid, true);
+
+		updateHeaderRow();
+
+		$("#gridContainer").resizable();
+
+		$('#setFrozenRow').click(function() {
+			var val = -1;
+
+			if ($('#frozenRow').val() != '') {
+				val = parseInt($('#frozenRow').val());
+			}
+
+			grid.setOptions({
+				'frozenRow': val
+			});
+
+			updateHeaderRow();
+		});
+
+		$('#setFrozenColumn').click(function() {
+			var val = -1;
+
+			if ($('#frozenColumn').val() != '') {
+				val = parseInt($('#frozenColumn').val());
+			}
+
+			grid.setOptions({
+				'frozenColumn': val
+			});
+
+			updateHeaderRow();
+		});
+	})</script>
+
+	</body>
+</html>
diff --git a/examples/example-frozen-columns-autoheight.html b/examples/example-frozen-columns-autoheight.html
new file mode 100644
index 000000000..76df47972
--- /dev/null
+++ b/examples/example-frozen-columns-autoheight.html
@@ -0,0 +1,85 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+  <title>SlickGrid example 11: No vertical scrolling (autoHeight)</title>
+  <link rel="stylesheet" href="../slick.grid.css" type="text/css"/>
+  <link rel="stylesheet" href="examples.css" type="text/css"/>
+  <style>
+    html, body {
+      margin: 0;
+      padding: 0;
+      overflow: auto;
+    }
+
+    body {
+      font: 11px Helvetica, Arial, sans-serif;
+    }
+
+    #container {
+      margin: 10px;
+      border: solid 1px gray;
+      width: 480px;
+      background: white;
+    }
+
+    #description {
+      position: fixed;
+      top: 30px;
+      right: 30px;
+      width: 25em;
+    }
+  </style>
+</head>
+<body>
+<div id="container"></div>
+<div id="description">
+  <h2>Demonstrates:</h2>
+  <ul>
+    <li>autoHeight:true grid option</li>
+  </ul>
+</div>
+
+<script src="../lib/jquery-1.7.min.js"></script>
+<script src="../lib/jquery-ui-1.8.24.custom.min.js"></script>
+<script src="../lib/jquery.event.drag-2.2.js"></script>
+<script src="../lib/jquery.mousewheel.js"></script>
+
+<script src="../slick.core.js"></script>
+<script src="../slick.grid.js"></script>
+
+<script>
+  var grid,
+      data = [],
+      columns = [
+        { id: "title", name: "Title", field: "title", width: 100},
+        { id: "duration", name: "Duration", field: "duration" },
+        { id: "%", name: "% Complete", field: "percentComplete" },
+        { id: "start", name: "Start", field: "start" },
+        { id: "finish", name: "Finish", field: "finish" },
+        { id: "effort-driven", name: "Effort Driven", field: "effortDriven" }
+      ],
+      options = {
+        editable: false,
+        enableAddRow: false,
+        enableCellNavigation: false,
+        autoHeight: true
+        ,frozenColumn: 2
+      };
+
+  for (var i = 10; i-- > 0;) {
+    data[i] = {
+      title: "Task " + i,
+      duration: "5 days",
+      percentComplete: Math.round(Math.random() * 100),
+      start: "01/01/2009",
+      finish: "01/05/2009",
+      effortDriven: (i % 5 == 0)
+    };
+  }
+
+  grid = new Slick.Grid("#container", data, columns, options);
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/examples/example-frozen-columns-tabs.html b/examples/example-frozen-columns-tabs.html
new file mode 100644
index 000000000..5ab1dc18f
--- /dev/null
+++ b/examples/example-frozen-columns-tabs.html
@@ -0,0 +1,431 @@
+<!DOCTYPE HTML>
+<html>
+	<head>
+		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+		<title>SlickGrid example: Frozen Columns</title>
+		<link rel="stylesheet" href="../slick.grid.css" type="text/css" media="screen" charset="utf-8" />
+		<link rel="stylesheet" href="../controls/slick.pager.css" type="text/css" media="screen" charset="utf-8" />
+        <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.24.custom.css" type="text/css" media="screen" charset="utf-8" />
+		<link rel="stylesheet" href="examples.css" type="text/css" media="screen" charset="utf-8" />
+		<link rel="stylesheet" href="../controls/slick.columnpicker.css" type="text/css" media="screen" charset="utf-8" />
+		<style>
+		.cell-title {
+			font-weight: bold;
+		}
+
+		.cell-effort-driven {
+			text-align: center;
+		}
+
+        .cell-selection {
+            border-right-color: silver;
+            border-right-style: solid;
+            background: #f5f5f5;
+            color: gray;
+            text-align: right;
+            font-size: 10px;
+        }
+
+        .slick-row.selected .cell-selection {
+            background-color: transparent; /* show default selected row background */
+        }
+	</style>
+	</head>
+	<body>
+		<div id="tabs">
+			<ul>
+				<li><a href="#tabs-1">Tab 1</a></li>
+				<li><a href="#tabs-2">Tab 2</a></li>
+				<li><a href="#tabs-3">Tab 3</a></li>
+			</ul>
+			<div id="tabs-1">
+				<div style="width:600px;">
+					<div class="grid-header" style="width:100%">
+						<label>SlickGrid</label>
+						<span style="float:right" class="ui-icon ui-icon-search" title="Toggle search panel" onclick="toggleFilterRow()"></span>
+					</div>
+					<div id="myGrid" style="width:100%;height:350px;"></div>
+					<div id="pager" style="width:100%;height:20px;"></div>
+				</div>
+				<div class="options-panel">
+					<b>Search:</b>
+					<hr/>
+					<div style="padding:6px;">
+						<label style="width:200px;float:left">Show tasks with % at least: </label>
+						<div style="padding:2px;">
+							<div style="width:100px;display:inline-block;" id="pcSlider"></div>
+						</div>
+						<br/>
+						<label style="width:200px;float:left">And title including:</label>
+						<input type=text id="txtSearch" style="width:100px;">
+						<br/><br/>
+						<label style="width:200px;float:left">Frozen Column:</label>
+						<input type=text id="frozenColumn" style="width:100px;" value=-1>
+						<button id="setFrozenColumn">Set</button>
+						<br/><br/>
+						<button id="btnSelectRows">Select first 10 rows</button>
+
+						<br/>
+						<h2>Demonstrates:</h2>
+						<ul>
+							<li>a filtered Model (DataView) as a data source instead of a simple array</li>
+							<li>grid reacting to model events (onRowCountChanged, onRowsChanged)</li>
+							<li>
+								<b>FAST</b> DataView recalculation and <b>real-time</b> grid updating in response to data changes.<br/>
+								The grid holds <b>50'000</b> rows, yet you are able to sort, filter, scroll, navigate and edit as if it had 50 rows.
+							</li>
+							<li>adding new rows, bidirectional sorting</li>
+							<li>column options:  cannotTriggerInsert</li>
+							<li>events: onCellChange, onAddNewRow, onKeyDown, onSelectedRowsChanged, onSort</li>
+							<li><font color=red>NOTE:</font>  all filters are immediately applied to new/edited rows</li>
+							<li>Handling row selection against model changes.</li>
+							<li>Paging.</li>
+							<li>inline filter panel</li>
+						</ul>
+					</div>
+				</div>
+			</div>
+			<div id="tabs-2">
+			</div>
+			<div id="tabs-3">
+			</div>
+		</div>
+		<div style="position:relative"></div>
+
+        <div id="inlineFilterPanelL" style="display:none;background:#dddddd;padding:3px;color:black;">
+            Show tasks with title including <input type="text" id="txtSearch2">
+        </div>
+
+		<div id="inlineFilterPanelR" style="display:none;background:#dddddd;padding:6px;color:black;">
+			and % at least &nbsp; <div style="width:100px;display:inline-block;" id="pcSlider2"></div>
+		</div>
+
+		<script language="JavaScript" src="../lib/firebugx.js"></script>
+
+		<script src="../lib/jquery-1.7.min.js"></script>
+		<script src="../lib/jquery-ui-1.8.24.custom.min.js"></script>
+		<script src="../lib/jquery.event.drag-2.2.js"></script>
+		<script src="../lib/jquery.mousewheel.js"></script>
+
+		<script src="../slick.core.js"></script>
+		<script src="../slick.editors.js"></script>
+        <script src="../slick.formatters.js"></script>
+		<script src="../plugins/slick.rowselectionmodel.js"></script>
+		<script src="../slick.grid.js"></script>
+		<script src="../slick.dataview.js"></script>
+		<script src="../controls/slick.pager.js"></script>
+		<script src="../controls/slick.columnpicker.js"></script>
+
+		<script>
+		$(function() {
+			$( '#frozenColumn' ).val( options.frozenColumn );
+		});
+
+
+		var dataView;
+		var grid;
+		var data = [];
+		var selectedRowIds = [];
+
+		var columns = [
+			 {id:"sel", name:"#", field:"num", behavior:"select", cssClass:"cell-selection", width:40, cannotTriggerInsert:true, resizable:false, unselectable:true }
+			,{id:"title", name:"Title", field:"title", width:120, minWidth:120, cssClass:"cell-title", editor:Slick.Editors.Text, validator:requiredFieldValidator, sortable:true}
+			,{id:"duration", name:"Duration", field:"duration", editor:Slick.Editors.Text, sortable:true}
+			,{id:"%", name:"% Complete", field:"percentComplete", width:80, resizable:false, formatter:Slick.Formatters.PercentComplete, editor:Slick.Editors.PercentComplete, sortable:true}
+			,{id:"start", name:"Start", field:"start", minWidth:60, editor:Slick.Editors.Date, sortable:true}
+			,{id:"finish", name:"Finish", field:"finish", minWidth:60, editor:Slick.Editors.Date, sortable:true}
+			,{id:"effort-driven", name:"Effort Driven", width:80, minWidth:20, maxWidth:80, cssClass:"cell-effort-driven", field:"effortDriven", formatter:Slick.Formatters.YesNo, editor:Slick.Editors.YesNoSelect, cannotTriggerInsert:true, sortable:true}
+			,{id:"title1", name:"Title1", field:"title1", width:120, minWidth:120, cssClass:"cell-title", editor:Slick.Editors.Text, validator:requiredFieldValidator, sortable:true}
+			,{id:"title2", name:"Title2", field:"title2", width:120, minWidth:120, cssClass:"cell-title", editor:Slick.Editors.Text, validator:requiredFieldValidator, sortable:true}
+			,{id:"title3", name:"Title3", field:"title3", width:120, minWidth:120, cssClass:"cell-title", editor:Slick.Editors.Text, validator:requiredFieldValidator, sortable:true}
+			,{id:"title4", name:"Title4", field:"title4", width:120, minWidth:120, cssClass:"cell-title", editor:Slick.Editors.Text, validator:requiredFieldValidator, sortable:true}
+		];
+
+		var options = {
+		 	 editable: true
+		    ,enableAddRow: true
+			,enableCellNavigation: true
+			,asyncEditorLoading: true
+			,forceFitColumns: false
+			,autoEdit: false
+			,topPanelHeight: 25
+			,frozenColumn: 2
+			,frozenRow: 2
+		};
+
+		var sortcol = "title";
+		var sortdir = 1;
+		var percentCompleteThreshold = 0;
+		var searchString = "";
+
+		function requiredFieldValidator(value) {
+			if (value == null || value == undefined || !value.length)
+				return {valid:false, msg:"This is a required field"};
+			else
+				return {valid:true, msg:null};
+		}
+
+		function myFilter(item) {
+			if (item["percentComplete"] < percentCompleteThreshold)
+				return false;
+
+			if (searchString != "" && item["title"].indexOf(searchString) == -1)
+				return false;
+
+			return true;
+		}
+
+		function percentCompleteSort(a,b) {
+			return a["percentComplete"] - b["percentComplete"];
+		}
+
+		function comparer(a,b) {
+			var x = a[sortcol], y = b[sortcol];
+			return (x == y ? 0 : (x > y ? 1 : -1));
+		}
+
+		function addItem(newItem,columnDef) {
+			var item = {"num": data.length, "id": "new_" + (Math.round(Math.random()*10000)), "title":"New task", "duration":"1 day", "percentComplete":0, "start":"01/01/2009", "finish":"01/01/2009", "effortDriven":false};
+			$.extend(item,newItem);
+			dataView.addItem(item);
+		}
+
+
+        function toggleFilterRow() {
+            grid.setTopPanelVisibility(!grid.getOptions().showTopPanel);
+        }
+
+
+        $(".grid-header .ui-icon")
+            .addClass("ui-state-default ui-corner-all")
+            .mouseover(function(e) {
+                $(e.target).addClass("ui-state-hover")
+            })
+            .mouseout(function(e) {
+                $(e.target).removeClass("ui-state-hover")
+            });
+
+		$(function()
+		{
+			// prepare the data
+			for (var i=0; i<50000; i++) {
+				var d = (data[i] = {});
+
+				d["id"] = "id_" + i;
+                d["num"] = i;
+				d["title"] = "Task " + i;
+				d["duration"] = "5 days";
+				d["percentComplete"] = Math.round(Math.random() * 100);
+				d["start"] = "01/01/2009";
+				d["finish"] = "01/05/2009";
+				d["effortDriven"] = (i % 5 == 0);
+				d["title1"] = i;
+				d["title2"] = i;
+				d["title3"] = i;
+				d["title4"] = i;
+			}
+
+
+			dataView = new Slick.Data.DataView();
+			grid = new Slick.Grid("#myGrid", dataView, columns, options);
+            grid.setSelectionModel(new Slick.RowSelectionModel());
+
+			var pager = new Slick.Controls.Pager(dataView, grid, $("#pager"));
+			var columnpicker = new Slick.Controls.ColumnPicker(columns, grid, options);
+
+
+            // move the filter panel defined in a hidden div into an inline secondary grid header row
+            var $secondaryRow = grid.getTopPanel();
+
+            $("#inlineFilterPanelL")
+                .appendTo($secondaryRow[0])
+                .show();
+
+			$("#inlineFilterPanelR")
+                .appendTo($secondaryRow[1])
+                .show();
+
+            grid.onCellChange.subscribe(function(e,args) {
+                dataView.updateItem(args.item.id,args.item);
+            });
+
+			grid.onAddNewRow.subscribe(function(e,args) {
+                var item = {"num": data.length, "id": "new_" + (Math.round(Math.random()*10000)), "title":"New task", "duration":"1 day", "percentComplete":0, "start":"01/01/2009", "finish":"01/01/2009", "effortDriven":false};
+                $.extend(item,args.item);
+                dataView.addItem(item);
+            });
+
+			grid.onKeyDown.subscribe(function(e) {
+                // select all rows on ctrl-a
+                if (e.which != 65 || !e.ctrlKey)
+                    return false;
+
+                var rows = [];
+                selectedRowIds = [];
+
+                for (var i = 0; i < dataView.getLength(); i++) {
+                    rows.push(i);
+                    selectedRowIds.push(dataView.getItem(i).id);
+                }
+
+                grid.setSelectedRows(rows);
+                e.preventDefault();
+            });
+
+			grid.onMouseEnter.subscribe(function(e) {
+				var cell = this.getCellFromEvent(e);
+
+				this.setSelectedRows([cell.row]);
+                e.preventDefault();
+			});
+
+			grid.onMouseLeave.subscribe(function(e) {
+				this.setSelectedRows([]);
+                e.preventDefault();
+			});
+
+			grid.onSelectedRowsChanged.subscribe(function(e) {
+                selectedRowIds = [];
+                var rows = grid.getSelectedRows();
+                for (var i = 0, l = rows.length; i < l; i++) {
+                    var item = dataView.getItem(rows[i]);
+                    if (item) selectedRowIds.push(item.id);
+                }
+            });
+
+			grid.onSort.subscribe(function(e, args) {
+                sortdir = args.sortAsc ? 1 : -1;
+                sortcol = args.sortCol.field;
+
+                if ($.browser.msie && $.browser.version <= 8) {
+                    // using temporary Object.prototype.toString override
+                    // more limited and does lexicographic sort only by default, but can be much faster
+
+                    var percentCompleteValueFn = function() {
+                        var val = this["percentComplete"];
+                        if (val < 10)
+                            return "00" + val;
+                        else if (val < 100)
+                            return "0" + val;
+                        else
+                            return val;
+                    };
+
+                    // use numeric sort of % and lexicographic for everything else
+                    dataView.fastSort((sortcol=="percentComplete")?percentCompleteValueFn:sortcol,args.sortAsc);
+                }
+                else {
+                    // using native sort with comparer
+                    // preferred method but can be very slow in IE with huge datasets
+                    dataView.sort(comparer, args.sortAsc);
+                }
+            });
+
+			// wire up model events to drive the grid
+			dataView.onRowCountChanged.subscribe(function(e,args) {
+				grid.updateRowCount();
+                grid.render();
+			});
+
+			dataView.onRowsChanged.subscribe(function(e,args) {
+				grid.invalidateRows(args.rows);
+				grid.render();
+
+				if (selectedRowIds.length > 0)
+				{
+					// since how the original data maps onto rows has changed,
+					// the selected rows in the grid need to be updated
+					var selRows = [];
+					for (var i = 0; i < selectedRowIds.length; i++)
+					{
+						var idx = dataView.getRowById(selectedRowIds[i]);
+						if (idx != undefined)
+							selRows.push(idx);
+					}
+
+					grid.setSelectedRows(selRows);
+				}
+			});
+
+			dataView.onPagingInfoChanged.subscribe(function(e,pagingInfo) {
+				var isLastPage = pagingInfo.pageSize*(pagingInfo.pageNum+1)-1 >= pagingInfo.totalRows;
+                var enableAddRow = isLastPage || pagingInfo.pageSize==0;
+                var options = grid.getOptions();
+
+                if (options.enableAddRow != enableAddRow)
+    				grid.setOptions({enableAddRow:enableAddRow});
+			});
+
+
+
+			var h_runfilters = null;
+
+			// wire up the slider to apply the filter to the model
+			$("#pcSlider,#pcSlider2").slider({
+				"range":	"min",
+				"slide":	function(event,ui) {
+                    Slick.GlobalEditorLock.cancelCurrentEdit();
+
+					if (percentCompleteThreshold != ui.value)
+					{
+						window.clearTimeout(h_runfilters);
+						h_runfilters = window.setTimeout(dataView.refresh, 10);
+						percentCompleteThreshold = ui.value;
+					}
+				}
+			});
+
+
+			// wire up the search textbox to apply the filter to the model
+			$("#txtSearch,#txtSearch2").keyup(function(e) {
+                Slick.GlobalEditorLock.cancelCurrentEdit();
+
+				// clear on Esc
+				if (e.which == 27)
+					this.value = "";
+
+				searchString = this.value;
+				dataView.refresh();
+			});
+
+			$("#btnSelectRows").click(function() {
+				if (!Slick.GlobalEditorLock.commitCurrentEdit()) { return; }
+
+				var rows = [];
+				selectedRowIds = [];
+
+				for (var i=0; i<10 && i<dataView.getLength(); i++) {
+					rows.push(i);
+					selectedRowIds.push(dataView.getItem(i).id);
+				}
+
+				grid.setSelectedRows(rows);
+			});
+
+
+			// initialize the model after all the events have been hooked up
+			dataView.beginUpdate();
+			dataView.setItems(data);
+			dataView.setFilter(myFilter);
+			dataView.endUpdate();
+
+			$("#gridContainer").resizable();
+
+			$( '#setFrozenColumn' ).click(function() {
+				var val = -1;
+
+				if ( $( '#frozenColumn' ).val() != '' ) {
+					val = parseInt( $( '#frozenColumn' ).val() );
+				}
+
+				grid.setOptions({ 'frozenColumn': val });
+			});
+		})
+
+		$(function() {
+			$( "#tabs" ).tabs();
+		});
+		</script>
+
+	</body>
+</html>
diff --git a/examples/example-frozen-columns.html b/examples/example-frozen-columns.html
new file mode 100644
index 000000000..ad4285d32
--- /dev/null
+++ b/examples/example-frozen-columns.html
@@ -0,0 +1,415 @@
+<!DOCTYPE HTML>
+<html>
+	<head>
+		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+		<title>SlickGrid example: Frozen Columns</title>
+		<link rel="stylesheet" href="../slick.grid.css" type="text/css" media="screen" charset="utf-8" />
+		<link rel="stylesheet" href="../controls/slick.pager.css" type="text/css" media="screen" charset="utf-8" />
+        <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.24.custom.css" type="text/css" media="screen" charset="utf-8" />
+		<link rel="stylesheet" href="examples.css" type="text/css" media="screen" charset="utf-8" />
+		<link rel="stylesheet" href="../controls/slick.columnpicker.css" type="text/css" media="screen" charset="utf-8" />
+		<style>
+		.cell-title {
+			font-weight: bold;
+		}
+
+		.cell-effort-driven {
+			text-align: center;
+		}
+
+        .cell-selection {
+            border-right-color: silver;
+            border-right-style: solid;
+            background: #f5f5f5;
+            color: gray;
+            text-align: right;
+            font-size: 10px;
+        }
+
+        .slick-row.selected .cell-selection {
+            background-color: transparent; /* show default selected row background */
+        }
+	</style>
+	</head>
+	<body>
+		<div style="position:relative">
+		<div style="width:600px;">
+			<div class="grid-header" style="width:100%">
+				<label>SlickGrid</label>
+                <span style="float:right" class="ui-icon ui-icon-search" title="Toggle search panel" onclick="toggleFilterRow()"></span>
+			</div>
+			<div id="myGrid" style="width:100%;height:350px;"></div>
+			<div id="pager" style="width:100%;height:20px;"></div>
+		</div>
+
+		<div class="options-panel">
+			<b>Search:</b>
+			<hr/>
+			<div style="padding:6px;">
+				<label style="width:200px;float:left">Show tasks with % at least: </label>
+				<div style="padding:2px;">
+					<div style="width:100px;display:inline-block;" id="pcSlider"></div>
+				</div>
+				<br/>
+				<label style="width:200px;float:left">And title including:</label>
+				<input type=text id="txtSearch" style="width:100px;">
+				<br/><br/>
+				<label style="width:200px;float:left">Frozen Column:</label>
+				<input type=text id="frozenColumn" style="width:100px;" value=-1>
+				<button id="setFrozenColumn">Set</button>
+				<br/><br/>
+				<button id="btnSelectRows">Select first 10 rows</button>
+
+                <br/>
+                <h2>Demonstrates:</h2>
+                <ul>
+                    <li>a filtered Model (DataView) as a data source instead of a simple array</li>
+                    <li>grid reacting to model events (onRowCountChanged, onRowsChanged)</li>
+                    <li>
+                        <b>FAST</b> DataView recalculation and <b>real-time</b> grid updating in response to data changes.<br/>
+                        The grid holds <b>50'000</b> rows, yet you are able to sort, filter, scroll, navigate and edit as if it had 50 rows.
+                    </li>
+                    <li>adding new rows, bidirectional sorting</li>
+                    <li>column options:  cannotTriggerInsert</li>
+                    <li>events: onCellChange, onAddNewRow, onKeyDown, onSelectedRowsChanged, onSort</li>
+                    <li><font color=red>NOTE:</font>  all filters are immediately applied to new/edited rows</li>
+                    <li>Handling row selection against model changes.</li>
+                    <li>Paging.</li>
+                    <li>inline filter panel</li>
+			    </ul>
+			</div>
+		</div>
+
+        <div id="inlineFilterPanelL" style="display:none;background:#dddddd;padding:3px;color:black;">
+            Show tasks with title including <input type="text" id="txtSearch2">
+        </div>
+
+		<div id="inlineFilterPanelR" style="display:none;background:#dddddd;padding:6px;color:black;">
+			and % at least &nbsp; <div style="width:100px;display:inline-block;" id="pcSlider2"></div>
+		</div>
+
+		<script language="JavaScript" src="../lib/firebugx.js"></script>
+
+		<script src="../lib/jquery-1.7.min.js"></script>
+		<script language="JavaScript" src="../lib/jquery-ui-1.8.24.custom.min.js"></script>
+		<script src="../lib/jquery.event.drag-2.2.js"></script>
+		<script src="../lib/jquery.mousewheel.js"></script>
+
+		<script src="../slick.core.js"></script>
+		<script src="../slick.editors.js"></script>
+        <script src="../slick.formatters.js"></script>
+		<script src="../plugins/slick.rowselectionmodel.js"></script>
+		<script src="../slick.grid.js"></script>
+		<script src="../slick.dataview.js"></script>
+		<script src="../controls/slick.pager.js"></script>
+		<script src="../controls/slick.columnpicker.js"></script>
+
+		<script>
+		$(function() {
+			$( '#frozenColumn' ).val( options.frozenColumn );
+		});
+
+
+		var dataView;
+		var grid;
+		var data = [];
+		var selectedRowIds = [];
+
+		var columns = [
+			 {id:"sel", name:"#", field:"num", behavior:"select", cssClass:"cell-selection", width:40, cannotTriggerInsert:true, resizable:false, unselectable:true }
+			,{id:"title", name:"Title", field:"title", width:120, minWidth:120, cssClass:"cell-title", editor:Slick.Editors.Text, validator:requiredFieldValidator, sortable:true}
+			,{id:"duration", name:"Duration", field:"duration", editor:Slick.Editors.Text, sortable:true}
+			,{id:"%", name:"% Complete", field:"percentComplete", width:80, resizable:false, formatter:Slick.Formatters.PercentComplete, editor:Slick.Editors.PercentComplete, sortable:true}
+			,{id:"start", name:"Start", field:"start", minWidth:60, editor:Slick.Editors.Date, sortable:true}
+			,{id:"finish", name:"Finish", field:"finish", minWidth:60, editor:Slick.Editors.Date, sortable:true}
+			,{id:"effort-driven", name:"Effort Driven", width:80, minWidth:20, maxWidth:80, cssClass:"cell-effort-driven", field:"effortDriven", formatter:Slick.Formatters.YesNo, editor:Slick.Editors.YesNoSelect, cannotTriggerInsert:true, sortable:true}
+			,{id:"title1", name:"Title1", field:"title1", width:120, minWidth:120, cssClass:"cell-title", editor:Slick.Editors.Text, validator:requiredFieldValidator, sortable:true}
+			,{id:"title2", name:"Title2", field:"title2", width:120, minWidth:120, cssClass:"cell-title", editor:Slick.Editors.Text, validator:requiredFieldValidator, sortable:true}
+			,{id:"title3", name:"Title3", field:"title3", width:120, minWidth:120, cssClass:"cell-title", editor:Slick.Editors.Text, validator:requiredFieldValidator, sortable:true}
+			,{id:"title4", name:"Title4", field:"title4", width:120, minWidth:120, cssClass:"cell-title", editor:Slick.Editors.Text, validator:requiredFieldValidator, sortable:true}
+		];
+
+		var options = {
+		 	 editable: true
+		    ,enableAddRow: true
+			,enableCellNavigation: true
+			,asyncEditorLoading: true
+			,forceFitColumns: false
+			,autoEdit: false
+			,topPanelHeight: 25
+			,frozenColumn: 2
+		};
+
+		var sortcol = "title";
+		var sortdir = 1;
+		var percentCompleteThreshold = 0;
+		var searchString = "";
+
+		function requiredFieldValidator(value) {
+			if (value == null || value == undefined || !value.length)
+				return {valid:false, msg:"This is a required field"};
+			else
+				return {valid:true, msg:null};
+		}
+
+		function myFilter(item) {
+			if (item["percentComplete"] < percentCompleteThreshold)
+				return false;
+
+			if (searchString != "" && item["title"].indexOf(searchString) == -1)
+				return false;
+
+			return true;
+		}
+
+		function percentCompleteSort(a,b) {
+			return a["percentComplete"] - b["percentComplete"];
+		}
+
+		function comparer(a,b) {
+			var x = a[sortcol], y = b[sortcol];
+			return (x == y ? 0 : (x > y ? 1 : -1));
+		}
+
+		function addItem(newItem,columnDef) {
+			var item = {"num": data.length, "id": "new_" + (Math.round(Math.random()*10000)), "title":"New task", "duration":"1 day", "percentComplete":0, "start":"01/01/2009", "finish":"01/01/2009", "effortDriven":false};
+			$.extend(item,newItem);
+			dataView.addItem(item);
+		}
+
+
+        function toggleFilterRow() {
+            grid.setTopPanelVisibility(!grid.getOptions().showTopPanel);
+        }
+
+
+        $(".grid-header .ui-icon")
+            .addClass("ui-state-default ui-corner-all")
+            .mouseover(function(e) {
+                $(e.target).addClass("ui-state-hover")
+            })
+            .mouseout(function(e) {
+                $(e.target).removeClass("ui-state-hover")
+            });
+
+		$(function()
+		{
+			// prepare the data
+			for (var i=0; i<50000; i++) {
+				var d = (data[i] = {});
+
+				d["id"] = "id_" + i;
+                d["num"] = i;
+				d["title"] = "Task " + i;
+				d["duration"] = "5 days";
+				d["percentComplete"] = Math.round(Math.random() * 100);
+				d["start"] = "01/01/2009";
+				d["finish"] = "01/05/2009";
+				d["effortDriven"] = (i % 5 == 0);
+				d["title1"] = i;
+				d["title2"] = i;
+				d["title3"] = i;
+				d["title4"] = i;
+			}
+
+
+			dataView = new Slick.Data.DataView();
+			grid = new Slick.Grid("#myGrid", dataView, columns, options);
+            grid.setSelectionModel(new Slick.RowSelectionModel());
+
+			var pager = new Slick.Controls.Pager(dataView, grid, $("#pager"));
+			var columnpicker = new Slick.Controls.ColumnPicker(columns, grid, options);
+
+
+            // move the filter panel defined in a hidden div into an inline secondary grid header row
+            var $secondaryRow = grid.getTopPanel();
+
+            $("#inlineFilterPanelL")
+                .appendTo($secondaryRow[0])
+                .show();
+
+			$("#inlineFilterPanelR")
+                .appendTo($secondaryRow[1])
+                .show();
+
+            grid.onCellChange.subscribe(function(e,args) {
+                dataView.updateItem(args.item.id,args.item);
+            });
+
+			grid.onAddNewRow.subscribe(function(e,args) {
+                var item = {"num": data.length, "id": "new_" + (Math.round(Math.random()*10000)), "title":"New task", "duration":"1 day", "percentComplete":0, "start":"01/01/2009", "finish":"01/01/2009", "effortDriven":false};
+                $.extend(item,args.item);
+                dataView.addItem(item);
+            });
+
+			grid.onKeyDown.subscribe(function(e) {
+                // select all rows on ctrl-a
+                if (e.which != 65 || !e.ctrlKey)
+                    return false;
+
+                var rows = [];
+                selectedRowIds = [];
+
+                for (var i = 0; i < dataView.getLength(); i++) {
+                    rows.push(i);
+                    selectedRowIds.push(dataView.getItem(i).id);
+                }
+
+                grid.setSelectedRows(rows);
+                e.preventDefault();
+            });
+
+			grid.onMouseEnter.subscribe(function(e) {
+				var cell = this.getCellFromEvent(e);
+
+				this.setSelectedRows([cell.row]);
+                e.preventDefault();
+			});
+
+			grid.onMouseLeave.subscribe(function(e) {
+				this.setSelectedRows([]);
+                e.preventDefault();
+			});
+
+			grid.onSelectedRowsChanged.subscribe(function(e) {
+                selectedRowIds = [];
+                var rows = grid.getSelectedRows();
+                for (var i = 0, l = rows.length; i < l; i++) {
+                    var item = dataView.getItem(rows[i]);
+                    if (item) selectedRowIds.push(item.id);
+                }
+            });
+
+			grid.onSort.subscribe(function(e, args) {
+                sortdir = args.sortAsc ? 1 : -1;
+                sortcol = args.sortCol.field;
+
+                if ($.browser.msie && $.browser.version <= 8) {
+                    // using temporary Object.prototype.toString override
+                    // more limited and does lexicographic sort only by default, but can be much faster
+
+                    var percentCompleteValueFn = function() {
+                        var val = this["percentComplete"];
+                        if (val < 10)
+                            return "00" + val;
+                        else if (val < 100)
+                            return "0" + val;
+                        else
+                            return val;
+                    };
+
+                    // use numeric sort of % and lexicographic for everything else
+                    dataView.fastSort((sortcol=="percentComplete")?percentCompleteValueFn:sortcol,args.sortAsc);
+                }
+                else {
+                    // using native sort with comparer
+                    // preferred method but can be very slow in IE with huge datasets
+                    dataView.sort(comparer, args.sortAsc);
+                }
+            });
+
+			// wire up model events to drive the grid
+			dataView.onRowCountChanged.subscribe(function(e,args) {
+				grid.updateRowCount();
+                grid.render();
+			});
+
+			dataView.onRowsChanged.subscribe(function(e,args) {
+				grid.invalidateRows(args.rows);
+				grid.render();
+
+				if (selectedRowIds.length > 0)
+				{
+					// since how the original data maps onto rows has changed,
+					// the selected rows in the grid need to be updated
+					var selRows = [];
+					for (var i = 0; i < selectedRowIds.length; i++)
+					{
+						var idx = dataView.getRowById(selectedRowIds[i]);
+						if (idx != undefined)
+							selRows.push(idx);
+					}
+
+					grid.setSelectedRows(selRows);
+				}
+			});
+
+			dataView.onPagingInfoChanged.subscribe(function(e,pagingInfo) {
+				var isLastPage = pagingInfo.pageSize*(pagingInfo.pageNum+1)-1 >= pagingInfo.totalRows;
+                var enableAddRow = isLastPage || pagingInfo.pageSize==0;
+                var options = grid.getOptions();
+
+                if (options.enableAddRow != enableAddRow)
+    				grid.setOptions({enableAddRow:enableAddRow});
+			});
+
+
+
+			var h_runfilters = null;
+
+			// wire up the slider to apply the filter to the model
+			$("#pcSlider,#pcSlider2").slider({
+				"range":	"min",
+				"slide":	function(event,ui) {
+                    Slick.GlobalEditorLock.cancelCurrentEdit();
+
+					if (percentCompleteThreshold != ui.value)
+					{
+						window.clearTimeout(h_runfilters);
+						h_runfilters = window.setTimeout(dataView.refresh, 10);
+						percentCompleteThreshold = ui.value;
+					}
+				}
+			});
+
+
+			// wire up the search textbox to apply the filter to the model
+			$("#txtSearch,#txtSearch2").keyup(function(e) {
+                Slick.GlobalEditorLock.cancelCurrentEdit();
+
+				// clear on Esc
+				if (e.which == 27)
+					this.value = "";
+
+				searchString = this.value;
+				dataView.refresh();
+			});
+
+			$("#btnSelectRows").click(function() {
+				if (!Slick.GlobalEditorLock.commitCurrentEdit()) { return; }
+
+				var rows = [];
+				selectedRowIds = [];
+
+				for (var i=0; i<10 && i<dataView.getLength(); i++) {
+					rows.push(i);
+					selectedRowIds.push(dataView.getItem(i).id);
+				}
+
+				grid.setSelectedRows(rows);
+			});
+
+
+			// initialize the model after all the events have been hooked up
+			dataView.beginUpdate();
+			dataView.setItems(data);
+			dataView.setFilter(myFilter);
+			dataView.endUpdate();
+
+			$("#gridContainer").resizable();
+
+			$( '#setFrozenColumn' ).click(function() {
+				var val = -1;
+
+				if ( $( '#frozenColumn' ).val() != '' ) {
+					val = parseInt( $( '#frozenColumn' ).val() );
+				}
+
+				grid.setOptions({ 'frozenColumn': val });
+			});
+		})
+
+		</script>
+
+	</body>
+</html>
diff --git a/examples/example-frozen-row-reordering.html b/examples/example-frozen-row-reordering.html
new file mode 100644
index 000000000..69ad1f7a5
--- /dev/null
+++ b/examples/example-frozen-row-reordering.html
@@ -0,0 +1,351 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+  <title>SlickGrid example 9: Row reordering</title>
+  <link rel="stylesheet" href="../slick.grid.css" type="text/css"/>
+  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.24.custom.css" type="text/css"/>
+  <link rel="stylesheet" href="examples.css" type="text/css"/>
+  <style>
+    .cell-title {
+      zfont-weight: bold;
+    }
+
+    .cell-effort-driven {
+      text-align: center;
+    }
+
+    .cell-reorder {
+      cursor: move;
+      background: url("../images/drag-handle.png") no-repeat center center;
+    }
+
+    .cell-selection {
+      border-right-color: silver;
+      border-right-style: solid;
+      background: #f5f5f5;
+      color: gray;
+      text-align: right;
+      font-size: 10px;
+    }
+
+    .slick-row.selected .cell-selection {
+      background-color: transparent; /* show default selected row background */
+    }
+
+    .recycle-bin {
+      width: 120px;
+      border: 1px solid gray;
+      background: beige;
+      padding: 4px;
+      font-size: 12pt;
+      font-weight: bold;
+      color: black;
+      text-align: center;
+      -moz-border-radius: 10px;
+    }
+
+    .red {
+      background: red;
+    }
+
+    .bold {
+      font-weight: bold;
+    }
+  </style>
+</head>
+<body>
+<div style="position:relative">
+  <div style="width:600px;">
+    <div class="grid-header" style="width:100%">
+      <label>Santa's TODO list:</label>
+    </div>
+    <div id="myGrid" style="width:100%;height:500px;"></div>
+  </div>
+  <div class="options-panel">
+    <b>Tips:</b>
+    <hr/>
+    <div style="padding:6px;">
+      Click to select, Ctrl-click to toggle selection, Shift-click to select a range.<br/>
+      Drag one or more rows by the handle to reorder.<br/>
+      Drag one or more rows to the recycle bin to delete.
+
+      <br/>
+      <br/>
+
+      <div id="dropzone" class="recycle-bin">
+        Recycle Bin
+      </div>
+    </div>
+  </div>
+</div>
+
+<script src="../lib/firebugx.js"></script>
+
+<script src="../lib/jquery-1.7.min.js"></script>
+<script src="../lib/jquery-ui-1.8.24.custom.min.js"></script>
+<script src="../lib/jquery.event.drag-2.2.js"></script>
+<script src="../lib/jquery.event.drop-2.2.js"></script>
+<script src="../lib/jquery.mousewheel.js"></script>
+
+<script src="../slick.core.js"></script>
+<script src="../plugins/slick.cellrangeselector.js"></script>
+<script src="../plugins/slick.cellselectionmodel.js"></script>
+<script src="../plugins/slick.rowselectionmodel.js"></script>
+<script src="../plugins/slick.rowmovemanager.js"></script>
+<script src="../slick.formatters.js"></script>
+<script src="../slick.editors.js"></script>
+<script src="../slick.grid.js"></script>
+
+<script>
+var grid;
+var data = [];
+var columns = [
+  {
+    id: "#",
+    name: "",
+    width: 40,
+    behavior: "selectAndMove",
+    selectable: false,
+    resizable: false,
+    cssClass: "cell-reorder dnd"
+  },
+  {
+    id: "name",
+    name: "Name",
+    field: "name",
+    width: 500,
+    cssClass: "cell-title",
+    editor: Slick.Editors.Text,
+    validator: requiredFieldValidator
+  },
+  {
+    id: "complete",
+    name: "Complete",
+    width: 60,
+    cssClass: "cell-effort-driven",
+    field: "complete",
+    cannotTriggerInsert: true,
+    formatter: Slick.Formatters.Checkmark,
+    editor: Slick.Editors.Checkbox
+  },
+  {
+    id: "name1",
+    name: "Name1",
+    field: "name1",
+    width: 50,
+    cssClass: "cell-title",
+    editor: Slick.Editors.Text,
+    validator: requiredFieldValidator
+  },
+  {
+    id: "name2",
+    name: "Name2",
+    field: "name2",
+    width: 50,
+    cssClass: "cell-title",
+    editor: Slick.Editors.Text,
+    validator: requiredFieldValidator
+  },
+  {
+    id: "name3",
+    name: "Name3",
+    field: "name3",
+    width: 50,
+    cssClass: "cell-title",
+    editor: Slick.Editors.Text,
+    validator: requiredFieldValidator
+  },
+  {
+    id: "name4",
+    name: "Name4",
+    field: "name4",
+    width: 50,
+    cssClass: "cell-title",
+    editor: Slick.Editors.Text,
+    validator: requiredFieldValidator
+  }
+];
+
+var options = {
+  editable: true,
+  enableAddRow: true,
+  enableRowReordering: true,
+  enableCellNavigation: true,
+  forceFitColumns: true,
+  autoEdit: false,
+  frozenColumn: 2
+};
+
+function requiredFieldValidator(value) {
+  if (value == null || value == undefined || !value.length) {
+    return {valid: false, msg: "This is a required field"};
+  } else {
+    return {valid: true, msg: null};
+  }
+}
+
+$(function () {
+  data = [
+    { name: "Make a list", complete: true},
+    { name: "Check it twice", complete: false},
+    { name: "Find out who's naughty", complete: false},
+    { name: "Find out who's nice", complete: false}
+  ];
+
+  grid = new Slick.Grid("#myGrid", data, columns, options);
+
+  grid.setSelectionModel(new Slick.RowSelectionModel());
+
+  var moveRowsPlugin = new Slick.RowMoveManager();
+
+  moveRowsPlugin.onBeforeMoveRows.subscribe(function (e, data) {
+    for (var i = 0; i < data.rows.length; i++) {
+      // no point in moving before or after itself
+      if (data.rows[i] == data.insertBefore || data.rows[i] == data.insertBefore - 1) {
+        e.stopPropagation();
+        return false;
+      }
+    }
+    return true;
+  });
+
+  moveRowsPlugin.onMoveRows.subscribe(function (e, args) {
+    var extractedRows = [], left, right;
+    var rows = args.rows;
+    var insertBefore = args.insertBefore;
+    left = data.slice(0, insertBefore);
+    right = data.slice(insertBefore, data.length);
+
+    rows.sort(function(a,b) { return a-b; });
+
+    for (var i = 0; i < rows.length; i++) {
+      extractedRows.push(data[rows[i]]);
+    }
+
+    rows.reverse();
+
+    for (var i = 0; i < rows.length; i++) {
+      var row = rows[i];
+      if (row < insertBefore) {
+        left.splice(row, 1);
+      } else {
+        right.splice(row - insertBefore, 1);
+      }
+    }
+
+    data = left.concat(extractedRows.concat(right));
+
+    var selectedRows = [];
+    for (var i = 0; i < rows.length; i++)
+      selectedRows.push(left.length + i);
+
+    grid.resetActiveCell();
+    grid.setData(data);
+    grid.setSelectedRows(selectedRows);
+    grid.render();
+  });
+
+  grid.registerPlugin(moveRowsPlugin);
+
+  grid.onDragInit.subscribe(function (e, dd) {
+    // prevent the grid from cancelling drag'n'drop by default
+    e.stopImmediatePropagation();
+  });
+
+  grid.onDragStart.subscribe(function (e, dd) {
+    var cell = grid.getCellFromEvent(e);
+    if (!cell) {
+      return;
+    }
+
+    dd.row = cell.row;
+    if (!data[dd.row]) {
+      return;
+    }
+
+    if (Slick.GlobalEditorLock.isActive()) {
+      return;
+    }
+
+    e.stopImmediatePropagation();
+    dd.mode = "recycle";
+
+    var selectedRows = grid.getSelectedRows();
+
+    if (!selectedRows.length || $.inArray(dd.row, selectedRows) == -1) {
+      selectedRows = [dd.row];
+      grid.setSelectedRows(selectedRows);
+    }
+
+    dd.rows = selectedRows;
+    dd.count = selectedRows.length;
+
+    var proxy = $("<span></span>")
+        .css({
+          position: "absolute",
+          display: "inline-block",
+          padding: "4px 10px",
+          background: "#e0e0e0",
+          border: "1px solid gray",
+          "z-index": 99999,
+          "-moz-border-radius": "8px",
+          "-moz-box-shadow": "2px 2px 6px silver"
+        })
+        .text("Drag to Recycle Bin to delete " + dd.count + " selected row(s)")
+        .appendTo("body");
+
+    dd.helper = proxy;
+
+    $(dd.available).css("background", "pink");
+
+    return proxy;
+  });
+
+  grid.onDrag.subscribe(function (e, dd) {
+    if (dd.mode != "recycle") {
+      return;
+    }
+    e.stopImmediatePropagation();
+    dd.helper.css({top: e.pageY + 5, left: e.pageX + 5});
+  });
+
+  grid.onDragEnd.subscribe(function (e, dd) {
+    if (dd.mode != "recycle") {
+      return;
+    }
+    e.stopImmediatePropagation();
+    dd.helper.remove();
+    $(dd.available).css("background", "beige");
+  });
+
+  $.drop({mode: "mouse"});
+  $("#dropzone")
+      .bind("dropstart", function (e, dd) {
+        $(this).css("background", "yellow");
+      })
+      .bind("dropend", function (e, dd) {
+        $(dd.available).css("background", "pink");
+      })
+      .bind("drop", function (e, dd) {
+        var rowsToDelete = dd.rows.sort().reverse();
+        for (var i = 0; i < rowsToDelete.length; i++) {
+          data.splice(rowsToDelete[i], 1);
+        }
+        grid.invalidate();
+        grid.setSelectedRows([]);
+      });
+
+
+  grid.onAddNewRow.subscribe(function (e, args) {
+    var item = {name: "New task", complete: false};
+    $.extend(item, args.item);
+    data.push(item);
+    grid.invalidateRows([data.length - 1]);
+    grid.updateRowCount();
+    grid.render();
+  });
+})
+</script>
+</body>
+</html>
diff --git a/examples/example-frozen-rows.html b/examples/example-frozen-rows.html
new file mode 100644
index 000000000..d8f6ece71
--- /dev/null
+++ b/examples/example-frozen-rows.html
@@ -0,0 +1,415 @@
+<!DOCTYPE HTML>
+<html>
+	<head>
+		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+		<title>SlickGrid example: Frozen Rows</title>
+		<link rel="stylesheet" href="../slick.grid.css" type="text/css" media="screen" charset="utf-8" />
+		<link rel="stylesheet" href="../controls/slick.pager.css" type="text/css" media="screen" charset="utf-8" />
+        <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.24.custom.css" type="text/css" media="screen" charset="utf-8" />
+		<link rel="stylesheet" href="examples.css" type="text/css" media="screen" charset="utf-8" />
+		<link rel="stylesheet" href="../controls/slick.columnpicker.css" type="text/css" media="screen" charset="utf-8" />
+		<style>
+		.cell-title {
+			font-weight: bold;
+		}
+
+		.cell-effort-driven {
+			text-align: center;
+		}
+
+        .cell-selection {
+            border-right-color: silver;
+            border-right-style: solid;
+            background: #f5f5f5;
+            color: gray;
+            text-align: right;
+            font-size: 10px;
+        }
+
+        .slick-row.selected .cell-selection {
+            background-color: transparent; /* show default selected row background */
+        }
+	</style>
+	</head>
+	<body>
+		<div style="position:relative">
+		<div id="gridContainer" style="width:600px;">
+			<div class="grid-header" style="width:100%">
+				<label>SlickGrid</label>
+                <span style="float:right" class="ui-icon ui-icon-search" title="Toggle search panel" onclick="toggleFilterRow()"></span>
+			</div>
+			<div id="myGrid" style="width:100%;height:345px;"></div>
+			<div id="pager" style="width:100%;height:20px;"></div>
+		</div>
+
+		<div class="options-panel">
+			<b>Search:</b>
+			<hr/>
+			<div style="padding:6px;">
+				<label style="width:200px;float:left">Show tasks with % at least: </label>
+				<div style="padding:2px;">
+					<div style="width:100px;display:inline-block;" id="pcSlider"></div>
+				</div>
+				<br/>
+				<label style="width:200px;float:left">And title including:</label>
+				<input type=text id="txtSearch" style="width:100px;">
+				<br/><br/>
+				<label style="width:200px;float:left">Frozen Row:</label>
+				<input type=text id="frozenRow" style="width:100px;" value=5>
+				<button id="setFrozenRow">Set</button>
+				<br>
+				<label style="width:200px;float:left">Frozen Bottom Rows:</label>
+				<input type=checkbox id="frozenBottomRows" checked=checked>
+				<button id="setFrozenBottomRows">Set</button>
+				<br/><br/>
+				<button id="btnSelectRows">Select first 10 rows</button>
+
+                <br/>
+                <h2>Demonstrates:</h2>
+                <ul>
+                    <li>a filtered Model (DataView) as a data source instead of a simple array</li>
+                    <li>grid reacting to model events (onRowCountChanged, onRowsChanged)</li>
+                    <li>
+                        <b>FAST</b> DataView recalculation and <b>real-time</b> grid updating in response to data changes.<br/>
+                        The grid holds <b>50'000</b> rows, yet you are able to sort, filter, scroll, navigate and edit as if it had 50 rows.
+                    </li>
+                    <li>adding new rows, bidirectional sorting</li>
+                    <li>column options:  cannotTriggerInsert</li>
+                    <li>events: onCellChange, onAddNewRow, onKeyDown, onSelectedRowsChanged, onSort</li>
+                    <li><font color=red>NOTE:</font>  all filters are immediately applied to new/edited rows</li>
+                    <li>Handling row selection against model changes.</li>
+                    <li>Paging.</li>
+                    <li>inline filter panel</li>
+			    </ul>
+			</div>
+		</div>
+
+        <div id="inlineFilterPanelL" style="display:none;background:#dddddd;padding:3px;color:black;">
+            Show tasks with title including <input type="text" id="txtSearch2">
+        </div>
+
+		<div id="inlineFilterPanelR" style="display:none;background:#dddddd;padding:6px;color:black;">
+			and % at least &nbsp; <div style="width:100px;display:inline-block;" id="pcSlider2"></div>
+		</div>
+
+		<script language="JavaScript" src="../lib/firebugx.js"></script>
+
+		<script src="../lib/jquery-1.7.min.js"></script>
+		<script language="JavaScript" src="../lib/jquery-ui-1.8.24.custom.min.js"></script>
+		<script src="../lib/jquery.event.drag-2.2.js"></script>
+        <script src="../lib/jquery.mousewheel.js"></script>
+
+		<script src="../slick.core.js"></script>
+		<script src="../slick.editors.js"></script>
+		<script src="../slick.formatters.js"></script>
+		<script src="../plugins/slick.rowselectionmodel.js"></script>
+		<script src="../slick.grid.js"></script>
+		<script src="../slick.dataview.js"></script>
+		<script src="../controls/slick.pager.js"></script>
+		<script src="../controls/slick.columnpicker.js"></script>
+
+		<script>
+		$(function() {
+			$( '#frozenRow' ).val( options.frozenRow );
+		});
+
+
+		var dataView;
+		var grid;
+		var data = [];
+		var selectedRowIds = [];
+
+		var columns = [
+			 {id:"sel", name:"#", field:"num", behavior:"select", cssClass:"cell-selection", width:40, cannotTriggerInsert:true, resizable:false, unselectable:true }
+			,{id:"title", name:"Title", field:"title", width:120, minWidth:120, cssClass:"cell-title", editor:Slick.Editors.Text, validator:requiredFieldValidator, sortable:true}
+			,{id:"duration", name:"Duration", field:"duration", editor:Slick.Editors.Text, sortable:true}
+			,{id:"%", name:"% Complete", field:"percentComplete", width:80, resizable:false, formatter:Slick.Formatters.PercentComplete, editor:Slick.Editors.PercentComplete, sortable:true}
+			,{id:"start", name:"Start", field:"start", minWidth:60, editor:Slick.Editors.Date, sortable:true}
+			,{id:"finish", name:"Finish", field:"finish", minWidth:60, editor:Slick.Editors.Date, sortable:true}
+			,{id:"effort-driven", name:"Effort Driven", width:80, minWidth:20, maxWidth:80, cssClass:"cell-effort-driven", field:"effortDriven", formatter:Slick.Formatters.YesNo, editor:Slick.Editors.YesNoSelect, cannotTriggerInsert:true, sortable:true}
+			,{id:"title1", name:"Title1", field:"title1", width:120, minWidth:120, cssClass:"cell-title", editor:Slick.Editors.Text, validator:requiredFieldValidator, sortable:true}
+			,{id:"title2", name:"Title2", field:"title2", width:120, minWidth:120, cssClass:"cell-title", editor:Slick.Editors.Text, validator:requiredFieldValidator, sortable:true}
+			,{id:"title3", name:"Title3", field:"title3", width:120, minWidth:120, cssClass:"cell-title", editor:Slick.Editors.Text, validator:requiredFieldValidator, sortable:true}
+			,{id:"title4", name:"Title4", field:"title4", width:120, minWidth:120, cssClass:"cell-title", editor:Slick.Editors.Text, validator:requiredFieldValidator, sortable:true}
+		];
+
+		var options = {
+		 	 editable: true
+		    ,enableAddRow: false
+			,enableCellNavigation: true
+			,asyncEditorLoading: true
+			,forceFitColumns: false
+			,autoEdit: false
+			,topPanelHeight: 25
+			,frozenRow: 5
+			,frozenBottom: true
+		};
+
+		var sortcol = "title";
+		var sortdir = 1;
+		var percentCompleteThreshold = 0;
+		var searchString = "";
+
+		function requiredFieldValidator(value) {
+			if (value == null || value == undefined || !value.length)
+				return {valid:false, msg:"This is a required field"};
+			else
+				return {valid:true, msg:null};
+		}
+
+		function myFilter(item) {
+			if (item["percentComplete"] < percentCompleteThreshold)
+				return false;
+
+			if (searchString != "" && item["title"].indexOf(searchString) == -1)
+				return false;
+
+			return true;
+		}
+
+		function percentCompleteSort(a,b) {
+			return a["percentComplete"] - b["percentComplete"];
+		}
+
+		function comparer(a,b) {
+			var x = a[sortcol], y = b[sortcol];
+			return (x == y ? 0 : (x > y ? 1 : -1));
+		}
+
+		function addItem(newItem,columnDef) {
+			var item = {"num": data.length, "id": "new_" + (Math.round(Math.random()*10000)), "title":"New task", "duration":"1 day", "percentComplete":0, "start":"01/01/2009", "finish":"01/01/2009", "effortDriven":false};
+			$.extend(item,newItem);
+			dataView.addItem(item);
+		}
+
+
+        function toggleFilterRow() {
+            grid.setTopPanelVisibility(!grid.getOptions().showTopPanel);
+        }
+
+
+        $(".grid-header .ui-icon")
+            .addClass("ui-state-default ui-corner-all")
+            .mouseover(function(e) {
+                $(e.target).addClass("ui-state-hover")
+            })
+            .mouseout(function(e) {
+                $(e.target).removeClass("ui-state-hover")
+            });
+
+		$(function()
+		{
+			// prepare the data
+			for (var i=0; i<50000; i++) {
+				var d = (data[i] = {});
+
+				d["id"] = "id_" + i;
+                d["num"] = i;
+				d["title"] = "Task " + i;
+				d["duration"] = "5 days";
+				d["percentComplete"] = Math.round(Math.random() * 100);
+				d["start"] = "01/01/2009";
+				d["finish"] = "01/05/2009";
+				d["effortDriven"] = (i % 5 == 0);
+				d["title1"] = i;
+				d["title2"] = i;
+				d["title3"] = i;
+				d["title4"] = i;
+			}
+
+
+			dataView = new Slick.Data.DataView();
+			grid = new Slick.Grid("#myGrid", dataView, columns, options);
+            grid.setSelectionModel(new Slick.RowSelectionModel());
+
+			var pager = new Slick.Controls.Pager(dataView, grid, $("#pager"));
+			var columnpicker = new Slick.Controls.ColumnPicker(columns, grid, options);
+
+
+            // move the filter panel defined in a hidden div into an inline secondary grid header row
+            var $secondaryRow = grid.getTopPanel();
+
+            $("#inlineFilterPanelL")
+                .appendTo($secondaryRow[0])
+                .show();
+
+			$("#inlineFilterPanelR")
+                .appendTo($secondaryRow[1])
+                .show();
+
+            grid.onCellChange.subscribe(function(e,args) {
+                dataView.updateItem(args.item.id,args.item);
+            });
+
+			grid.onAddNewRow.subscribe(function(e,args) {
+                var item = {"num": data.length, "id": "new_" + (Math.round(Math.random()*10000)), "title":"New task", "duration":"1 day", "percentComplete":0, "start":"01/01/2009", "finish":"01/01/2009", "effortDriven":false};
+                $.extend(item,args.item);
+                dataView.addItem(item);
+            });
+
+			grid.onKeyDown.subscribe(function(e) {
+                // select all rows on ctrl-a
+                if (e.which != 65 || !e.ctrlKey)
+                    return false;
+
+                var rows = [];
+                selectedRowIds = [];
+
+                for (var i = 0; i < dataView.getLength(); i++) {
+                    rows.push(i);
+                    selectedRowIds.push(dataView.getItem(i).id);
+                }
+
+                grid.setSelectedRows(rows);
+                e.preventDefault();
+            });
+
+			grid.onSelectedRowsChanged.subscribe(function(e) {
+                selectedRowIds = [];
+                var rows = grid.getSelectedRows();
+                for (var i = 0, l = rows.length; i < l; i++) {
+                    var item = dataView.getItem(rows[i]);
+                    if (item) selectedRowIds.push(item.id);
+                }
+            });
+
+			grid.onSort.subscribe(function(e, args) {
+                sortdir = args.sortAsc ? 1 : -1;
+                sortcol = args.sortCol.field;
+
+                if ($.browser.msie && $.browser.version <= 8) {
+                    // using temporary Object.prototype.toString override
+                    // more limited and does lexicographic sort only by default, but can be much faster
+
+                    var percentCompleteValueFn = function() {
+                        var val = this["percentComplete"];
+                        if (val < 10)
+                            return "00" + val;
+                        else if (val < 100)
+                            return "0" + val;
+                        else
+                            return val;
+                    };
+
+                    // use numeric sort of % and lexicographic for everything else
+                    dataView.fastSort((sortcol=="percentComplete")?percentCompleteValueFn:sortcol,args.sortAsc);
+                }
+                else {
+                    // using native sort with comparer
+                    // preferred method but can be very slow in IE with huge datasets
+                    dataView.sort(comparer, args.sortAsc);
+                }
+            });
+
+			// wire up model events to drive the grid
+			dataView.onRowCountChanged.subscribe(function(e,args) {
+				grid.updateRowCount();
+                grid.render();
+			});
+
+			dataView.onRowsChanged.subscribe(function(e,args) {
+				grid.invalidateRows(args.rows);
+				grid.render();
+
+				if (selectedRowIds.length > 0)
+				{
+					// since how the original data maps onto rows has changed,
+					// the selected rows in the grid need to be updated
+					var selRows = [];
+					for (var i = 0; i < selectedRowIds.length; i++)
+					{
+						var idx = dataView.getRowById(selectedRowIds[i]);
+						if (idx != undefined)
+							selRows.push(idx);
+					}
+
+					grid.setSelectedRows(selRows);
+				}
+			});
+
+			dataView.onPagingInfoChanged.subscribe(function(e,pagingInfo) {
+				var isLastPage = pagingInfo.pageSize*(pagingInfo.pageNum+1)-1 >= pagingInfo.totalRows;
+                var enableAddRow = isLastPage || pagingInfo.pageSize==0;
+                var options = grid.getOptions();
+
+                if (options.enableAddRow != enableAddRow)
+    				grid.setOptions({enableAddRow:enableAddRow});
+			});
+
+
+
+			var h_runfilters = null;
+
+			// wire up the slider to apply the filter to the model
+			// wire up the slider to apply the filter to the model
+			$("#pcSlider,#pcSlider2").slider({
+				"range":	"min",
+				"slide":	function(event,ui) {
+                    Slick.GlobalEditorLock.cancelCurrentEdit();
+
+					if (percentCompleteThreshold != ui.value)
+					{
+						window.clearTimeout(h_runfilters);
+						h_runfilters = window.setTimeout(dataView.refresh, 10);
+						percentCompleteThreshold = ui.value;
+					}
+				}
+			});
+
+
+			// wire up the search textbox to apply the filter to the model
+			$("#txtSearch,#txtSearch2").keyup(function(e) {
+                Slick.GlobalEditorLock.cancelCurrentEdit();
+
+				// clear on Esc
+				if (e.which == 27)
+					this.value = "";
+
+				searchString = this.value;
+				dataView.refresh();
+			});
+
+			$("#btnSelectRows").click(function() {
+				if (!Slick.GlobalEditorLock.commitCurrentEdit()) { return; }
+
+				var rows = [];
+				selectedRowIds = [];
+
+				for (var i=0; i<10 && i<dataView.getLength(); i++) {
+					rows.push(i);
+					selectedRowIds.push(dataView.getItem(i).id);
+				}
+
+				grid.setSelectedRows(rows);
+			});
+
+
+			// initialize the model after all the events have been hooked up
+			dataView.beginUpdate();
+			dataView.setItems(data);
+			dataView.setFilter(myFilter);
+			dataView.endUpdate();
+
+			$("#gridContainer").resizable();
+
+			$( '#setFrozenRow' ).click(function() {
+				var val = -1;
+
+				if ( $('#frozenRow').val() != '' ) {
+					val = parseInt( $('#frozenRow').val() );
+				}
+
+				grid.setOptions({ 'frozenRow': val });
+			});
+
+			$( '#setFrozenBottomRows' ).click(function() {
+				var val = $( '#frozenBottomRows' ).is(':checked');
+
+				grid.setOptions({ 'frozenBottom': val });
+			});
+		})
+
+		</script>
+
+	</body>
+</html>
diff --git a/examples/example-grouping.html b/examples/example-grouping.html
index 7f1a5e3ae..de2c89a70 100644
--- a/examples/example-grouping.html
+++ b/examples/example-grouping.html
@@ -5,7 +5,7 @@
   <title>SlickGrid example: Grouping</title>
   <link rel="stylesheet" href="../slick.grid.css" type="text/css"/>
   <link rel="stylesheet" href="../controls/slick.pager.css" type="text/css"/>
-  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.16.custom.css" type="text/css"/>
+  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.24.custom.css" type="text/css"/>
   <link rel="stylesheet" href="examples.css" type="text/css"/>
   <link rel="stylesheet" href="../controls/slick.columnpicker.css" type="text/css"/>
   <style>
@@ -95,7 +95,7 @@ <h2>View Source:</h2>
 <script src="../lib/firebugx.js"></script>
 
 <script src="../lib/jquery-1.7.min.js"></script>
-<script src="../lib/jquery-ui-1.8.16.custom.min.js"></script>
+<script src="../lib/jquery-ui-1.8.24.custom.min.js"></script>
 <script src="../lib/jquery.event.drag-2.2.js"></script>
 
 <script src="../slick.core.js"></script>
diff --git a/examples/example-header-row.html b/examples/example-header-row.html
index 1d0110c98..737f58782 100644
--- a/examples/example-header-row.html
+++ b/examples/example-header-row.html
@@ -2,7 +2,7 @@
 <html>
 <head>
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
-  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.16.custom.css" type="text/css"/>
+  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.24.custom.css" type="text/css"/>
   <link rel="stylesheet" href="../slick.grid.css" type="text/css"/>
   <link rel="stylesheet" href="examples.css" type="text/css"/>
   <style>
@@ -45,7 +45,7 @@ <h2>View Source:</h2>
 <script src="../lib/firebugx.js"></script>
 
 <script src="../lib/jquery-1.7.min.js"></script>
-<script src="../lib/jquery-ui-1.8.16.custom.min.js"></script>
+<script src="../lib/jquery-ui-1.8.24.custom.min.js"></script>
 <script src="../lib/jquery.event.drag-2.2.js"></script>
 
 <script src="../slick.core.js"></script>
@@ -57,10 +57,10 @@ <h2>View Source:</h2>
   var grid;
   var data = [];
   var options = {
-    enableCellNavigation: true,
-    showHeaderRow: true,
-    headerRowHeight: 30,
-    explicitInitialization: true
+     enableCellNavigation: true
+    ,showHeaderRow: true
+    ,headerRowHeight: 30
+    ,explicitInitialization: true
   };
   var columns = [];
   var columnFilters = {};
@@ -75,6 +75,7 @@ <h2>View Source:</h2>
   }
 
 
+
   function filter(item) {
     for (var columnId in columnFilters) {
       if (columnId !== undefined && columnFilters[columnId] !== "") {
diff --git a/examples/example-multi-column-sort.html b/examples/example-multi-column-sort.html
index 6edc0033b..8b49f33ec 100644
--- a/examples/example-multi-column-sort.html
+++ b/examples/example-multi-column-sort.html
@@ -4,7 +4,7 @@
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   <title>SlickGrid example: Multi Column Sort</title>
   <link rel="stylesheet" href="../slick.grid.css" type="text/css"/>
-  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.16.custom.css" type="text/css"/>
+  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.24.custom.css" type="text/css"/>
   <link rel="stylesheet" href="examples.css" type="text/css"/>
 </head>
 <body>
diff --git a/examples/example-optimizing-dataview.html b/examples/example-optimizing-dataview.html
index 31b3cf7f3..280fef4be 100644
--- a/examples/example-optimizing-dataview.html
+++ b/examples/example-optimizing-dataview.html
@@ -4,7 +4,7 @@
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   <title>SlickGrid example: Optimizing DataView</title>
   <link rel="stylesheet" href="../slick.grid.css" type="text/css"/>
-  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.16.custom.css" type="text/css"/>
+  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.24.custom.css" type="text/css"/>
   <link rel="stylesheet" href="../controls/slick.pager.css" type="text/css"/>
   <link rel="stylesheet" href="examples.css" type="text/css"/>
   <style>
@@ -70,7 +70,7 @@ <h2>View Source:</h2>
 
 
 <script src="../lib/jquery-1.7.min.js"></script>
-<script src="../lib/jquery-ui-1.8.16.custom.min.js"></script>
+<script src="../lib/jquery-ui-1.8.24.custom.min.js"></script>
 <script src="../lib/jquery.event.drag-2.2.js"></script>
 
 <script src="../slick.core.js"></script>
diff --git a/examples/example-plugin-headerbuttons.html b/examples/example-plugin-headerbuttons.html
index 15f95989e..22f18a7a9 100644
--- a/examples/example-plugin-headerbuttons.html
+++ b/examples/example-plugin-headerbuttons.html
@@ -1,7 +1,7 @@
 <!DOCTYPE HTML>
 <html>
 <head>
-  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.16.custom.css" type="text/css"/>
+  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.24.custom.css" type="text/css"/>
   <link rel="stylesheet" href="../slick.grid.css" type="text/css"/>
   <link rel="stylesheet" href="examples.css" type="text/css"/>
   <link rel="stylesheet" href="../plugins/slick.headerbuttons.css" type="text/css"/>
@@ -41,7 +41,7 @@ <h2>View Source:</h2>
 <script src="../lib/firebugx.js"></script>
 
 <script src="../lib/jquery-1.7.min.js"></script>
-<script src="../lib/jquery-ui-1.8.16.custom.min.js"></script>
+<script src="../lib/jquery-ui-1.8.24.custom.min.js"></script>
 <script src="../lib/jquery.event.drag-2.2.js"></script>
 
 <script src="../slick.core.js"></script>
diff --git a/examples/example-plugin-headermenu.html b/examples/example-plugin-headermenu.html
index 341c997e2..89aa51bfa 100644
--- a/examples/example-plugin-headermenu.html
+++ b/examples/example-plugin-headermenu.html
@@ -3,7 +3,7 @@
 <head>
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   <link rel="stylesheet" href="../slick.grid.css" type="text/css"/>
-  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.16.custom.css" type="text/css"/>
+  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.24.custom.css" type="text/css"/>
   <link rel="stylesheet" href="../plugins/slick.headermenu.css" type="text/css"/>
   <link rel="stylesheet" href="examples.css" type="text/css"/>
   <style>
diff --git a/examples/example-scroll-during-row-reorder.html b/examples/example-scroll-during-row-reorder.html
index 531276a15..31efc3c83 100644
--- a/examples/example-scroll-during-row-reorder.html
+++ b/examples/example-scroll-during-row-reorder.html
@@ -4,7 +4,7 @@
 		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 		<title>SlickGrid example 9: Row reordering</title>
 		<link rel="stylesheet" href="../slick.grid.css" type="text/css" media="screen" charset="utf-8" />
-        <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.16.custom.css" type="text/css" media="screen" charset="utf-8" />
+        <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.24.custom.css" type="text/css" media="screen" charset="utf-8" />
 		<link rel="stylesheet" href="examples.css" type="text/css" media="screen" charset="utf-8" />
 		<style>
 		.cell-title {
@@ -80,9 +80,9 @@
 		<script src="../lib/firebugx.js"></script>
 
 		<script src="../lib/jquery-1.7.min.js"></script>
-		<script src="../lib/jquery-ui-1.8.16.custom.min.js"></script>
-		<script src="../lib/jquery.event.drag-2.0.min.js"></script>
-		<script src="../lib/jquery.event.drop-2.0.min.js"></script>
+		<script src="../lib/jquery-ui-1.8.24.custom.min.js"></script>
+		<script src="../lib/jquery.event.drag-2.2.js"></script>
+		<script src="../lib/jquery.event.draop-2.2.js"></script>
 
         <script src="../slick.core.js"></script>
         <script src="../plugins/slick.cellrangeselector.js"></script>
@@ -90,6 +90,7 @@
         <script src="../plugins/slick.rowselectionmodel.js"></script>
         <script src="../plugins/slick.rowmovemanager.js"></script>
 		<script src="../slick.editors.js"></script>
+		<script src="../slick.formatters.js"></script>
 		<script src="../slick.grid.js"></script>
 
 		<script>
@@ -112,7 +113,7 @@
                 field: "name",
                 width: 500,
                 cssClass: "cell-title",
-                editor: TextCellEditor,
+                editor: Slick.Editors.Text,
                 validator: requiredFieldValidator
             },
             {
@@ -122,8 +123,8 @@
                 cssClass: "cell-effort-driven",
                 field: "complete",
                 cannotTriggerInsert: true,
-                formatter: BoolCellFormatter,
-                editor: YesNoCheckboxCellEditor
+                formatter: Slick.Formatters.YesNo,
+                editor: Slick.Editors.YesNoSelect
             }
         ];
 
diff --git a/examples/example-spreadsheet.html b/examples/example-spreadsheet.html
index 0eadeaa3d..946626aec 100644
--- a/examples/example-spreadsheet.html
+++ b/examples/example-spreadsheet.html
@@ -4,7 +4,7 @@
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   <title>SlickGrid example 3: Editing</title>
   <link rel="stylesheet" href="../slick.grid.css" type="text/css"/>
-  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.16.custom.css" type="text/css"/>
+  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.24.custom.css" type="text/css"/>
   <link rel="stylesheet" href="examples.css" type="text/css"/>
   <style>
     .slick-cell.copied {
@@ -39,7 +39,7 @@ <h2>View Source:</h2>
 <script src="../lib/firebugx.js"></script>
 
 <script src="../lib/jquery-1.7.min.js"></script>
-<script src="../lib/jquery-ui-1.8.16.custom.min.js"></script>
+<script src="../lib/jquery-ui-1.8.24.custom.min.js"></script>
 <script src="../lib/jquery.event.drag-2.2.js"></script>
 
 <script src="../slick.core.js"></script>
diff --git a/examples/example1-simple.html b/examples/example1-simple.html
index 5c50a9e5f..944d2d8d8 100644
--- a/examples/example1-simple.html
+++ b/examples/example1-simple.html
@@ -4,7 +4,7 @@
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   <title>SlickGrid example 1: Basic grid</title>
   <link rel="stylesheet" href="../slick.grid.css" type="text/css"/>
-  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.16.custom.css" type="text/css"/>
+  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.24.custom.css" type="text/css"/>
   <link rel="stylesheet" href="examples.css" type="text/css"/>
 </head>
 <body>
diff --git a/examples/example10-async-post-render.html b/examples/example10-async-post-render.html
index 9f911b522..525b839e7 100644
--- a/examples/example10-async-post-render.html
+++ b/examples/example10-async-post-render.html
@@ -4,7 +4,7 @@
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   <title>SlickGrid example 10: Async post render</title>
   <link rel="stylesheet" href="../slick.grid.css" type="text/css"/>
-  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.16.custom.css" type="text/css"/>
+  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.24.custom.css" type="text/css"/>
   <link rel="stylesheet" href="examples.css" type="text/css"/>
   <style>
     .cell-title {
@@ -61,7 +61,7 @@ <h2>View Source:</h2>
 <script src="../lib/firebugx.js"></script>
 
 <script src="../lib/jquery-1.7.min.js"></script>
-<script src="../lib/jquery-ui-1.8.16.custom.min.js"></script>
+<script src="../lib/jquery-ui-1.8.24.custom.min.js"></script>
 <script src="../lib/jquery.event.drag-2.2.js"></script>
 <script src="../lib/jquery.sparkline.min.js"></script>
 
diff --git a/examples/example11-autoheight.html b/examples/example11-autoheight.html
index a777a0304..9ec2a2fa7 100644
--- a/examples/example11-autoheight.html
+++ b/examples/example11-autoheight.html
@@ -46,7 +46,7 @@ <h2>View Source:</h2>
 </div>
 
 <script src="../lib/jquery-1.7.min.js"></script>
-<script src="../lib/jquery-ui-1.8.16.custom.min.js"></script>
+<script src="../lib/jquery-ui-1.8.24.custom.min.js"></script>
 <script src="../lib/jquery.event.drag-2.2.js"></script>
 
 <script src="../slick.core.js"></script>
diff --git a/examples/example12-fillbrowser.html b/examples/example12-fillbrowser.html
index 0f9ff200e..733c555d4 100644
--- a/examples/example12-fillbrowser.html
+++ b/examples/example12-fillbrowser.html
@@ -111,6 +111,10 @@ <h2>View Source:</h2>
   }
 
   grid = new Slick.Grid("#container", data, columns, options);
+
+    $( window ).resize( function() {
+        grid.resizeCanvas();
+    });
 </script>
 </body>
 </html>
\ No newline at end of file
diff --git a/examples/example14-highlighting.html b/examples/example14-highlighting.html
index e85e947aa..44f1858de 100644
--- a/examples/example14-highlighting.html
+++ b/examples/example14-highlighting.html
@@ -4,7 +4,7 @@
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   <title>SlickGrid example 14: Highlighting and Flashing cells</title>
   <link rel="stylesheet" href="../slick.grid.css" type="text/css"/>
-  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.16.custom.css" type="text/css"/>
+  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.24.custom.css" type="text/css"/>
   <link rel="stylesheet" href="examples.css" type="text/css"/>
   <style>
     .load-medium {
@@ -57,7 +57,7 @@ <h2>View Source:</h2>
 <script src="../lib/firebugx.js"></script>
 
 <script src="../lib/jquery-1.7.min.js"></script>
-<script src="../lib/jquery-ui-1.8.16.custom.min.js"></script>
+<script src="../lib/jquery-ui-1.8.24.custom.min.js"></script>
 <script src="../lib/jquery.event.drag-2.2.js"></script>
 
 <script src="../slick.core.js"></script>
diff --git a/examples/example15-rangeSelection.html b/examples/example15-rangeSelection.html
deleted file mode 100644
index 3b28a27e6..000000000
--- a/examples/example15-rangeSelection.html
+++ /dev/null
@@ -1,82 +0,0 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
-<html>
-	<head>
-		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
-		<title>SlickGrid example 15: Range Selection</title>
-		<link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.16.custom.css" type="text/css" media="screen" charset="utf-8" />
-
-		<link rel="stylesheet" href="../slick.grid.css" type="text/css" media="screen" charset="utf-8" />
-		<link rel="stylesheet" href="../slick.columnpicker.css" type="text/css" media="screen" charset="utf-8" />
-		<link rel="stylesheet" href="examples.css" type="text/css" media="screen" charset="utf-8" />
-	</head>
-	<body>
-		<table width="100%">
-		<tr>
-			<td valign="top" width="50%">
-				<div id="myGrid" style="width:600px;height:500px;"></div>
-			</td>
-			<td valign="top">
-				<h2>Demonstrates:</h2>
-				<ul>
-					<li>basic grid with enableCellRangeSelection and forceFitColumns</li>
-				</ul>
-			</td>
-		</tr>
-		</table>
-
-		<script language="JavaScript" src="../lib/jquery-1.7.min.js"></script>
-		<script language="JavaScript" src="../lib/jquery-ui-1.8.16.custom.min.js"></script>
-		<script language="JavaScript" src="../lib/jquery.event.drag-2.0.min.js"></script>
-
-		<script src="../slick.core.js"></script>
-        <script src="../slick.grid.js"></script>
-		<script src="../controls/slick.columnpicker.js"></script>
-
-		<script>
-
-		var grid;
-		var selectedRange = {};
-
-		var columns = [
-			{id:"title", name:"Title", field:"title"},
-			{id:"duration", name:"Duration", field:"duration"},
-			{id:"%", name:"% Complete", field:"percentComplete"},
-			{id:"start", name:"Start", field:"start"},
-			{id:"finish", name:"Finish", field:"finish"},
-			{id:"effort-driven", name:"Effort Driven", field:"effortDriven"}
-		];
-
-		var options = {
-			enableCellNavigation: false,
-            enableColumnReorder: false,
-			enableCellRangeSelection: true,
-			forceFitColumns: true
-		};
-
-		$(function() {
-            var data = [];
-			for (var i = 0; i < 500; i++) {
-				data[i] = {
-                    title: "Task " + i,
-                    duration: "5 days",
-                    percentComplete: Math.round(Math.random() * 100),
-                    start: "01/01/2009",
-                    finish: "01/05/2009",
-                    effortDriven: (i % 5 == 0)
-                };
-			}
-
-			grid = new Slick.Grid($("#myGrid"), data, columns, options);
-			var columnpicker = new Slick.Controls.ColumnPicker(columns, grid, options);
-
-			$( '#myGrid' ).resizable();
-
-			grid.onCellRangeSelected = function( range ) {
-				selectedRange = range;
-			};
-		})
-
-		</script>
-
-	</body>
-</html>
diff --git a/examples/example2-formatters.html b/examples/example2-formatters.html
index d89be12c9..6f598c21e 100644
--- a/examples/example2-formatters.html
+++ b/examples/example2-formatters.html
@@ -4,7 +4,7 @@
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   <title>SlickGrid example 2: Formatters</title>
   <link rel="stylesheet" href="../slick.grid.css" type="text/css"/>
-  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.16.custom.css" type="text/css"/>
+  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.24.custom.css" type="text/css"/>
   <link rel="stylesheet" href="examples.css" type="text/css"/>
   <style>
     .cell-title {
@@ -44,7 +44,7 @@ <h2>View Source:</h2>
 <script src="../lib/firebugx.js"></script>
 
 <script src="../lib/jquery-1.7.min.js"></script>
-<script src="../lib/jquery-ui-1.8.16.custom.min.js"></script>
+<script src="../lib/jquery-ui-1.8.24.custom.min.js"></script>
 <script src="../lib/jquery.event.drag-2.2.js"></script>
 
 <script src="../slick.core.js"></script>
diff --git a/examples/example3-editing.html b/examples/example3-editing.html
index a990f0ade..ae59ac565 100644
--- a/examples/example3-editing.html
+++ b/examples/example3-editing.html
@@ -4,7 +4,7 @@
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   <title>SlickGrid example 3: Editing</title>
   <link rel="stylesheet" href="../slick.grid.css" type="text/css"/>
-  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.16.custom.css" type="text/css"/>
+  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.24.custom.css" type="text/css"/>
   <link rel="stylesheet" href="examples.css" type="text/css"/>
   <style>
     .cell-title {
@@ -44,7 +44,7 @@ <h2>View Source:</h2>
 <script src="../lib/firebugx.js"></script>
 
 <script src="../lib/jquery-1.7.min.js"></script>
-<script src="../lib/jquery-ui-1.8.16.custom.min.js"></script>
+<script src="../lib/jquery-ui-1.8.24.custom.min.js"></script>
 <script src="../lib/jquery.event.drag-2.2.js"></script>
 
 <script src="../slick.core.js"></script>
diff --git a/examples/example3a-compound-editors.html b/examples/example3a-compound-editors.html
index a61706521..3c244362f 100644
--- a/examples/example3a-compound-editors.html
+++ b/examples/example3a-compound-editors.html
@@ -4,7 +4,7 @@
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   <title>SlickGrid example 3a: Advanced Editing</title>
   <link rel="stylesheet" href="../slick.grid.css" type="text/css"/>
-  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.16.custom.css" type="text/css"/>
+  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.24.custom.css" type="text/css"/>
   <link rel="stylesheet" href="examples.css" type="text/css"/>
   <style>
     .cell-title {
@@ -38,7 +38,7 @@ <h2>View Source:</h2>
 <script src="../lib/firebugx.js"></script>
 
 <script src="../lib/jquery-1.7.min.js"></script>
-<script src="../lib/jquery-ui-1.8.16.custom.min.js"></script>
+<script src="../lib/jquery-ui-1.8.24.custom.min.js"></script>
 <script src="../lib/jquery.event.drag-2.2.js"></script>
 
 <script src="../slick.core.js"></script>
diff --git a/examples/example3b-editing-with-undo.html b/examples/example3b-editing-with-undo.html
index c8182e9b0..4ab9e83b1 100644
--- a/examples/example3b-editing-with-undo.html
+++ b/examples/example3b-editing-with-undo.html
@@ -4,7 +4,7 @@
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   <title>SlickGrid example 3: Editing</title>
   <link rel="stylesheet" href="../slick.grid.css" type="text/css"/>
-  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.16.custom.css" type="text/css"/>
+  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.24.custom.css" type="text/css"/>
   <link rel="stylesheet" href="examples.css" type="text/css"/>
   <style>
     .cell-title {
@@ -40,7 +40,7 @@ <h2>View Source:</h2>
 <script src="../lib/firebugx.js"></script>
 
 <script src="../lib/jquery-1.7.min.js"></script>
-<script src="../lib/jquery-ui-1.8.16.custom.min.js"></script>
+<script src="../lib/jquery-ui-1.8.24.custom.min.js"></script>
 <script src="../lib/jquery.event.drag-2.2.js"></script>
 
 <script src="../slick.core.js"></script>
diff --git a/examples/example4-model.html b/examples/example4-model.html
index ea7277164..bac28e4ff 100644
--- a/examples/example4-model.html
+++ b/examples/example4-model.html
@@ -5,7 +5,7 @@
   <title>SlickGrid example 4: Model</title>
   <link rel="stylesheet" href="../slick.grid.css" type="text/css"/>
   <link rel="stylesheet" href="../controls/slick.pager.css" type="text/css"/>
-  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.16.custom.css" type="text/css"/>
+  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.24.custom.css" type="text/css"/>
   <link rel="stylesheet" href="examples.css" type="text/css"/>
   <link rel="stylesheet" href="../controls/slick.columnpicker.css" type="text/css"/>
   <style>
@@ -95,7 +95,7 @@ <h2>View Source:</h2>
 <script src="../lib/firebugx.js"></script>
 
 <script src="../lib/jquery-1.7.min.js"></script>
-<script src="../lib/jquery-ui-1.8.16.custom.min.js"></script>
+<script src="../lib/jquery-ui-1.8.24.custom.min.js"></script>
 <script src="../lib/jquery.event.drag-2.2.js"></script>
 
 <script src="../slick.core.js"></script>
diff --git a/examples/example5-collapsing.html b/examples/example5-collapsing.html
index 9524f58b7..51fd2ee5e 100644
--- a/examples/example5-collapsing.html
+++ b/examples/example5-collapsing.html
@@ -4,7 +4,7 @@
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   <title>SlickGrid example 5: Collapsing</title>
   <link rel="stylesheet" href="../slick.grid.css" type="text/css"/>
-  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.16.custom.css" type="text/css"/>
+  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.24.custom.css" type="text/css"/>
   <link rel="stylesheet" href="examples.css" type="text/css"/>
   <style>
     .cell-title {
@@ -66,7 +66,7 @@ <h2>View Source:</h2>
 <script src="../lib/firebugx.js"></script>
 
 <script src="../lib/jquery-1.7.min.js"></script>
-<script src="../lib/jquery-ui-1.8.16.custom.min.js"></script>
+<script src="../lib/jquery-ui-1.8.24.custom.min.js"></script>
 <script src="../lib/jquery.event.drag-2.2.js"></script>
 
 <script src="../slick.core.js"></script>
diff --git a/examples/example6-ajax-loading.html b/examples/example6-ajax-loading.html
index 749919c49..fd289b473 100644
--- a/examples/example6-ajax-loading.html
+++ b/examples/example6-ajax-loading.html
@@ -4,7 +4,7 @@
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   <title>SlickGrid example 6: AJAX Load</title>
   <link rel="stylesheet" href="../slick.grid.css" type="text/css"/>
-  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.16.custom.css" type="text/css"/>
+  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.24.custom.css" type="text/css"/>
   <link rel="stylesheet" href="examples.css" type="text/css"/>
   <style>
     .cell-story {
@@ -68,7 +68,7 @@ <h2>View Source:</h2>
 <script src="../lib/firebugx.js"></script>
 
 <script src="../lib/jquery-1.7.min.js"></script>
-<script src="../lib/jquery-ui-1.8.16.custom.min.js"></script>
+<script src="../lib/jquery-ui-1.8.24.custom.min.js"></script>
 <script src="../lib/jquery.event.drag-2.2.js"></script>
 <script src="../lib/jquery.jsonp-2.4.min.js"></script>
 
diff --git a/examples/example7-events.html b/examples/example7-events.html
index a8b0b4c0b..fb5630b95 100644
--- a/examples/example7-events.html
+++ b/examples/example7-events.html
@@ -4,7 +4,7 @@
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   <title>SlickGrid example 7: Events</title>
   <link rel="stylesheet" href="../slick.grid.css" type="text/css"/>
-  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.16.custom.css" type="text/css"/>
+  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.24.custom.css" type="text/css"/>
   <link rel="stylesheet" href="examples.css" type="text/css"/>
   <style>
     .cell-title {
@@ -64,7 +64,7 @@ <h2>View Source:</h2>
 <script src="../lib/firebugx.js"></script>
 
 <script src="../lib/jquery-1.7.min.js"></script>
-<script src="../lib/jquery-ui-1.8.16.custom.min.js"></script>
+<script src="../lib/jquery-ui-1.8.24.custom.min.js"></script>
 <script src="../lib/jquery.event.drag-2.2.js"></script>
 
 <script src="../slick.core.js"></script>
diff --git a/examples/example8-alternative-display.html b/examples/example8-alternative-display.html
index fdba4f9fa..71de95031 100644
--- a/examples/example8-alternative-display.html
+++ b/examples/example8-alternative-display.html
@@ -4,7 +4,7 @@
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   <title>SlickGrid example 8: Alternative display</title>
   <link rel="stylesheet" href="../slick.grid.css" type="text/css"/>
-  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.16.custom.css" type="text/css"/>
+  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.24.custom.css" type="text/css"/>
   <link rel="stylesheet" href="examples.css" type="text/css"/>
   <style>
     .slick-cell {
diff --git a/examples/example9-row-reordering.html b/examples/example9-row-reordering.html
index 672dac328..aeaf5e1d2 100644
--- a/examples/example9-row-reordering.html
+++ b/examples/example9-row-reordering.html
@@ -4,7 +4,7 @@
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   <title>SlickGrid example 9: Row reordering</title>
   <link rel="stylesheet" href="../slick.grid.css" type="text/css"/>
-  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.16.custom.css" type="text/css"/>
+  <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.24.custom.css" type="text/css"/>
   <link rel="stylesheet" href="examples.css" type="text/css"/>
   <style>
     .cell-effort-driven {
@@ -83,7 +83,7 @@ <h2>View Source:</h2>
 <script src="../lib/firebugx.js"></script>
 
 <script src="../lib/jquery-1.7.min.js"></script>
-<script src="../lib/jquery-ui-1.8.16.custom.min.js"></script>
+<script src="../lib/jquery-ui-1.8.24.custom.min.js"></script>
 <script src="../lib/jquery.event.drag-2.2.js"></script>
 <script src="../lib/jquery.event.drop-2.2.js"></script>
 
diff --git a/examples/examples.css b/examples/examples.css
index 24bc4a23b..b104be6d8 100644
--- a/examples/examples.css
+++ b/examples/examples.css
@@ -65,24 +65,27 @@ li {
 .grid-header #txtSearch {
   margin: 0 4px 0 4px;
   padding: 2px 2px;
+  border-radius: 2px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   border: 1px solid silver;
 }
 
 .options-panel {
-  -moz-border-radius: 6px;
-  -webkit-border-radius: 6px;
-  border: 1px solid silver;
-  background: #f0f0f0;
-  padding: 4px;
-  margin-bottom: 20px;
-  width: 320px;
-  position: absolute;
+	border-radius: 6px;
+	-moz-border-radius: 6px;
+	-webkit-border-radius: 6px;
+	border: 1px solid silver;
+	background: #f0f0f0;
+	padding: 4px;
+	margin-bottom: 20px;
+    width:400px;
+	position: absolute;
   top: 0px;
   left: 650px;
 }
 
+
 /* Individual cell styles */
 .slick-cell.task-name {
   font-weight: bold;
@@ -122,6 +125,7 @@ li {
 .percent-complete-bar {
   display: inline-block;
   height: 6px;
+  border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
 }
@@ -162,7 +166,7 @@ input.editor-percentcomplete {
   display: inline-block;
   width: 16px;
   height: 100%;
-  background: url("../images/pencil.gif") no-repeat center center;
+    background: url("../images/pencil.gif") no-repeat center center;
   overflow: visible;
   z-index: 1000;
   float: right;
@@ -178,7 +182,7 @@ input.editor-percentcomplete {
 
   width: 120px;
   height: 140px;
-  display: none;
+    display: none;
   overflow: visible;
 }
 
@@ -193,15 +197,15 @@ input.editor-percentcomplete {
 }
 
 .editor-percentcomplete-buttons {
-  float: right;
+	float: right;
 }
 
 .editor-percentcomplete-buttons button {
-  width: 80px;
+	width: 80px;
 }
 
 .editor-percentcomplete-slider {
-  float: left;
+	float: left;
 }
 
 .editor-percentcomplete-picker:hover .editor-percentcomplete-helper {
@@ -214,17 +218,15 @@ input.editor-percentcomplete {
 
 /* Slick.Editors.YesNoSelect */
 select.editor-yesno {
-  width: 100%;
-  margin: 0;
-  vertical-align: middle;
+    width: 100%;
+    margin: 0;
+	vertical-align: middle;
 }
 
 /* Slick.Editors.Checkbox */
 input.editor-checkbox {
-  margin: 0;
-  height: 100%;
-  padding: 0;
-  border: 0;
+    margin: 0;
+    height: 100%;
+    padding: 0;
+    border: 0;
 }
-
-
diff --git a/lib/jquery-ui-1.8.24.custom.min.js b/lib/jquery-ui-1.8.24.custom.min.js
new file mode 100644
index 000000000..793184eed
--- /dev/null
+++ b/lib/jquery-ui-1.8.24.custom.min.js
@@ -0,0 +1,125 @@
+/*! jQuery UI - v1.8.24 - 2012-09-28
+* https://github.com/jquery/jquery-ui
+* Includes: jquery.ui.core.js
+* Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */
+(function(a,b){function c(b,c){var e=b.nodeName.toLowerCase();if("area"===e){var f=b.parentNode,g=f.name,h;return!b.href||!g||f.nodeName.toLowerCase()!=="map"?!1:(h=a("img[usemap=#"+g+"]")[0],!!h&&d(h))}return(/input|select|textarea|button|object/.test(e)?!b.disabled:"a"==e?b.href||c:c)&&d(b)}function d(b){return!a(b).parents().andSelf().filter(function(){return a.curCSS(this,"visibility")==="hidden"||a.expr.filters.hidden(this)}).length}a.ui=a.ui||{};if(a.ui.version)return;a.extend(a.ui,{version:"1.8.24",keyCode:{ALT:18,BACKSPACE:8,CAPS_LOCK:20,COMMA:188,COMMAND:91,COMMAND_LEFT:91,COMMAND_RIGHT:93,CONTROL:17,DELETE:46,DOWN:40,END:35,ENTER:13,ESCAPE:27,HOME:36,INSERT:45,LEFT:37,MENU:93,NUMPAD_ADD:107,NUMPAD_DECIMAL:110,NUMPAD_DIVIDE:111,NUMPAD_ENTER:108,NUMPAD_MULTIPLY:106,NUMPAD_SUBTRACT:109,PAGE_DOWN:34,PAGE_UP:33,PERIOD:190,RIGHT:39,SHIFT:16,SPACE:32,TAB:9,UP:38,WINDOWS:91}}),a.fn.extend({propAttr:a.fn.prop||a.fn.attr,_focus:a.fn.focus,focus:function(b,c){return typeof b=="number"?this.each(function(){var d=this;setTimeout(function(){a(d).focus(),c&&c.call(d)},b)}):this._focus.apply(this,arguments)},scrollParent:function(){var b;return a.browser.msie&&/(static|relative)/.test(this.css("position"))||/absolute/.test(this.css("position"))?b=this.parents().filter(function(){return/(relative|absolute|fixed)/.test(a.curCSS(this,"position",1))&&/(auto|scroll)/.test(a.curCSS(this,"overflow",1)+a.curCSS(this,"overflow-y",1)+a.curCSS(this,"overflow-x",1))}).eq(0):b=this.parents().filter(function(){return/(auto|scroll)/.test(a.curCSS(this,"overflow",1)+a.curCSS(this,"overflow-y",1)+a.curCSS(this,"overflow-x",1))}).eq(0),/fixed/.test(this.css("position"))||!b.length?a(document):b},zIndex:function(c){if(c!==b)return this.css("zIndex",c);if(this.length){var d=a(this[0]),e,f;while(d.length&&d[0]!==document){e=d.css("position");if(e==="absolute"||e==="relative"||e==="fixed"){f=parseInt(d.css("zIndex"),10);if(!isNaN(f)&&f!==0)return f}d=d.parent()}}return 0},disableSelection:function(){return this.bind((a.support.selectstart?"selectstart":"mousedown")+".ui-disableSelection",function(a){a.preventDefault()})},enableSelection:function(){return this.unbind(".ui-disableSelection")}}),a("<a>").outerWidth(1).jquery||a.each(["Width","Height"],function(c,d){function h(b,c,d,f){return a.each(e,function(){c-=parseFloat(a.curCSS(b,"padding"+this,!0))||0,d&&(c-=parseFloat(a.curCSS(b,"border"+this+"Width",!0))||0),f&&(c-=parseFloat(a.curCSS(b,"margin"+this,!0))||0)}),c}var e=d==="Width"?["Left","Right"]:["Top","Bottom"],f=d.toLowerCase(),g={innerWidth:a.fn.innerWidth,innerHeight:a.fn.innerHeight,outerWidth:a.fn.outerWidth,outerHeight:a.fn.outerHeight};a.fn["inner"+d]=function(c){return c===b?g["inner"+d].call(this):this.each(function(){a(this).css(f,h(this,c)+"px")})},a.fn["outer"+d]=function(b,c){return typeof b!="number"?g["outer"+d].call(this,b):this.each(function(){a(this).css(f,h(this,b,!0,c)+"px")})}}),a.extend(a.expr[":"],{data:a.expr.createPseudo?a.expr.createPseudo(function(b){return function(c){return!!a.data(c,b)}}):function(b,c,d){return!!a.data(b,d[3])},focusable:function(b){return c(b,!isNaN(a.attr(b,"tabindex")))},tabbable:function(b){var d=a.attr(b,"tabindex"),e=isNaN(d);return(e||d>=0)&&c(b,!e)}}),a(function(){var b=document.body,c=b.appendChild(c=document.createElement("div"));c.offsetHeight,a.extend(c.style,{minHeight:"100px",height:"auto",padding:0,borderWidth:0}),a.support.minHeight=c.offsetHeight===100,a.support.selectstart="onselectstart"in c,b.removeChild(c).style.display="none"}),a.curCSS||(a.curCSS=a.css),a.extend(a.ui,{plugin:{add:function(b,c,d){var e=a.ui[b].prototype;for(var f in d)e.plugins[f]=e.plugins[f]||[],e.plugins[f].push([c,d[f]])},call:function(a,b,c){var d=a.plugins[b];if(!d||!a.element[0].parentNode)return;for(var e=0;e<d.length;e++)a.options[d[e][0]]&&d[e][1].apply(a.element,c)}},contains:function(a,b){return document.compareDocumentPosition?a.compareDocumentPosition(b)&16:a!==b&&a.contains(b)},hasScroll:function(b,c){if(a(b).css("overflow")==="hidden")return!1;var d=c&&c==="left"?"scrollLeft":"scrollTop",e=!1;return b[d]>0?!0:(b[d]=1,e=b[d]>0,b[d]=0,e)},isOverAxis:function(a,b,c){return a>b&&a<b+c},isOver:function(b,c,d,e,f,g){return a.ui.isOverAxis(b,d,f)&&a.ui.isOverAxis(c,e,g)}})})(jQuery);;/*! jQuery UI - v1.8.24 - 2012-09-28
+* https://github.com/jquery/jquery-ui
+* Includes: jquery.ui.widget.js
+* Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */
+(function(a,b){if(a.cleanData){var c=a.cleanData;a.cleanData=function(b){for(var d=0,e;(e=b[d])!=null;d++)try{a(e).triggerHandler("remove")}catch(f){}c(b)}}else{var d=a.fn.remove;a.fn.remove=function(b,c){return this.each(function(){return c||(!b||a.filter(b,[this]).length)&&a("*",this).add([this]).each(function(){try{a(this).triggerHandler("remove")}catch(b){}}),d.call(a(this),b,c)})}}a.widget=function(b,c,d){var e=b.split(".")[0],f;b=b.split(".")[1],f=e+"-"+b,d||(d=c,c=a.Widget),a.expr[":"][f]=function(c){return!!a.data(c,b)},a[e]=a[e]||{},a[e][b]=function(a,b){arguments.length&&this._createWidget(a,b)};var g=new c;g.options=a.extend(!0,{},g.options),a[e][b].prototype=a.extend(!0,g,{namespace:e,widgetName:b,widgetEventPrefix:a[e][b].prototype.widgetEventPrefix||b,widgetBaseClass:f},d),a.widget.bridge(b,a[e][b])},a.widget.bridge=function(c,d){a.fn[c]=function(e){var f=typeof e=="string",g=Array.prototype.slice.call(arguments,1),h=this;return e=!f&&g.length?a.extend.apply(null,[!0,e].concat(g)):e,f&&e.charAt(0)==="_"?h:(f?this.each(function(){var d=a.data(this,c),f=d&&a.isFunction(d[e])?d[e].apply(d,g):d;if(f!==d&&f!==b)return h=f,!1}):this.each(function(){var b=a.data(this,c);b?b.option(e||{})._init():a.data(this,c,new d(e,this))}),h)}},a.Widget=function(a,b){arguments.length&&this._createWidget(a,b)},a.Widget.prototype={widgetName:"widget",widgetEventPrefix:"",options:{disabled:!1},_createWidget:function(b,c){a.data(c,this.widgetName,this),this.element=a(c),this.options=a.extend(!0,{},this.options,this._getCreateOptions(),b);var d=this;this.element.bind("remove."+this.widgetName,function(){d.destroy()}),this._create(),this._trigger("create"),this._init()},_getCreateOptions:function(){return a.metadata&&a.metadata.get(this.element[0])[this.widgetName]},_create:function(){},_init:function(){},destroy:function(){this.element.unbind("."+this.widgetName).removeData(this.widgetName),this.widget().unbind("."+this.widgetName).removeAttr("aria-disabled").removeClass(this.widgetBaseClass+"-disabled "+"ui-state-disabled")},widget:function(){return this.element},option:function(c,d){var e=c;if(arguments.length===0)return a.extend({},this.options);if(typeof c=="string"){if(d===b)return this.options[c];e={},e[c]=d}return this._setOptions(e),this},_setOptions:function(b){var c=this;return a.each(b,function(a,b){c._setOption(a,b)}),this},_setOption:function(a,b){return this.options[a]=b,a==="disabled"&&this.widget()[b?"addClass":"removeClass"](this.widgetBaseClass+"-disabled"+" "+"ui-state-disabled").attr("aria-disabled",b),this},enable:function(){return this._setOption("disabled",!1)},disable:function(){return this._setOption("disabled",!0)},_trigger:function(b,c,d){var e,f,g=this.options[b];d=d||{},c=a.Event(c),c.type=(b===this.widgetEventPrefix?b:this.widgetEventPrefix+b).toLowerCase(),c.target=this.element[0],f=c.originalEvent;if(f)for(e in f)e in c||(c[e]=f[e]);return this.element.trigger(c,d),!(a.isFunction(g)&&g.call(this.element[0],c,d)===!1||c.isDefaultPrevented())}}})(jQuery);;/*! jQuery UI - v1.8.24 - 2012-09-28
+* https://github.com/jquery/jquery-ui
+* Includes: jquery.ui.mouse.js
+* Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */
+(function(a,b){var c=!1;a(document).mouseup(function(a){c=!1}),a.widget("ui.mouse",{options:{cancel:":input,option",distance:1,delay:0},_mouseInit:function(){var b=this;this.element.bind("mousedown."+this.widgetName,function(a){return b._mouseDown(a)}).bind("click."+this.widgetName,function(c){if(!0===a.data(c.target,b.widgetName+".preventClickEvent"))return a.removeData(c.target,b.widgetName+".preventClickEvent"),c.stopImmediatePropagation(),!1}),this.started=!1},_mouseDestroy:function(){this.element.unbind("."+this.widgetName),this._mouseMoveDelegate&&a(document).unbind("mousemove."+this.widgetName,this._mouseMoveDelegate).unbind("mouseup."+this.widgetName,this._mouseUpDelegate)},_mouseDown:function(b){if(c)return;this._mouseStarted&&this._mouseUp(b),this._mouseDownEvent=b;var d=this,e=b.which==1,f=typeof this.options.cancel=="string"&&b.target.nodeName?a(b.target).closest(this.options.cancel).length:!1;if(!e||f||!this._mouseCapture(b))return!0;this.mouseDelayMet=!this.options.delay,this.mouseDelayMet||(this._mouseDelayTimer=setTimeout(function(){d.mouseDelayMet=!0},this.options.delay));if(this._mouseDistanceMet(b)&&this._mouseDelayMet(b)){this._mouseStarted=this._mouseStart(b)!==!1;if(!this._mouseStarted)return b.preventDefault(),!0}return!0===a.data(b.target,this.widgetName+".preventClickEvent")&&a.removeData(b.target,this.widgetName+".preventClickEvent"),this._mouseMoveDelegate=function(a){return d._mouseMove(a)},this._mouseUpDelegate=function(a){return d._mouseUp(a)},a(document).bind("mousemove."+this.widgetName,this._mouseMoveDelegate).bind("mouseup."+this.widgetName,this._mouseUpDelegate),b.preventDefault(),c=!0,!0},_mouseMove:function(b){return!a.browser.msie||document.documentMode>=9||!!b.button?this._mouseStarted?(this._mouseDrag(b),b.preventDefault()):(this._mouseDistanceMet(b)&&this._mouseDelayMet(b)&&(this._mouseStarted=this._mouseStart(this._mouseDownEvent,b)!==!1,this._mouseStarted?this._mouseDrag(b):this._mouseUp(b)),!this._mouseStarted):this._mouseUp(b)},_mouseUp:function(b){return a(document).unbind("mousemove."+this.widgetName,this._mouseMoveDelegate).unbind("mouseup."+this.widgetName,this._mouseUpDelegate),this._mouseStarted&&(this._mouseStarted=!1,b.target==this._mouseDownEvent.target&&a.data(b.target,this.widgetName+".preventClickEvent",!0),this._mouseStop(b)),!1},_mouseDistanceMet:function(a){return Math.max(Math.abs(this._mouseDownEvent.pageX-a.pageX),Math.abs(this._mouseDownEvent.pageY-a.pageY))>=this.options.distance},_mouseDelayMet:function(a){return this.mouseDelayMet},_mouseStart:function(a){},_mouseDrag:function(a){},_mouseStop:function(a){},_mouseCapture:function(a){return!0}})})(jQuery);;/*! jQuery UI - v1.8.24 - 2012-09-28
+* https://github.com/jquery/jquery-ui
+* Includes: jquery.ui.position.js
+* Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */
+(function(a,b){a.ui=a.ui||{};var c=/left|center|right/,d=/top|center|bottom/,e="center",f={},g=a.fn.position,h=a.fn.offset;a.fn.position=function(b){if(!b||!b.of)return g.apply(this,arguments);b=a.extend({},b);var h=a(b.of),i=h[0],j=(b.collision||"flip").split(" "),k=b.offset?b.offset.split(" "):[0,0],l,m,n;return i.nodeType===9?(l=h.width(),m=h.height(),n={top:0,left:0}):i.setTimeout?(l=h.width(),m=h.height(),n={top:h.scrollTop(),left:h.scrollLeft()}):i.preventDefault?(b.at="left top",l=m=0,n={top:b.of.pageY,left:b.of.pageX}):(l=h.outerWidth(),m=h.outerHeight(),n=h.offset()),a.each(["my","at"],function(){var a=(b[this]||"").split(" ");a.length===1&&(a=c.test(a[0])?a.concat([e]):d.test(a[0])?[e].concat(a):[e,e]),a[0]=c.test(a[0])?a[0]:e,a[1]=d.test(a[1])?a[1]:e,b[this]=a}),j.length===1&&(j[1]=j[0]),k[0]=parseInt(k[0],10)||0,k.length===1&&(k[1]=k[0]),k[1]=parseInt(k[1],10)||0,b.at[0]==="right"?n.left+=l:b.at[0]===e&&(n.left+=l/2),b.at[1]==="bottom"?n.top+=m:b.at[1]===e&&(n.top+=m/2),n.left+=k[0],n.top+=k[1],this.each(function(){var c=a(this),d=c.outerWidth(),g=c.outerHeight(),h=parseInt(a.curCSS(this,"marginLeft",!0))||0,i=parseInt(a.curCSS(this,"marginTop",!0))||0,o=d+h+(parseInt(a.curCSS(this,"marginRight",!0))||0),p=g+i+(parseInt(a.curCSS(this,"marginBottom",!0))||0),q=a.extend({},n),r;b.my[0]==="right"?q.left-=d:b.my[0]===e&&(q.left-=d/2),b.my[1]==="bottom"?q.top-=g:b.my[1]===e&&(q.top-=g/2),f.fractions||(q.left=Math.round(q.left),q.top=Math.round(q.top)),r={left:q.left-h,top:q.top-i},a.each(["left","top"],function(c,e){a.ui.position[j[c]]&&a.ui.position[j[c]][e](q,{targetWidth:l,targetHeight:m,elemWidth:d,elemHeight:g,collisionPosition:r,collisionWidth:o,collisionHeight:p,offset:k,my:b.my,at:b.at})}),a.fn.bgiframe&&c.bgiframe(),c.offset(a.extend(q,{using:b.using}))})},a.ui.position={fit:{left:function(b,c){var d=a(window),e=c.collisionPosition.left+c.collisionWidth-d.width()-d.scrollLeft();b.left=e>0?b.left-e:Math.max(b.left-c.collisionPosition.left,b.left)},top:function(b,c){var d=a(window),e=c.collisionPosition.top+c.collisionHeight-d.height()-d.scrollTop();b.top=e>0?b.top-e:Math.max(b.top-c.collisionPosition.top,b.top)}},flip:{left:function(b,c){if(c.at[0]===e)return;var d=a(window),f=c.collisionPosition.left+c.collisionWidth-d.width()-d.scrollLeft(),g=c.my[0]==="left"?-c.elemWidth:c.my[0]==="right"?c.elemWidth:0,h=c.at[0]==="left"?c.targetWidth:-c.targetWidth,i=-2*c.offset[0];b.left+=c.collisionPosition.left<0?g+h+i:f>0?g+h+i:0},top:function(b,c){if(c.at[1]===e)return;var d=a(window),f=c.collisionPosition.top+c.collisionHeight-d.height()-d.scrollTop(),g=c.my[1]==="top"?-c.elemHeight:c.my[1]==="bottom"?c.elemHeight:0,h=c.at[1]==="top"?c.targetHeight:-c.targetHeight,i=-2*c.offset[1];b.top+=c.collisionPosition.top<0?g+h+i:f>0?g+h+i:0}}},a.offset.setOffset||(a.offset.setOffset=function(b,c){/static/.test(a.curCSS(b,"position"))&&(b.style.position="relative");var d=a(b),e=d.offset(),f=parseInt(a.curCSS(b,"top",!0),10)||0,g=parseInt(a.curCSS(b,"left",!0),10)||0,h={top:c.top-e.top+f,left:c.left-e.left+g};"using"in c?c.using.call(b,h):d.css(h)},a.fn.offset=function(b){var c=this[0];return!c||!c.ownerDocument?null:b?a.isFunction(b)?this.each(function(c){a(this).offset(b.call(this,c,a(this).offset()))}):this.each(function(){a.offset.setOffset(this,b)}):h.call(this)}),a.curCSS||(a.curCSS=a.css),function(){var b=document.getElementsByTagName("body")[0],c=document.createElement("div"),d,e,g,h,i;d=document.createElement(b?"div":"body"),g={visibility:"hidden",width:0,height:0,border:0,margin:0,background:"none"},b&&a.extend(g,{position:"absolute",left:"-1000px",top:"-1000px"});for(var j in g)d.style[j]=g[j];d.appendChild(c),e=b||document.documentElement,e.insertBefore(d,e.firstChild),c.style.cssText="position: absolute; left: 10.7432222px; top: 10.432325px; height: 30px; width: 201px;",h=a(c).offset(function(a,b){return b}).offset(),d.innerHTML="",e.removeChild(d),i=h.top+h.left+(b?2e3:0),f.fractions=i>21&&i<22}()})(jQuery);;/*! jQuery UI - v1.8.24 - 2012-09-28
+* https://github.com/jquery/jquery-ui
+* Includes: jquery.ui.draggable.js
+* Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */
+(function(a,b){a.widget("ui.draggable",a.ui.mouse,{widgetEventPrefix:"drag",options:{addClasses:!0,appendTo:"parent",axis:!1,connectToSortable:!1,containment:!1,cursor:"auto",cursorAt:!1,grid:!1,handle:!1,helper:"original",iframeFix:!1,opacity:!1,refreshPositions:!1,revert:!1,revertDuration:500,scope:"default",scroll:!0,scrollSensitivity:20,scrollSpeed:20,snap:!1,snapMode:"both",snapTolerance:20,stack:!1,zIndex:!1},_create:function(){this.options.helper=="original"&&!/^(?:r|a|f)/.test(this.element.css("position"))&&(this.element[0].style.position="relative"),this.options.addClasses&&this.element.addClass("ui-draggable"),this.options.disabled&&this.element.addClass("ui-draggable-disabled"),this._mouseInit()},destroy:function(){if(!this.element.data("draggable"))return;return this.element.removeData("draggable").unbind(".draggable").removeClass("ui-draggable ui-draggable-dragging ui-draggable-disabled"),this._mouseDestroy(),this},_mouseCapture:function(b){var c=this.options;return this.helper||c.disabled||a(b.target).is(".ui-resizable-handle")?!1:(this.handle=this._getHandle(b),this.handle?(c.iframeFix&&a(c.iframeFix===!0?"iframe":c.iframeFix).each(function(){a('<div class="ui-draggable-iframeFix" style="background: #fff;"></div>').css({width:this.offsetWidth+"px",height:this.offsetHeight+"px",position:"absolute",opacity:"0.001",zIndex:1e3}).css(a(this).offset()).appendTo("body")}),!0):!1)},_mouseStart:function(b){var c=this.options;return this.helper=this._createHelper(b),this.helper.addClass("ui-draggable-dragging"),this._cacheHelperProportions(),a.ui.ddmanager&&(a.ui.ddmanager.current=this),this._cacheMargins(),this.cssPosition=this.helper.css("position"),this.scrollParent=this.helper.scrollParent(),this.offset=this.positionAbs=this.element.offset(),this.offset={top:this.offset.top-this.margins.top,left:this.offset.left-this.margins.left},a.extend(this.offset,{click:{left:b.pageX-this.offset.left,top:b.pageY-this.offset.top},parent:this._getParentOffset(),relative:this._getRelativeOffset()}),this.originalPosition=this.position=this._generatePosition(b),this.originalPageX=b.pageX,this.originalPageY=b.pageY,c.cursorAt&&this._adjustOffsetFromHelper(c.cursorAt),c.containment&&this._setContainment(),this._trigger("start",b)===!1?(this._clear(),!1):(this._cacheHelperProportions(),a.ui.ddmanager&&!c.dropBehaviour&&a.ui.ddmanager.prepareOffsets(this,b),this._mouseDrag(b,!0),a.ui.ddmanager&&a.ui.ddmanager.dragStart(this,b),!0)},_mouseDrag:function(b,c){this.position=this._generatePosition(b),this.positionAbs=this._convertPositionTo("absolute");if(!c){var d=this._uiHash();if(this._trigger("drag",b,d)===!1)return this._mouseUp({}),!1;this.position=d.position}if(!this.options.axis||this.options.axis!="y")this.helper[0].style.left=this.position.left+"px";if(!this.options.axis||this.options.axis!="x")this.helper[0].style.top=this.position.top+"px";return a.ui.ddmanager&&a.ui.ddmanager.drag(this,b),!1},_mouseStop:function(b){var c=!1;a.ui.ddmanager&&!this.options.dropBehaviour&&(c=a.ui.ddmanager.drop(this,b)),this.dropped&&(c=this.dropped,this.dropped=!1);var d=this.element[0],e=!1;while(d&&(d=d.parentNode))d==document&&(e=!0);if(!e&&this.options.helper==="original")return!1;if(this.options.revert=="invalid"&&!c||this.options.revert=="valid"&&c||this.options.revert===!0||a.isFunction(this.options.revert)&&this.options.revert.call(this.element,c)){var f=this;a(this.helper).animate(this.originalPosition,parseInt(this.options.revertDuration,10),function(){f._trigger("stop",b)!==!1&&f._clear()})}else this._trigger("stop",b)!==!1&&this._clear();return!1},_mouseUp:function(b){return a("div.ui-draggable-iframeFix").each(function(){this.parentNode.removeChild(this)}),a.ui.ddmanager&&a.ui.ddmanager.dragStop(this,b),a.ui.mouse.prototype._mouseUp.call(this,b)},cancel:function(){return this.helper.is(".ui-draggable-dragging")?this._mouseUp({}):this._clear(),this},_getHandle:function(b){var c=!this.options.handle||!a(this.options.handle,this.element).length?!0:!1;return a(this.options.handle,this.element).find("*").andSelf().each(function(){this==b.target&&(c=!0)}),c},_createHelper:function(b){var c=this.options,d=a.isFunction(c.helper)?a(c.helper.apply(this.element[0],[b])):c.helper=="clone"?this.element.clone().removeAttr("id"):this.element;return d.parents("body").length||d.appendTo(c.appendTo=="parent"?this.element[0].parentNode:c.appendTo),d[0]!=this.element[0]&&!/(fixed|absolute)/.test(d.css("position"))&&d.css("position","absolute"),d},_adjustOffsetFromHelper:function(b){typeof b=="string"&&(b=b.split(" ")),a.isArray(b)&&(b={left:+b[0],top:+b[1]||0}),"left"in b&&(this.offset.click.left=b.left+this.margins.left),"right"in b&&(this.offset.click.left=this.helperProportions.width-b.right+this.margins.left),"top"in b&&(this.offset.click.top=b.top+this.margins.top),"bottom"in b&&(this.offset.click.top=this.helperProportions.height-b.bottom+this.margins.top)},_getParentOffset:function(){this.offsetParent=this.helper.offsetParent();var b=this.offsetParent.offset();this.cssPosition=="absolute"&&this.scrollParent[0]!=document&&a.ui.contains(this.scrollParent[0],this.offsetParent[0])&&(b.left+=this.scrollParent.scrollLeft(),b.top+=this.scrollParent.scrollTop());if(this.offsetParent[0]==document.body||this.offsetParent[0].tagName&&this.offsetParent[0].tagName.toLowerCase()=="html"&&a.browser.msie)b={top:0,left:0};return{top:b.top+(parseInt(this.offsetParent.css("borderTopWidth"),10)||0),left:b.left+(parseInt(this.offsetParent.css("borderLeftWidth"),10)||0)}},_getRelativeOffset:function(){if(this.cssPosition=="relative"){var a=this.element.position();return{top:a.top-(parseInt(this.helper.css("top"),10)||0)+this.scrollParent.scrollTop(),left:a.left-(parseInt(this.helper.css("left"),10)||0)+this.scrollParent.scrollLeft()}}return{top:0,left:0}},_cacheMargins:function(){this.margins={left:parseInt(this.element.css("marginLeft"),10)||0,top:parseInt(this.element.css("marginTop"),10)||0,right:parseInt(this.element.css("marginRight"),10)||0,bottom:parseInt(this.element.css("marginBottom"),10)||0}},_cacheHelperProportions:function(){this.helperProportions={width:this.helper.outerWidth(),height:this.helper.outerHeight()}},_setContainment:function(){var b=this.options;b.containment=="parent"&&(b.containment=this.helper[0].parentNode);if(b.containment=="document"||b.containment=="window")this.containment=[b.containment=="document"?0:a(window).scrollLeft()-this.offset.relative.left-this.offset.parent.left,b.containment=="document"?0:a(window).scrollTop()-this.offset.relative.top-this.offset.parent.top,(b.containment=="document"?0:a(window).scrollLeft())+a(b.containment=="document"?document:window).width()-this.helperProportions.width-this.margins.left,(b.containment=="document"?0:a(window).scrollTop())+(a(b.containment=="document"?document:window).height()||document.body.parentNode.scrollHeight)-this.helperProportions.height-this.margins.top];if(!/^(document|window|parent)$/.test(b.containment)&&b.containment.constructor!=Array){var c=a(b.containment),d=c[0];if(!d)return;var e=c.offset(),f=a(d).css("overflow")!="hidden";this.containment=[(parseInt(a(d).css("borderLeftWidth"),10)||0)+(parseInt(a(d).css("paddingLeft"),10)||0),(parseInt(a(d).css("borderTopWidth"),10)||0)+(parseInt(a(d).css("paddingTop"),10)||0),(f?Math.max(d.scrollWidth,d.offsetWidth):d.offsetWidth)-(parseInt(a(d).css("borderLeftWidth"),10)||0)-(parseInt(a(d).css("paddingRight"),10)||0)-this.helperProportions.width-this.margins.left-this.margins.right,(f?Math.max(d.scrollHeight,d.offsetHeight):d.offsetHeight)-(parseInt(a(d).css("borderTopWidth"),10)||0)-(parseInt(a(d).css("paddingBottom"),10)||0)-this.helperProportions.height-this.margins.top-this.margins.bottom],this.relative_container=c}else b.containment.constructor==Array&&(this.containment=b.containment)},_convertPositionTo:function(b,c){c||(c=this.position);var d=b=="absolute"?1:-1,e=this.options,f=this.cssPosition=="absolute"&&(this.scrollParent[0]==document||!a.ui.contains(this.scrollParent[0],this.offsetParent[0]))?this.offsetParent:this.scrollParent,g=/(html|body)/i.test(f[0].tagName);return{top:c.top+this.offset.relative.top*d+this.offset.parent.top*d-(a.browser.safari&&a.browser.version<526&&this.cssPosition=="fixed"?0:(this.cssPosition=="fixed"?-this.scrollParent.scrollTop():g?0:f.scrollTop())*d),left:c.left+this.offset.relative.left*d+this.offset.parent.left*d-(a.browser.safari&&a.browser.version<526&&this.cssPosition=="fixed"?0:(this.cssPosition=="fixed"?-this.scrollParent.scrollLeft():g?0:f.scrollLeft())*d)}},_generatePosition:function(b){var c=this.options,d=this.cssPosition=="absolute"&&(this.scrollParent[0]==document||!a.ui.contains(this.scrollParent[0],this.offsetParent[0]))?this.offsetParent:this.scrollParent,e=/(html|body)/i.test(d[0].tagName),f=b.pageX,g=b.pageY;if(this.originalPosition){var h;if(this.containment){if(this.relative_container){var i=this.relative_container.offset();h=[this.containment[0]+i.left,this.containment[1]+i.top,this.containment[2]+i.left,this.containment[3]+i.top]}else h=this.containment;b.pageX-this.offset.click.left<h[0]&&(f=h[0]+this.offset.click.left),b.pageY-this.offset.click.top<h[1]&&(g=h[1]+this.offset.click.top),b.pageX-this.offset.click.left>h[2]&&(f=h[2]+this.offset.click.left),b.pageY-this.offset.click.top>h[3]&&(g=h[3]+this.offset.click.top)}if(c.grid){var j=c.grid[1]?this.originalPageY+Math.round((g-this.originalPageY)/c.grid[1])*c.grid[1]:this.originalPageY;g=h?j-this.offset.click.top<h[1]||j-this.offset.click.top>h[3]?j-this.offset.click.top<h[1]?j+c.grid[1]:j-c.grid[1]:j:j;var k=c.grid[0]?this.originalPageX+Math.round((f-this.originalPageX)/c.grid[0])*c.grid[0]:this.originalPageX;f=h?k-this.offset.click.left<h[0]||k-this.offset.click.left>h[2]?k-this.offset.click.left<h[0]?k+c.grid[0]:k-c.grid[0]:k:k}}return{top:g-this.offset.click.top-this.offset.relative.top-this.offset.parent.top+(a.browser.safari&&a.browser.version<526&&this.cssPosition=="fixed"?0:this.cssPosition=="fixed"?-this.scrollParent.scrollTop():e?0:d.scrollTop()),left:f-this.offset.click.left-this.offset.relative.left-this.offset.parent.left+(a.browser.safari&&a.browser.version<526&&this.cssPosition=="fixed"?0:this.cssPosition=="fixed"?-this.scrollParent.scrollLeft():e?0:d.scrollLeft())}},_clear:function(){this.helper.removeClass("ui-draggable-dragging"),this.helper[0]!=this.element[0]&&!this.cancelHelperRemoval&&this.helper.remove(),this.helper=null,this.cancelHelperRemoval=!1},_trigger:function(b,c,d){return d=d||this._uiHash(),a.ui.plugin.call(this,b,[c,d]),b=="drag"&&(this.positionAbs=this._convertPositionTo("absolute")),a.Widget.prototype._trigger.call(this,b,c,d)},plugins:{},_uiHash:function(a){return{helper:this.helper,position:this.position,originalPosition:this.originalPosition,offset:this.positionAbs}}}),a.extend(a.ui.draggable,{version:"1.8.24"}),a.ui.plugin.add("draggable","connectToSortable",{start:function(b,c){var d=a(this).data("draggable"),e=d.options,f=a.extend({},c,{item:d.element});d.sortables=[],a(e.connectToSortable).each(function(){var c=a.data(this,"sortable");c&&!c.options.disabled&&(d.sortables.push({instance:c,shouldRevert:c.options.revert}),c.refreshPositions(),c._trigger("activate",b,f))})},stop:function(b,c){var d=a(this).data("draggable"),e=a.extend({},c,{item:d.element});a.each(d.sortables,function(){this.instance.isOver?(this.instance.isOver=0,d.cancelHelperRemoval=!0,this.instance.cancelHelperRemoval=!1,this.shouldRevert&&(this.instance.options.revert=!0),this.instance._mouseStop(b),this.instance.options.helper=this.instance.options._helper,d.options.helper=="original"&&this.instance.currentItem.css({top:"auto",left:"auto"})):(this.instance.cancelHelperRemoval=!1,this.instance._trigger("deactivate",b,e))})},drag:function(b,c){var d=a(this).data("draggable"),e=this,f=function(b){var c=this.offset.click.top,d=this.offset.click.left,e=this.positionAbs.top,f=this.positionAbs.left,g=b.height,h=b.width,i=b.top,j=b.left;return a.ui.isOver(e+c,f+d,i,j,g,h)};a.each(d.sortables,function(f){this.instance.positionAbs=d.positionAbs,this.instance.helperProportions=d.helperProportions,this.instance.offset.click=d.offset.click,this.instance._intersectsWith(this.instance.containerCache)?(this.instance.isOver||(this.instance.isOver=1,this.instance.currentItem=a(e).clone().removeAttr("id").appendTo(this.instance.element).data("sortable-item",!0),this.instance.options._helper=this.instance.options.helper,this.instance.options.helper=function(){return c.helper[0]},b.target=this.instance.currentItem[0],this.instance._mouseCapture(b,!0),this.instance._mouseStart(b,!0,!0),this.instance.offset.click.top=d.offset.click.top,this.instance.offset.click.left=d.offset.click.left,this.instance.offset.parent.left-=d.offset.parent.left-this.instance.offset.parent.left,this.instance.offset.parent.top-=d.offset.parent.top-this.instance.offset.parent.top,d._trigger("toSortable",b),d.dropped=this.instance.element,d.currentItem=d.element,this.instance.fromOutside=d),this.instance.currentItem&&this.instance._mouseDrag(b)):this.instance.isOver&&(this.instance.isOver=0,this.instance.cancelHelperRemoval=!0,this.instance.options.revert=!1,this.instance._trigger("out",b,this.instance._uiHash(this.instance)),this.instance._mouseStop(b,!0),this.instance.options.helper=this.instance.options._helper,this.instance.currentItem.remove(),this.instance.placeholder&&this.instance.placeholder.remove(),d._trigger("fromSortable",b),d.dropped=!1)})}}),a.ui.plugin.add("draggable","cursor",{start:function(b,c){var d=a("body"),e=a(this).data("draggable").options;d.css("cursor")&&(e._cursor=d.css("cursor")),d.css("cursor",e.cursor)},stop:function(b,c){var d=a(this).data("draggable").options;d._cursor&&a("body").css("cursor",d._cursor)}}),a.ui.plugin.add("draggable","opacity",{start:function(b,c){var d=a(c.helper),e=a(this).data("draggable").options;d.css("opacity")&&(e._opacity=d.css("opacity")),d.css("opacity",e.opacity)},stop:function(b,c){var d=a(this).data("draggable").options;d._opacity&&a(c.helper).css("opacity",d._opacity)}}),a.ui.plugin.add("draggable","scroll",{start:function(b,c){var d=a(this).data("draggable");d.scrollParent[0]!=document&&d.scrollParent[0].tagName!="HTML"&&(d.overflowOffset=d.scrollParent.offset())},drag:function(b,c){var d=a(this).data("draggable"),e=d.options,f=!1;if(d.scrollParent[0]!=document&&d.scrollParent[0].tagName!="HTML"){if(!e.axis||e.axis!="x")d.overflowOffset.top+d.scrollParent[0].offsetHeight-b.pageY<e.scrollSensitivity?d.scrollParent[0].scrollTop=f=d.scrollParent[0].scrollTop+e.scrollSpeed:b.pageY-d.overflowOffset.top<e.scrollSensitivity&&(d.scrollParent[0].scrollTop=f=d.scrollParent[0].scrollTop-e.scrollSpeed);if(!e.axis||e.axis!="y")d.overflowOffset.left+d.scrollParent[0].offsetWidth-b.pageX<e.scrollSensitivity?d.scrollParent[0].scrollLeft=f=d.scrollParent[0].scrollLeft+e.scrollSpeed:b.pageX-d.overflowOffset.left<e.scrollSensitivity&&(d.scrollParent[0].scrollLeft=f=d.scrollParent[0].scrollLeft-e.scrollSpeed)}else{if(!e.axis||e.axis!="x")b.pageY-a(document).scrollTop()<e.scrollSensitivity?f=a(document).scrollTop(a(document).scrollTop()-e.scrollSpeed):a(window).height()-(b.pageY-a(document).scrollTop())<e.scrollSensitivity&&(f=a(document).scrollTop(a(document).scrollTop()+e.scrollSpeed));if(!e.axis||e.axis!="y")b.pageX-a(document).scrollLeft()<e.scrollSensitivity?f=a(document).scrollLeft(a(document).scrollLeft()-e.scrollSpeed):a(window).width()-(b.pageX-a(document).scrollLeft())<e.scrollSensitivity&&(f=a(document).scrollLeft(a(document).scrollLeft()+e.scrollSpeed))}f!==!1&&a.ui.ddmanager&&!e.dropBehaviour&&a.ui.ddmanager.prepareOffsets(d,b)}}),a.ui.plugin.add("draggable","snap",{start:function(b,c){var d=a(this).data("draggable"),e=d.options;d.snapElements=[],a(e.snap.constructor!=String?e.snap.items||":data(draggable)":e.snap).each(function(){var b=a(this),c=b.offset();this!=d.element[0]&&d.snapElements.push({item:this,width:b.outerWidth(),height:b.outerHeight(),top:c.top,left:c.left})})},drag:function(b,c){var d=a(this).data("draggable"),e=d.options,f=e.snapTolerance,g=c.offset.left,h=g+d.helperProportions.width,i=c.offset.top,j=i+d.helperProportions.height;for(var k=d.snapElements.length-1;k>=0;k--){var l=d.snapElements[k].left,m=l+d.snapElements[k].width,n=d.snapElements[k].top,o=n+d.snapElements[k].height;if(!(l-f<g&&g<m+f&&n-f<i&&i<o+f||l-f<g&&g<m+f&&n-f<j&&j<o+f||l-f<h&&h<m+f&&n-f<i&&i<o+f||l-f<h&&h<m+f&&n-f<j&&j<o+f)){d.snapElements[k].snapping&&d.options.snap.release&&d.options.snap.release.call(d.element,b,a.extend(d._uiHash(),{snapItem:d.snapElements[k].item})),d.snapElements[k].snapping=!1;continue}if(e.snapMode!="inner"){var p=Math.abs(n-j)<=f,q=Math.abs(o-i)<=f,r=Math.abs(l-h)<=f,s=Math.abs(m-g)<=f;p&&(c.position.top=d._convertPositionTo("relative",{top:n-d.helperProportions.height,left:0}).top-d.margins.top),q&&(c.position.top=d._convertPositionTo("relative",{top:o,left:0}).top-d.margins.top),r&&(c.position.left=d._convertPositionTo("relative",{top:0,left:l-d.helperProportions.width}).left-d.margins.left),s&&(c.position.left=d._convertPositionTo("relative",{top:0,left:m}).left-d.margins.left)}var t=p||q||r||s;if(e.snapMode!="outer"){var p=Math.abs(n-i)<=f,q=Math.abs(o-j)<=f,r=Math.abs(l-g)<=f,s=Math.abs(m-h)<=f;p&&(c.position.top=d._convertPositionTo("relative",{top:n,left:0}).top-d.margins.top),q&&(c.position.top=d._convertPositionTo("relative",{top:o-d.helperProportions.height,left:0}).top-d.margins.top),r&&(c.position.left=d._convertPositionTo("relative",{top:0,left:l}).left-d.margins.left),s&&(c.position.left=d._convertPositionTo("relative",{top:0,left:m-d.helperProportions.width}).left-d.margins.left)}!d.snapElements[k].snapping&&(p||q||r||s||t)&&d.options.snap.snap&&d.options.snap.snap.call(d.element,b,a.extend(d._uiHash(),{snapItem:d.snapElements[k].item})),d.snapElements[k].snapping=p||q||r||s||t}}}),a.ui.plugin.add("draggable","stack",{start:function(b,c){var d=a(this).data("draggable").options,e=a.makeArray(a(d.stack)).sort(function(b,c){return(parseInt(a(b).css("zIndex"),10)||0)-(parseInt(a(c).css("zIndex"),10)||0)});if(!e.length)return;var f=parseInt(e[0].style.zIndex)||0;a(e).each(function(a){this.style.zIndex=f+a}),this[0].style.zIndex=f+e.length}}),a.ui.plugin.add("draggable","zIndex",{start:function(b,c){var d=a(c.helper),e=a(this).data("draggable").options;d.css("zIndex")&&(e._zIndex=d.css("zIndex")),d.css("zIndex",e.zIndex)},stop:function(b,c){var d=a(this).data("draggable").options;d._zIndex&&a(c.helper).css("zIndex",d._zIndex)}})})(jQuery);;/*! jQuery UI - v1.8.24 - 2012-09-28
+* https://github.com/jquery/jquery-ui
+* Includes: jquery.ui.droppable.js
+* Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */
+(function(a,b){a.widget("ui.droppable",{widgetEventPrefix:"drop",options:{accept:"*",activeClass:!1,addClasses:!0,greedy:!1,hoverClass:!1,scope:"default",tolerance:"intersect"},_create:function(){var b=this.options,c=b.accept;this.isover=0,this.isout=1,this.accept=a.isFunction(c)?c:function(a){return a.is(c)},this.proportions={width:this.element[0].offsetWidth,height:this.element[0].offsetHeight},a.ui.ddmanager.droppables[b.scope]=a.ui.ddmanager.droppables[b.scope]||[],a.ui.ddmanager.droppables[b.scope].push(this),b.addClasses&&this.element.addClass("ui-droppable")},destroy:function(){var b=a.ui.ddmanager.droppables[this.options.scope];for(var c=0;c<b.length;c++)b[c]==this&&b.splice(c,1);return this.element.removeClass("ui-droppable ui-droppable-disabled").removeData("droppable").unbind(".droppable"),this},_setOption:function(b,c){b=="accept"&&(this.accept=a.isFunction(c)?c:function(a){return a.is(c)}),a.Widget.prototype._setOption.apply(this,arguments)},_activate:function(b){var c=a.ui.ddmanager.current;this.options.activeClass&&this.element.addClass(this.options.activeClass),c&&this._trigger("activate",b,this.ui(c))},_deactivate:function(b){var c=a.ui.ddmanager.current;this.options.activeClass&&this.element.removeClass(this.options.activeClass),c&&this._trigger("deactivate",b,this.ui(c))},_over:function(b){var c=a.ui.ddmanager.current;if(!c||(c.currentItem||c.element)[0]==this.element[0])return;this.accept.call(this.element[0],c.currentItem||c.element)&&(this.options.hoverClass&&this.element.addClass(this.options.hoverClass),this._trigger("over",b,this.ui(c)))},_out:function(b){var c=a.ui.ddmanager.current;if(!c||(c.currentItem||c.element)[0]==this.element[0])return;this.accept.call(this.element[0],c.currentItem||c.element)&&(this.options.hoverClass&&this.element.removeClass(this.options.hoverClass),this._trigger("out",b,this.ui(c)))},_drop:function(b,c){var d=c||a.ui.ddmanager.current;if(!d||(d.currentItem||d.element)[0]==this.element[0])return!1;var e=!1;return this.element.find(":data(droppable)").not(".ui-draggable-dragging").each(function(){var b=a.data(this,"droppable");if(b.options.greedy&&!b.options.disabled&&b.options.scope==d.options.scope&&b.accept.call(b.element[0],d.currentItem||d.element)&&a.ui.intersect(d,a.extend(b,{offset:b.element.offset()}),b.options.tolerance))return e=!0,!1}),e?!1:this.accept.call(this.element[0],d.currentItem||d.element)?(this.options.activeClass&&this.element.removeClass(this.options.activeClass),this.options.hoverClass&&this.element.removeClass(this.options.hoverClass),this._trigger("drop",b,this.ui(d)),this.element):!1},ui:function(a){return{draggable:a.currentItem||a.element,helper:a.helper,position:a.position,offset:a.positionAbs}}}),a.extend(a.ui.droppable,{version:"1.8.24"}),a.ui.intersect=function(b,c,d){if(!c.offset)return!1;var e=(b.positionAbs||b.position.absolute).left,f=e+b.helperProportions.width,g=(b.positionAbs||b.position.absolute).top,h=g+b.helperProportions.height,i=c.offset.left,j=i+c.proportions.width,k=c.offset.top,l=k+c.proportions.height;switch(d){case"fit":return i<=e&&f<=j&&k<=g&&h<=l;case"intersect":return i<e+b.helperProportions.width/2&&f-b.helperProportions.width/2<j&&k<g+b.helperProportions.height/2&&h-b.helperProportions.height/2<l;case"pointer":var m=(b.positionAbs||b.position.absolute).left+(b.clickOffset||b.offset.click).left,n=(b.positionAbs||b.position.absolute).top+(b.clickOffset||b.offset.click).top,o=a.ui.isOver(n,m,k,i,c.proportions.height,c.proportions.width);return o;case"touch":return(g>=k&&g<=l||h>=k&&h<=l||g<k&&h>l)&&(e>=i&&e<=j||f>=i&&f<=j||e<i&&f>j);default:return!1}},a.ui.ddmanager={current:null,droppables:{"default":[]},prepareOffsets:function(b,c){var d=a.ui.ddmanager.droppables[b.options.scope]||[],e=c?c.type:null,f=(b.currentItem||b.element).find(":data(droppable)").andSelf();g:for(var h=0;h<d.length;h++){if(d[h].options.disabled||b&&!d[h].accept.call(d[h].element[0],b.currentItem||b.element))continue;for(var i=0;i<f.length;i++)if(f[i]==d[h].element[0]){d[h].proportions.height=0;continue g}d[h].visible=d[h].element.css("display")!="none";if(!d[h].visible)continue;e=="mousedown"&&d[h]._activate.call(d[h],c),d[h].offset=d[h].element.offset(),d[h].proportions={width:d[h].element[0].offsetWidth,height:d[h].element[0].offsetHeight}}},drop:function(b,c){var d=!1;return a.each(a.ui.ddmanager.droppables[b.options.scope]||[],function(){if(!this.options)return;!this.options.disabled&&this.visible&&a.ui.intersect(b,this,this.options.tolerance)&&(d=this._drop.call(this,c)||d),!this.options.disabled&&this.visible&&this.accept.call(this.element[0],b.currentItem||b.element)&&(this.isout=1,this.isover=0,this._deactivate.call(this,c))}),d},dragStart:function(b,c){b.element.parents(":not(body,html)").bind("scroll.droppable",function(){b.options.refreshPositions||a.ui.ddmanager.prepareOffsets(b,c)})},drag:function(b,c){b.options.refreshPositions&&a.ui.ddmanager.prepareOffsets(b,c),a.each(a.ui.ddmanager.droppables[b.options.scope]||[],function(){if(this.options.disabled||this.greedyChild||!this.visible)return;var d=a.ui.intersect(b,this,this.options.tolerance),e=!d&&this.isover==1?"isout":d&&this.isover==0?"isover":null;if(!e)return;var f;if(this.options.greedy){var g=this.options.scope,h=this.element.parents(":data(droppable)").filter(function(){return a.data(this,"droppable").options.scope===g});h.length&&(f=a.data(h[0],"droppable"),f.greedyChild=e=="isover"?1:0)}f&&e=="isover"&&(f.isover=0,f.isout=1,f._out.call(f,c)),this[e]=1,this[e=="isout"?"isover":"isout"]=0,this[e=="isover"?"_over":"_out"].call(this,c),f&&e=="isout"&&(f.isout=0,f.isover=1,f._over.call(f,c))})},dragStop:function(b,c){b.element.parents(":not(body,html)").unbind("scroll.droppable"),b.options.refreshPositions||a.ui.ddmanager.prepareOffsets(b,c)}}})(jQuery);;/*! jQuery UI - v1.8.24 - 2012-09-28
+* https://github.com/jquery/jquery-ui
+* Includes: jquery.ui.resizable.js
+* Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */
+(function(a,b){a.widget("ui.resizable",a.ui.mouse,{widgetEventPrefix:"resize",options:{alsoResize:!1,animate:!1,animateDuration:"slow",animateEasing:"swing",aspectRatio:!1,autoHide:!1,containment:!1,ghost:!1,grid:!1,handles:"e,s,se",helper:!1,maxHeight:null,maxWidth:null,minHeight:10,minWidth:10,zIndex:1e3},_create:function(){var b=this,c=this.options;this.element.addClass("ui-resizable"),a.extend(this,{_aspectRatio:!!c.aspectRatio,aspectRatio:c.aspectRatio,originalElement:this.element,_proportionallyResizeElements:[],_helper:c.helper||c.ghost||c.animate?c.helper||"ui-resizable-helper":null}),this.element[0].nodeName.match(/canvas|textarea|input|select|button|img/i)&&(this.element.wrap(a('<div class="ui-wrapper" style="overflow: hidden;"></div>').css({position:this.element.css("position"),width:this.element.outerWidth(),height:this.element.outerHeight(),top:this.element.css("top"),left:this.element.css("left")})),this.element=this.element.parent().data("resizable",this.element.data("resizable")),this.elementIsWrapper=!0,this.element.css({marginLeft:this.originalElement.css("marginLeft"),marginTop:this.originalElement.css("marginTop"),marginRight:this.originalElement.css("marginRight"),marginBottom:this.originalElement.css("marginBottom")}),this.originalElement.css({marginLeft:0,marginTop:0,marginRight:0,marginBottom:0}),this.originalResizeStyle=this.originalElement.css("resize"),this.originalElement.css("resize","none"),this._proportionallyResizeElements.push(this.originalElement.css({position:"static",zoom:1,display:"block"})),this.originalElement.css({margin:this.originalElement.css("margin")}),this._proportionallyResize()),this.handles=c.handles||(a(".ui-resizable-handle",this.element).length?{n:".ui-resizable-n",e:".ui-resizable-e",s:".ui-resizable-s",w:".ui-resizable-w",se:".ui-resizable-se",sw:".ui-resizable-sw",ne:".ui-resizable-ne",nw:".ui-resizable-nw"}:"e,s,se");if(this.handles.constructor==String){this.handles=="all"&&(this.handles="n,e,s,w,se,sw,ne,nw");var d=this.handles.split(",");this.handles={};for(var e=0;e<d.length;e++){var f=a.trim(d[e]),g="ui-resizable-"+f,h=a('<div class="ui-resizable-handle '+g+'"></div>');h.css({zIndex:c.zIndex}),"se"==f&&h.addClass("ui-icon ui-icon-gripsmall-diagonal-se"),this.handles[f]=".ui-resizable-"+f,this.element.append(h)}}this._renderAxis=function(b){b=b||this.element;for(var c in this.handles){this.handles[c].constructor==String&&(this.handles[c]=a(this.handles[c],this.element).show());if(this.elementIsWrapper&&this.originalElement[0].nodeName.match(/textarea|input|select|button/i)){var d=a(this.handles[c],this.element),e=0;e=/sw|ne|nw|se|n|s/.test(c)?d.outerHeight():d.outerWidth();var f=["padding",/ne|nw|n/.test(c)?"Top":/se|sw|s/.test(c)?"Bottom":/^e$/.test(c)?"Right":"Left"].join("");b.css(f,e),this._proportionallyResize()}if(!a(this.handles[c]).length)continue}},this._renderAxis(this.element),this._handles=a(".ui-resizable-handle",this.element).disableSelection(),this._handles.mouseover(function(){if(!b.resizing){if(this.className)var a=this.className.match(/ui-resizable-(se|sw|ne|nw|n|e|s|w)/i);b.axis=a&&a[1]?a[1]:"se"}}),c.autoHide&&(this._handles.hide(),a(this.element).addClass("ui-resizable-autohide").hover(function(){if(c.disabled)return;a(this).removeClass("ui-resizable-autohide"),b._handles.show()},function(){if(c.disabled)return;b.resizing||(a(this).addClass("ui-resizable-autohide"),b._handles.hide())})),this._mouseInit()},destroy:function(){this._mouseDestroy();var b=function(b){a(b).removeClass("ui-resizable ui-resizable-disabled ui-resizable-resizing").removeData("resizable").unbind(".resizable").find(".ui-resizable-handle").remove()};if(this.elementIsWrapper){b(this.element);var c=this.element;c.after(this.originalElement.css({position:c.css("position"),width:c.outerWidth(),height:c.outerHeight(),top:c.css("top"),left:c.css("left")})).remove()}return this.originalElement.css("resize",this.originalResizeStyle),b(this.originalElement),this},_mouseCapture:function(b){var c=!1;for(var d in this.handles)a(this.handles[d])[0]==b.target&&(c=!0);return!this.options.disabled&&c},_mouseStart:function(b){var d=this.options,e=this.element.position(),f=this.element;this.resizing=!0,this.documentScroll={top:a(document).scrollTop(),left:a(document).scrollLeft()},(f.is(".ui-draggable")||/absolute/.test(f.css("position")))&&f.css({position:"absolute",top:e.top,left:e.left}),this._renderProxy();var g=c(this.helper.css("left")),h=c(this.helper.css("top"));d.containment&&(g+=a(d.containment).scrollLeft()||0,h+=a(d.containment).scrollTop()||0),this.offset=this.helper.offset(),this.position={left:g,top:h},this.size=this._helper?{width:f.outerWidth(),height:f.outerHeight()}:{width:f.width(),height:f.height()},this.originalSize=this._helper?{width:f.outerWidth(),height:f.outerHeight()}:{width:f.width(),height:f.height()},this.originalPosition={left:g,top:h},this.sizeDiff={width:f.outerWidth()-f.width(),height:f.outerHeight()-f.height()},this.originalMousePosition={left:b.pageX,top:b.pageY},this.aspectRatio=typeof d.aspectRatio=="number"?d.aspectRatio:this.originalSize.width/this.originalSize.height||1;var i=a(".ui-resizable-"+this.axis).css("cursor");return a("body").css("cursor",i=="auto"?this.axis+"-resize":i),f.addClass("ui-resizable-resizing"),this._propagate("start",b),!0},_mouseDrag:function(b){var c=this.helper,d=this.options,e={},f=this,g=this.originalMousePosition,h=this.axis,i=b.pageX-g.left||0,j=b.pageY-g.top||0,k=this._change[h];if(!k)return!1;var l=k.apply(this,[b,i,j]),m=a.browser.msie&&a.browser.version<7,n=this.sizeDiff;this._updateVirtualBoundaries(b.shiftKey);if(this._aspectRatio||b.shiftKey)l=this._updateRatio(l,b);return l=this._respectSize(l,b),this._propagate("resize",b),c.css({top:this.position.top+"px",left:this.position.left+"px",width:this.size.width+"px",height:this.size.height+"px"}),!this._helper&&this._proportionallyResizeElements.length&&this._proportionallyResize(),this._updateCache(l),this._trigger("resize",b,this.ui()),!1},_mouseStop:function(b){this.resizing=!1;var c=this.options,d=this;if(this._helper){var e=this._proportionallyResizeElements,f=e.length&&/textarea/i.test(e[0].nodeName),g=f&&a.ui.hasScroll(e[0],"left")?0:d.sizeDiff.height,h=f?0:d.sizeDiff.width,i={width:d.helper.width()-h,height:d.helper.height()-g},j=parseInt(d.element.css("left"),10)+(d.position.left-d.originalPosition.left)||null,k=parseInt(d.element.css("top"),10)+(d.position.top-d.originalPosition.top)||null;c.animate||this.element.css(a.extend(i,{top:k,left:j})),d.helper.height(d.size.height),d.helper.width(d.size.width),this._helper&&!c.animate&&this._proportionallyResize()}return a("body").css("cursor","auto"),this.element.removeClass("ui-resizable-resizing"),this._propagate("stop",b),this._helper&&this.helper.remove(),!1},_updateVirtualBoundaries:function(a){var b=this.options,c,e,f,g,h;h={minWidth:d(b.minWidth)?b.minWidth:0,maxWidth:d(b.maxWidth)?b.maxWidth:Infinity,minHeight:d(b.minHeight)?b.minHeight:0,maxHeight:d(b.maxHeight)?b.maxHeight:Infinity};if(this._aspectRatio||a)c=h.minHeight*this.aspectRatio,f=h.minWidth/this.aspectRatio,e=h.maxHeight*this.aspectRatio,g=h.maxWidth/this.aspectRatio,c>h.minWidth&&(h.minWidth=c),f>h.minHeight&&(h.minHeight=f),e<h.maxWidth&&(h.maxWidth=e),g<h.maxHeight&&(h.maxHeight=g);this._vBoundaries=h},_updateCache:function(a){var b=this.options;this.offset=this.helper.offset(),d(a.left)&&(this.position.left=a.left),d(a.top)&&(this.position.top=a.top),d(a.height)&&(this.size.height=a.height),d(a.width)&&(this.size.width=a.width)},_updateRatio:function(a,b){var c=this.options,e=this.position,f=this.size,g=this.axis;return d(a.height)?a.width=a.height*this.aspectRatio:d(a.width)&&(a.height=a.width/this.aspectRatio),g=="sw"&&(a.left=e.left+(f.width-a.width),a.top=null),g=="nw"&&(a.top=e.top+(f.height-a.height),a.left=e.left+(f.width-a.width)),a},_respectSize:function(a,b){var c=this.helper,e=this._vBoundaries,f=this._aspectRatio||b.shiftKey,g=this.axis,h=d(a.width)&&e.maxWidth&&e.maxWidth<a.width,i=d(a.height)&&e.maxHeight&&e.maxHeight<a.height,j=d(a.width)&&e.minWidth&&e.minWidth>a.width,k=d(a.height)&&e.minHeight&&e.minHeight>a.height;j&&(a.width=e.minWidth),k&&(a.height=e.minHeight),h&&(a.width=e.maxWidth),i&&(a.height=e.maxHeight);var l=this.originalPosition.left+this.originalSize.width,m=this.position.top+this.size.height,n=/sw|nw|w/.test(g),o=/nw|ne|n/.test(g);j&&n&&(a.left=l-e.minWidth),h&&n&&(a.left=l-e.maxWidth),k&&o&&(a.top=m-e.minHeight),i&&o&&(a.top=m-e.maxHeight);var p=!a.width&&!a.height;return p&&!a.left&&a.top?a.top=null:p&&!a.top&&a.left&&(a.left=null),a},_proportionallyResize:function(){var b=this.options;if(!this._proportionallyResizeElements.length)return;var c=this.helper||this.element;for(var d=0;d<this._proportionallyResizeElements.length;d++){var e=this._proportionallyResizeElements[d];if(!this.borderDif){var f=[e.css("borderTopWidth"),e.css("borderRightWidth"),e.css("borderBottomWidth"),e.css("borderLeftWidth")],g=[e.css("paddingTop"),e.css("paddingRight"),e.css("paddingBottom"),e.css("paddingLeft")];this.borderDif=a.map(f,function(a,b){var c=parseInt(a,10)||0,d=parseInt(g[b],10)||0;return c+d})}if(!a.browser.msie||!a(c).is(":hidden")&&!a(c).parents(":hidden").length)e.css({height:c.height()-this.borderDif[0]-this.borderDif[2]||0,width:c.width()-this.borderDif[1]-this.borderDif[3]||0});else continue}},_renderProxy:function(){var b=this.element,c=this.options;this.elementOffset=b.offset();if(this._helper){this.helper=this.helper||a('<div style="overflow:hidden;"></div>');var d=a.browser.msie&&a.browser.version<7,e=d?1:0,f=d?2:-1;this.helper.addClass(this._helper).css({width:this.element.outerWidth()+f,height:this.element.outerHeight()+f,position:"absolute",left:this.elementOffset.left-e+"px",top:this.elementOffset.top-e+"px",zIndex:++c.zIndex}),this.helper.appendTo("body").disableSelection()}else this.helper=this.element},_change:{e:function(a,b,c){return{width:this.originalSize.width+b}},w:function(a,b,c){var d=this.options,e=this.originalSize,f=this.originalPosition;return{left:f.left+b,width:e.width-b}},n:function(a,b,c){var d=this.options,e=this.originalSize,f=this.originalPosition;return{top:f.top+c,height:e.height-c}},s:function(a,b,c){return{height:this.originalSize.height+c}},se:function(b,c,d){return a.extend(this._change.s.apply(this,arguments),this._change.e.apply(this,[b,c,d]))},sw:function(b,c,d){return a.extend(this._change.s.apply(this,arguments),this._change.w.apply(this,[b,c,d]))},ne:function(b,c,d){return a.extend(this._change.n.apply(this,arguments),this._change.e.apply(this,[b,c,d]))},nw:function(b,c,d){return a.extend(this._change.n.apply(this,arguments),this._change.w.apply(this,[b,c,d]))}},_propagate:function(b,c){a.ui.plugin.call(this,b,[c,this.ui()]),b!="resize"&&this._trigger(b,c,this.ui())},plugins:{},ui:function(){return{originalElement:this.originalElement,element:this.element,helper:this.helper,position:this.position,size:this.size,originalSize:this.originalSize,originalPosition:this.originalPosition}}}),a.extend(a.ui.resizable,{version:"1.8.24"}),a.ui.plugin.add("resizable","alsoResize",{start:function(b,c){var d=a(this).data("resizable"),e=d.options,f=function(b){a(b).each(function(){var b=a(this);b.data("resizable-alsoresize",{width:parseInt(b.width(),10),height:parseInt(b.height(),10),left:parseInt(b.css("left"),10),top:parseInt(b.css("top"),10)})})};typeof e.alsoResize=="object"&&!e.alsoResize.parentNode?e.alsoResize.length?(e.alsoResize=e.alsoResize[0],f(e.alsoResize)):a.each(e.alsoResize,function(a){f(a)}):f(e.alsoResize)},resize:function(b,c){var d=a(this).data("resizable"),e=d.options,f=d.originalSize,g=d.originalPosition,h={height:d.size.height-f.height||0,width:d.size.width-f.width||0,top:d.position.top-g.top||0,left:d.position.left-g.left||0},i=function(b,d){a(b).each(function(){var b=a(this),e=a(this).data("resizable-alsoresize"),f={},g=d&&d.length?d:b.parents(c.originalElement[0]).length?["width","height"]:["width","height","top","left"];a.each(g,function(a,b){var c=(e[b]||0)+(h[b]||0);c&&c>=0&&(f[b]=c||null)}),b.css(f)})};typeof e.alsoResize=="object"&&!e.alsoResize.nodeType?a.each(e.alsoResize,function(a,b){i(a,b)}):i(e.alsoResize)},stop:function(b,c){a(this).removeData("resizable-alsoresize")}}),a.ui.plugin.add("resizable","animate",{stop:function(b,c){var d=a(this).data("resizable"),e=d.options,f=d._proportionallyResizeElements,g=f.length&&/textarea/i.test(f[0].nodeName),h=g&&a.ui.hasScroll(f[0],"left")?0:d.sizeDiff.height,i=g?0:d.sizeDiff.width,j={width:d.size.width-i,height:d.size.height-h},k=parseInt(d.element.css("left"),10)+(d.position.left-d.originalPosition.left)||null,l=parseInt(d.element.css("top"),10)+(d.position.top-d.originalPosition.top)||null;d.element.animate(a.extend(j,l&&k?{top:l,left:k}:{}),{duration:e.animateDuration,easing:e.animateEasing,step:function(){var c={width:parseInt(d.element.css("width"),10),height:parseInt(d.element.css("height"),10),top:parseInt(d.element.css("top"),10),left:parseInt(d.element.css("left"),10)};f&&f.length&&a(f[0]).css({width:c.width,height:c.height}),d._updateCache(c),d._propagate("resize",b)}})}}),a.ui.plugin.add("resizable","containment",{start:function(b,d){var e=a(this).data("resizable"),f=e.options,g=e.element,h=f.containment,i=h instanceof a?h.get(0):/parent/.test(h)?g.parent().get(0):h;if(!i)return;e.containerElement=a(i);if(/document/.test(h)||h==document)e.containerOffset={left:0,top:0},e.containerPosition={left:0,top:0},e.parentData={element:a(document),left:0,top:0,width:a(document).width(),height:a(document).height()||document.body.parentNode.scrollHeight};else{var j=a(i),k=[];a(["Top","Right","Left","Bottom"]).each(function(a,b){k[a]=c(j.css("padding"+b))}),e.containerOffset=j.offset(),e.containerPosition=j.position(),e.containerSize={height:j.innerHeight()-k[3],width:j.innerWidth()-k[1]};var l=e.containerOffset,m=e.containerSize.height,n=e.containerSize.width,o=a.ui.hasScroll(i,"left")?i.scrollWidth:n,p=a.ui.hasScroll(i)?i.scrollHeight:m;e.parentData={element:i,left:l.left,top:l.top,width:o,height:p}}},resize:function(b,c){var d=a(this).data("resizable"),e=d.options,f=d.containerSize,g=d.containerOffset,h=d.size,i=d.position,j=d._aspectRatio||b.shiftKey,k={top:0,left:0},l=d.containerElement;l[0]!=document&&/static/.test(l.css("position"))&&(k=g),i.left<(d._helper?g.left:0)&&(d.size.width=d.size.width+(d._helper?d.position.left-g.left:d.position.left-k.left),j&&(d.size.height=d.size.width/d.aspectRatio),d.position.left=e.helper?g.left:0),i.top<(d._helper?g.top:0)&&(d.size.height=d.size.height+(d._helper?d.position.top-g.top:d.position.top),j&&(d.size.width=d.size.height*d.aspectRatio),d.position.top=d._helper?g.top:0),d.offset.left=d.parentData.left+d.position.left,d.offset.top=d.parentData.top+d.position.top;var m=Math.abs((d._helper?d.offset.left-k.left:d.offset.left-k.left)+d.sizeDiff.width),n=Math.abs((d._helper?d.offset.top-k.top:d.offset.top-g.top)+d.sizeDiff.height),o=d.containerElement.get(0)==d.element.parent().get(0),p=/relative|absolute/.test(d.containerElement.css("position"));o&&p&&(m-=d.parentData.left),m+d.size.width>=d.parentData.width&&(d.size.width=d.parentData.width-m,j&&(d.size.height=d.size.width/d.aspectRatio)),n+d.size.height>=d.parentData.height&&(d.size.height=d.parentData.height-n,j&&(d.size.width=d.size.height*d.aspectRatio))},stop:function(b,c){var d=a(this).data("resizable"),e=d.options,f=d.position,g=d.containerOffset,h=d.containerPosition,i=d.containerElement,j=a(d.helper),k=j.offset(),l=j.outerWidth()-d.sizeDiff.width,m=j.outerHeight()-d.sizeDiff.height;d._helper&&!e.animate&&/relative/.test(i.css("position"))&&a(this).css({left:k.left-h.left-g.left,width:l,height:m}),d._helper&&!e.animate&&/static/.test(i.css("position"))&&a(this).css({left:k.left-h.left-g.left,width:l,height:m})}}),a.ui.plugin.add("resizable","ghost",{start:function(b,c){var d=a(this).data("resizable"),e=d.options,f=d.size;d.ghost=d.originalElement.clone(),d.ghost.css({opacity:.25,display:"block",position:"relative",height:f.height,width:f.width,margin:0,left:0,top:0}).addClass("ui-resizable-ghost").addClass(typeof e.ghost=="string"?e.ghost:""),d.ghost.appendTo(d.helper)},resize:function(b,c){var d=a(this).data("resizable"),e=d.options;d.ghost&&d.ghost.css({position:"relative",height:d.size.height,width:d.size.width})},stop:function(b,c){var d=a(this).data("resizable"),e=d.options;d.ghost&&d.helper&&d.helper.get(0).removeChild(d.ghost.get(0))}}),a.ui.plugin.add("resizable","grid",{resize:function(b,c){var d=a(this).data("resizable"),e=d.options,f=d.size,g=d.originalSize,h=d.originalPosition,i=d.axis,j=e._aspectRatio||b.shiftKey;e.grid=typeof e.grid=="number"?[e.grid,e.grid]:e.grid;var k=Math.round((f.width-g.width)/(e.grid[0]||1))*(e.grid[0]||1),l=Math.round((f.height-g.height)/(e.grid[1]||1))*(e.grid[1]||1);/^(se|s|e)$/.test(i)?(d.size.width=g.width+k,d.size.height=g.height+l):/^(ne)$/.test(i)?(d.size.width=g.width+k,d.size.height=g.height+l,d.position.top=h.top-l):/^(sw)$/.test(i)?(d.size.width=g.width+k,d.size.height=g.height+l,d.position.left=h.left-k):(d.size.width=g.width+k,d.size.height=g.height+l,d.position.top=h.top-l,d.position.left=h.left-k)}});var c=function(a){return parseInt(a,10)||0},d=function(a){return!isNaN(parseInt(a,10))}})(jQuery);;/*! jQuery UI - v1.8.24 - 2012-09-28
+* https://github.com/jquery/jquery-ui
+* Includes: jquery.ui.selectable.js
+* Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */
+(function(a,b){a.widget("ui.selectable",a.ui.mouse,{options:{appendTo:"body",autoRefresh:!0,distance:0,filter:"*",tolerance:"touch"},_create:function(){var b=this;this.element.addClass("ui-selectable"),this.dragged=!1;var c;this.refresh=function(){c=a(b.options.filter,b.element[0]),c.addClass("ui-selectee"),c.each(function(){var b=a(this),c=b.offset();a.data(this,"selectable-item",{element:this,$element:b,left:c.left,top:c.top,right:c.left+b.outerWidth(),bottom:c.top+b.outerHeight(),startselected:!1,selected:b.hasClass("ui-selected"),selecting:b.hasClass("ui-selecting"),unselecting:b.hasClass("ui-unselecting")})})},this.refresh(),this.selectees=c.addClass("ui-selectee"),this._mouseInit(),this.helper=a("<div class='ui-selectable-helper'></div>")},destroy:function(){return this.selectees.removeClass("ui-selectee").removeData("selectable-item"),this.element.removeClass("ui-selectable ui-selectable-disabled").removeData("selectable").unbind(".selectable"),this._mouseDestroy(),this},_mouseStart:function(b){var c=this;this.opos=[b.pageX,b.pageY];if(this.options.disabled)return;var d=this.options;this.selectees=a(d.filter,this.element[0]),this._trigger("start",b),a(d.appendTo).append(this.helper),this.helper.css({left:b.clientX,top:b.clientY,width:0,height:0}),d.autoRefresh&&this.refresh(),this.selectees.filter(".ui-selected").each(function(){var d=a.data(this,"selectable-item");d.startselected=!0,!b.metaKey&&!b.ctrlKey&&(d.$element.removeClass("ui-selected"),d.selected=!1,d.$element.addClass("ui-unselecting"),d.unselecting=!0,c._trigger("unselecting",b,{unselecting:d.element}))}),a(b.target).parents().andSelf().each(function(){var d=a.data(this,"selectable-item");if(d){var e=!b.metaKey&&!b.ctrlKey||!d.$element.hasClass("ui-selected");return d.$element.removeClass(e?"ui-unselecting":"ui-selected").addClass(e?"ui-selecting":"ui-unselecting"),d.unselecting=!e,d.selecting=e,d.selected=e,e?c._trigger("selecting",b,{selecting:d.element}):c._trigger("unselecting",b,{unselecting:d.element}),!1}})},_mouseDrag:function(b){var c=this;this.dragged=!0;if(this.options.disabled)return;var d=this.options,e=this.opos[0],f=this.opos[1],g=b.pageX,h=b.pageY;if(e>g){var i=g;g=e,e=i}if(f>h){var i=h;h=f,f=i}return this.helper.css({left:e,top:f,width:g-e,height:h-f}),this.selectees.each(function(){var i=a.data(this,"selectable-item");if(!i||i.element==c.element[0])return;var j=!1;d.tolerance=="touch"?j=!(i.left>g||i.right<e||i.top>h||i.bottom<f):d.tolerance=="fit"&&(j=i.left>e&&i.right<g&&i.top>f&&i.bottom<h),j?(i.selected&&(i.$element.removeClass("ui-selected"),i.selected=!1),i.unselecting&&(i.$element.removeClass("ui-unselecting"),i.unselecting=!1),i.selecting||(i.$element.addClass("ui-selecting"),i.selecting=!0,c._trigger("selecting",b,{selecting:i.element}))):(i.selecting&&((b.metaKey||b.ctrlKey)&&i.startselected?(i.$element.removeClass("ui-selecting"),i.selecting=!1,i.$element.addClass("ui-selected"),i.selected=!0):(i.$element.removeClass("ui-selecting"),i.selecting=!1,i.startselected&&(i.$element.addClass("ui-unselecting"),i.unselecting=!0),c._trigger("unselecting",b,{unselecting:i.element}))),i.selected&&!b.metaKey&&!b.ctrlKey&&!i.startselected&&(i.$element.removeClass("ui-selected"),i.selected=!1,i.$element.addClass("ui-unselecting"),i.unselecting=!0,c._trigger("unselecting",b,{unselecting:i.element})))}),!1},_mouseStop:function(b){var c=this;this.dragged=!1;var d=this.options;return a(".ui-unselecting",this.element[0]).each(function(){var d=a.data(this,"selectable-item");d.$element.removeClass("ui-unselecting"),d.unselecting=!1,d.startselected=!1,c._trigger("unselected",b,{unselected:d.element})}),a(".ui-selecting",this.element[0]).each(function(){var d=a.data(this,"selectable-item");d.$element.removeClass("ui-selecting").addClass("ui-selected"),d.selecting=!1,d.selected=!0,d.startselected=!0,c._trigger("selected",b,{selected:d.element})}),this._trigger("stop",b),this.helper.remove(),!1}}),a.extend(a.ui.selectable,{version:"1.8.24"})})(jQuery);;/*! jQuery UI - v1.8.24 - 2012-09-28
+* https://github.com/jquery/jquery-ui
+* Includes: jquery.ui.sortable.js
+* Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */
+(function(a,b){a.widget("ui.sortable",a.ui.mouse,{widgetEventPrefix:"sort",ready:!1,options:{appendTo:"parent",axis:!1,connectWith:!1,containment:!1,cursor:"auto",cursorAt:!1,dropOnEmpty:!0,forcePlaceholderSize:!1,forceHelperSize:!1,grid:!1,handle:!1,helper:"original",items:"> *",opacity:!1,placeholder:!1,revert:!1,scroll:!0,scrollSensitivity:20,scrollSpeed:20,scope:"default",tolerance:"intersect",zIndex:1e3},_create:function(){var a=this.options;this.containerCache={},this.element.addClass("ui-sortable"),this.refresh(),this.floating=this.items.length?a.axis==="x"||/left|right/.test(this.items[0].item.css("float"))||/inline|table-cell/.test(this.items[0].item.css("display")):!1,this.offset=this.element.offset(),this._mouseInit(),this.ready=!0},destroy:function(){a.Widget.prototype.destroy.call(this),this.element.removeClass("ui-sortable ui-sortable-disabled"),this._mouseDestroy();for(var b=this.items.length-1;b>=0;b--)this.items[b].item.removeData(this.widgetName+"-item");return this},_setOption:function(b,c){b==="disabled"?(this.options[b]=c,this.widget()[c?"addClass":"removeClass"]("ui-sortable-disabled")):a.Widget.prototype._setOption.apply(this,arguments)},_mouseCapture:function(b,c){var d=this;if(this.reverting)return!1;if(this.options.disabled||this.options.type=="static")return!1;this._refreshItems(b);var e=null,f=this,g=a(b.target).parents().each(function(){if(a.data(this,d.widgetName+"-item")==f)return e=a(this),!1});a.data(b.target,d.widgetName+"-item")==f&&(e=a(b.target));if(!e)return!1;if(this.options.handle&&!c){var h=!1;a(this.options.handle,e).find("*").andSelf().each(function(){this==b.target&&(h=!0)});if(!h)return!1}return this.currentItem=e,this._removeCurrentsFromItems(),!0},_mouseStart:function(b,c,d){var e=this.options,f=this;this.currentContainer=this,this.refreshPositions(),this.helper=this._createHelper(b),this._cacheHelperProportions(),this._cacheMargins(),this.scrollParent=this.helper.scrollParent(),this.offset=this.currentItem.offset(),this.offset={top:this.offset.top-this.margins.top,left:this.offset.left-this.margins.left},a.extend(this.offset,{click:{left:b.pageX-this.offset.left,top:b.pageY-this.offset.top},parent:this._getParentOffset(),relative:this._getRelativeOffset()}),this.helper.css("position","absolute"),this.cssPosition=this.helper.css("position"),this.originalPosition=this._generatePosition(b),this.originalPageX=b.pageX,this.originalPageY=b.pageY,e.cursorAt&&this._adjustOffsetFromHelper(e.cursorAt),this.domPosition={prev:this.currentItem.prev()[0],parent:this.currentItem.parent()[0]},this.helper[0]!=this.currentItem[0]&&this.currentItem.hide(),this._createPlaceholder(),e.containment&&this._setContainment(),e.cursor&&(a("body").css("cursor")&&(this._storedCursor=a("body").css("cursor")),a("body").css("cursor",e.cursor)),e.opacity&&(this.helper.css("opacity")&&(this._storedOpacity=this.helper.css("opacity")),this.helper.css("opacity",e.opacity)),e.zIndex&&(this.helper.css("zIndex")&&(this._storedZIndex=this.helper.css("zIndex")),this.helper.css("zIndex",e.zIndex)),this.scrollParent[0]!=document&&this.scrollParent[0].tagName!="HTML"&&(this.overflowOffset=this.scrollParent.offset()),this._trigger("start",b,this._uiHash()),this._preserveHelperProportions||this._cacheHelperProportions();if(!d)for(var g=this.containers.length-1;g>=0;g--)this.containers[g]._trigger("activate",b,f._uiHash(this));return a.ui.ddmanager&&(a.ui.ddmanager.current=this),a.ui.ddmanager&&!e.dropBehaviour&&a.ui.ddmanager.prepareOffsets(this,b),this.dragging=!0,this.helper.addClass("ui-sortable-helper"),this._mouseDrag(b),!0},_mouseDrag:function(b){this.position=this._generatePosition(b),this.positionAbs=this._convertPositionTo("absolute"),this.lastPositionAbs||(this.lastPositionAbs=this.positionAbs);if(this.options.scroll){var c=this.options,d=!1;this.scrollParent[0]!=document&&this.scrollParent[0].tagName!="HTML"?(this.overflowOffset.top+this.scrollParent[0].offsetHeight-b.pageY<c.scrollSensitivity?this.scrollParent[0].scrollTop=d=this.scrollParent[0].scrollTop+c.scrollSpeed:b.pageY-this.overflowOffset.top<c.scrollSensitivity&&(this.scrollParent[0].scrollTop=d=this.scrollParent[0].scrollTop-c.scrollSpeed),this.overflowOffset.left+this.scrollParent[0].offsetWidth-b.pageX<c.scrollSensitivity?this.scrollParent[0].scrollLeft=d=this.scrollParent[0].scrollLeft+c.scrollSpeed:b.pageX-this.overflowOffset.left<c.scrollSensitivity&&(this.scrollParent[0].scrollLeft=d=this.scrollParent[0].scrollLeft-c.scrollSpeed)):(b.pageY-a(document).scrollTop()<c.scrollSensitivity?d=a(document).scrollTop(a(document).scrollTop()-c.scrollSpeed):a(window).height()-(b.pageY-a(document).scrollTop())<c.scrollSensitivity&&(d=a(document).scrollTop(a(document).scrollTop()+c.scrollSpeed)),b.pageX-a(document).scrollLeft()<c.scrollSensitivity?d=a(document).scrollLeft(a(document).scrollLeft()-c.scrollSpeed):a(window).width()-(b.pageX-a(document).scrollLeft())<c.scrollSensitivity&&(d=a(document).scrollLeft(a(document).scrollLeft()+c.scrollSpeed))),d!==!1&&a.ui.ddmanager&&!c.dropBehaviour&&a.ui.ddmanager.prepareOffsets(this,b)}this.positionAbs=this._convertPositionTo("absolute");if(!this.options.axis||this.options.axis!="y")this.helper[0].style.left=this.position.left+"px";if(!this.options.axis||this.options.axis!="x")this.helper[0].style.top=this.position.top+"px";for(var e=this.items.length-1;e>=0;e--){var f=this.items[e],g=f.item[0],h=this._intersectsWithPointer(f);if(!h)continue;if(f.instance!==this.currentContainer)continue;if(g!=this.currentItem[0]&&this.placeholder[h==1?"next":"prev"]()[0]!=g&&!a.ui.contains(this.placeholder[0],g)&&(this.options.type=="semi-dynamic"?!a.ui.contains(this.element[0],g):!0)){this.direction=h==1?"down":"up";if(this.options.tolerance=="pointer"||this._intersectsWithSides(f))this._rearrange(b,f);else break;this._trigger("change",b,this._uiHash());break}}return this._contactContainers(b),a.ui.ddmanager&&a.ui.ddmanager.drag(this,b),this._trigger("sort",b,this._uiHash()),this.lastPositionAbs=this.positionAbs,!1},_mouseStop:function(b,c){if(!b)return;a.ui.ddmanager&&!this.options.dropBehaviour&&a.ui.ddmanager.drop(this,b);if(this.options.revert){var d=this,e=d.placeholder.offset();d.reverting=!0,a(this.helper).animate({left:e.left-this.offset.parent.left-d.margins.left+(this.offsetParent[0]==document.body?0:this.offsetParent[0].scrollLeft),top:e.top-this.offset.parent.top-d.margins.top+(this.offsetParent[0]==document.body?0:this.offsetParent[0].scrollTop)},parseInt(this.options.revert,10)||500,function(){d._clear(b)})}else this._clear(b,c);return!1},cancel:function(){var b=this;if(this.dragging){this._mouseUp({target:null}),this.options.helper=="original"?this.currentItem.css(this._storedCSS).removeClass("ui-sortable-helper"):this.currentItem.show();for(var c=this.containers.length-1;c>=0;c--)this.containers[c]._trigger("deactivate",null,b._uiHash(this)),this.containers[c].containerCache.over&&(this.containers[c]._trigger("out",null,b._uiHash(this)),this.containers[c].containerCache.over=0)}return this.placeholder&&(this.placeholder[0].parentNode&&this.placeholder[0].parentNode.removeChild(this.placeholder[0]),this.options.helper!="original"&&this.helper&&this.helper[0].parentNode&&this.helper.remove(),a.extend(this,{helper:null,dragging:!1,reverting:!1,_noFinalSort:null}),this.domPosition.prev?a(this.domPosition.prev).after(this.currentItem):a(this.domPosition.parent).prepend(this.currentItem)),this},serialize:function(b){var c=this._getItemsAsjQuery(b&&b.connected),d=[];return b=b||{},a(c).each(function(){var c=(a(b.item||this).attr(b.attribute||"id")||"").match(b.expression||/(.+)[-=_](.+)/);c&&d.push((b.key||c[1]+"[]")+"="+(b.key&&b.expression?c[1]:c[2]))}),!d.length&&b.key&&d.push(b.key+"="),d.join("&")},toArray:function(b){var c=this._getItemsAsjQuery(b&&b.connected),d=[];return b=b||{},c.each(function(){d.push(a(b.item||this).attr(b.attribute||"id")||"")}),d},_intersectsWith:function(a){var b=this.positionAbs.left,c=b+this.helperProportions.width,d=this.positionAbs.top,e=d+this.helperProportions.height,f=a.left,g=f+a.width,h=a.top,i=h+a.height,j=this.offset.click.top,k=this.offset.click.left,l=d+j>h&&d+j<i&&b+k>f&&b+k<g;return this.options.tolerance=="pointer"||this.options.forcePointerForContainers||this.options.tolerance!="pointer"&&this.helperProportions[this.floating?"width":"height"]>a[this.floating?"width":"height"]?l:f<b+this.helperProportions.width/2&&c-this.helperProportions.width/2<g&&h<d+this.helperProportions.height/2&&e-this.helperProportions.height/2<i},_intersectsWithPointer:function(b){var c=this.options.axis==="x"||a.ui.isOverAxis(this.positionAbs.top+this.offset.click.top,b.top,b.height),d=this.options.axis==="y"||a.ui.isOverAxis(this.positionAbs.left+this.offset.click.left,b.left,b.width),e=c&&d,f=this._getDragVerticalDirection(),g=this._getDragHorizontalDirection();return e?this.floating?g&&g=="right"||f=="down"?2:1:f&&(f=="down"?2:1):!1},_intersectsWithSides:function(b){var c=a.ui.isOverAxis(this.positionAbs.top+this.offset.click.top,b.top+b.height/2,b.height),d=a.ui.isOverAxis(this.positionAbs.left+this.offset.click.left,b.left+b.width/2,b.width),e=this._getDragVerticalDirection(),f=this._getDragHorizontalDirection();return this.floating&&f?f=="right"&&d||f=="left"&&!d:e&&(e=="down"&&c||e=="up"&&!c)},_getDragVerticalDirection:function(){var a=this.positionAbs.top-this.lastPositionAbs.top;return a!=0&&(a>0?"down":"up")},_getDragHorizontalDirection:function(){var a=this.positionAbs.left-this.lastPositionAbs.left;return a!=0&&(a>0?"right":"left")},refresh:function(a){return this._refreshItems(a),this.refreshPositions(),this},_connectWith:function(){var a=this.options;return a.connectWith.constructor==String?[a.connectWith]:a.connectWith},_getItemsAsjQuery:function(b){var c=this,d=[],e=[],f=this._connectWith();if(f&&b)for(var g=f.length-1;g>=0;g--){var h=a(f[g]);for(var i=h.length-1;i>=0;i--){var j=a.data(h[i],this.widgetName);j&&j!=this&&!j.options.disabled&&e.push([a.isFunction(j.options.items)?j.options.items.call(j.element):a(j.options.items,j.element).not(".ui-sortable-helper").not(".ui-sortable-placeholder"),j])}}e.push([a.isFunction(this.options.items)?this.options.items.call(this.element,null,{options:this.options,item:this.currentItem}):a(this.options.items,this.element).not(".ui-sortable-helper").not(".ui-sortable-placeholder"),this]);for(var g=e.length-1;g>=0;g--)e[g][0].each(function(){d.push(this)});return a(d)},_removeCurrentsFromItems:function(){var a=this.currentItem.find(":data("+this.widgetName+"-item)");for(var b=0;b<this.items.length;b++)for(var c=0;c<a.length;c++)a[c]==this.items[b].item[0]&&this.items.splice(b,1)},_refreshItems:function(b){this.items=[],this.containers=[this];var c=this.items,d=this,e=[[a.isFunction(this.options.items)?this.options.items.call(this.element[0],b,{item:this.currentItem}):a(this.options.items,this.element),this]],f=this._connectWith();if(f&&this.ready)for(var g=f.length-1;g>=0;g--){var h=a(f[g]);for(var i=h.length-1;i>=0;i--){var j=a.data(h[i],this.widgetName);j&&j!=this&&!j.options.disabled&&(e.push([a.isFunction(j.options.items)?j.options.items.call(j.element[0],b,{item:this.currentItem}):a(j.options.items,j.element),j]),this.containers.push(j))}}for(var g=e.length-1;g>=0;g--){var k=e[g][1],l=e[g][0];for(var i=0,m=l.length;i<m;i++){var n=a(l[i]);n.data(this.widgetName+"-item",k),c.push({item:n,instance:k,width:0,height:0,left:0,top:0})}}},refreshPositions:function(b){this.offsetParent&&this.helper&&(this.offset.parent=this._getParentOffset());for(var c=this.items.length-1;c>=0;c--){var d=this.items[c];if(d.instance!=this.currentContainer&&this.currentContainer&&d.item[0]!=this.currentItem[0])continue;var e=this.options.toleranceElement?a(this.options.toleranceElement,d.item):d.item;b||(d.width=e.outerWidth(),d.height=e.outerHeight());var f=e.offset();d.left=f.left,d.top=f.top}if(this.options.custom&&this.options.custom.refreshContainers)this.options.custom.refreshContainers.call(this);else for(var c=this.containers.length-1;c>=0;c--){var f=this.containers[c].element.offset();this.containers[c].containerCache.left=f.left,this.containers[c].containerCache.top=f.top,this.containers[c].containerCache.width=this.containers[c].element.outerWidth(),this.containers[c].containerCache.height=this.containers[c].element.outerHeight()}return this},_createPlaceholder:function(b){var c=b||this,d=c.options;if(!d.placeholder||d.placeholder.constructor==String){var e=d.placeholder;d.placeholder={element:function(){var b=a(document.createElement(c.currentItem[0].nodeName)).addClass(e||c.currentItem[0].className+" ui-sortable-placeholder").removeClass("ui-sortable-helper")[0];return e||(b.style.visibility="hidden"),b},update:function(a,b){if(e&&!d.forcePlaceholderSize)return;b.height()||b.height(c.currentItem.innerHeight()-parseInt(c.currentItem.css("paddingTop")||0,10)-parseInt(c.currentItem.css("paddingBottom")||0,10)),b.width()||b.width(c.currentItem.innerWidth()-parseInt(c.currentItem.css("paddingLeft")||0,10)-parseInt(c.currentItem.css("paddingRight")||0,10))}}}c.placeholder=a(d.placeholder.element.call(c.element,c.currentItem)),c.currentItem.after(c.placeholder),d.placeholder.update(c,c.placeholder)},_contactContainers:function(b){var c=null,d=null;for(var e=this.containers.length-1;e>=0;e--){if(a.ui.contains(this.currentItem[0],this.containers[e].element[0]))continue;if(this._intersectsWith(this.containers[e].containerCache)){if(c&&a.ui.contains(this.containers[e].element[0],c.element[0]))continue;c=this.containers[e],d=e}else this.containers[e].containerCache.over&&(this.containers[e]._trigger("out",b,this._uiHash(this)),this.containers[e].containerCache.over=0)}if(!c)return;if(this.containers.length===1)this.containers[d]._trigger("over",b,this._uiHash(this)),this.containers[d].containerCache.over=1;else if(this.currentContainer!=this.containers[d]){var f=1e4,g=null,h=this.positionAbs[this.containers[d].floating?"left":"top"];for(var i=this.items.length-1;i>=0;i--){if(!a.ui.contains(this.containers[d].element[0],this.items[i].item[0]))continue;var j=this.containers[d].floating?this.items[i].item.offset().left:this.items[i].item.offset().top;Math.abs(j-h)<f&&(f=Math.abs(j-h),g=this.items[i],this.direction=j-h>0?"down":"up")}if(!g&&!this.options.dropOnEmpty)return;this.currentContainer=this.containers[d],g?this._rearrange(b,g,null,!0):this._rearrange(b,null,this.containers[d].element,!0),this._trigger("change",b,this._uiHash()),this.containers[d]._trigger("change",b,this._uiHash(this)),this.options.placeholder.update(this.currentContainer,this.placeholder),this.containers[d]._trigger("over",b,this._uiHash(this)),this.containers[d].containerCache.over=1}},_createHelper:function(b){var c=this.options,d=a.isFunction(c.helper)?a(c.helper.apply(this.element[0],[b,this.currentItem])):c.helper=="clone"?this.currentItem.clone():this.currentItem;return d.parents("body").length||a(c.appendTo!="parent"?c.appendTo:this.currentItem[0].parentNode)[0].appendChild(d[0]),d[0]==this.currentItem[0]&&(this._storedCSS={width:this.currentItem[0].style.width,height:this.currentItem[0].style.height,position:this.currentItem.css("position"),top:this.currentItem.css("top"),left:this.currentItem.css("left")}),(d[0].style.width==""||c.forceHelperSize)&&d.width(this.currentItem.width()),(d[0].style.height==""||c.forceHelperSize)&&d.height(this.currentItem.height()),d},_adjustOffsetFromHelper:function(b){typeof b=="string"&&(b=b.split(" ")),a.isArray(b)&&(b={left:+b[0],top:+b[1]||0}),"left"in b&&(this.offset.click.left=b.left+this.margins.left),"right"in b&&(this.offset.click.left=this.helperProportions.width-b.right+this.margins.left),"top"in b&&(this.offset.click.top=b.top+this.margins.top),"bottom"in b&&(this.offset.click.top=this.helperProportions.height-b.bottom+this.margins.top)},_getParentOffset:function(){this.offsetParent=this.helper.offsetParent();var b=this.offsetParent.offset();this.cssPosition=="absolute"&&this.scrollParent[0]!=document&&a.ui.contains(this.scrollParent[0],this.offsetParent[0])&&(b.left+=this.scrollParent.scrollLeft(),b.top+=this.scrollParent.scrollTop());if(this.offsetParent[0]==document.body||this.offsetParent[0].tagName&&this.offsetParent[0].tagName.toLowerCase()=="html"&&a.browser.msie)b={top:0,left:0};return{top:b.top+(parseInt(this.offsetParent.css("borderTopWidth"),10)||0),left:b.left+(parseInt(this.offsetParent.css("borderLeftWidth"),10)||0)}},_getRelativeOffset:function(){if(this.cssPosition=="relative"){var a=this.currentItem.position();return{top:a.top-(parseInt(this.helper.css("top"),10)||0)+this.scrollParent.scrollTop(),left:a.left-(parseInt(this.helper.css("left"),10)||0)+this.scrollParent.scrollLeft()}}return{top:0,left:0}},_cacheMargins:function(){this.margins={left:parseInt(this.currentItem.css("marginLeft"),10)||0,top:parseInt(this.currentItem.css("marginTop"),10)||0}},_cacheHelperProportions:function(){this.helperProportions={width:this.helper.outerWidth(),height:this.helper.outerHeight()}},_setContainment:function(){var b=this.options;b.containment=="parent"&&(b.containment=this.helper[0].parentNode);if(b.containment=="document"||b.containment=="window")this.containment=[0-this.offset.relative.left-this.offset.parent.left,0-this.offset.relative.top-this.offset.parent.top,a(b.containment=="document"?document:window).width()-this.helperProportions.width-this.margins.left,(a(b.containment=="document"?document:window).height()||document.body.parentNode.scrollHeight)-this.helperProportions.height-this.margins.top];if(!/^(document|window|parent)$/.test(b.containment)){var c=a(b.containment)[0],d=a(b.containment).offset(),e=a(c).css("overflow")!="hidden";this.containment=[d.left+(parseInt(a(c).css("borderLeftWidth"),10)||0)+(parseInt(a(c).css("paddingLeft"),10)||0)-this.margins.left,d.top+(parseInt(a(c).css("borderTopWidth"),10)||0)+(parseInt(a(c).css("paddingTop"),10)||0)-this.margins.top,d.left+(e?Math.max(c.scrollWidth,c.offsetWidth):c.offsetWidth)-(parseInt(a(c).css("borderLeftWidth"),10)||0)-(parseInt(a(c).css("paddingRight"),10)||0)-this.helperProportions.width-this.margins.left,d.top+(e?Math.max(c.scrollHeight,c.offsetHeight):c.offsetHeight)-(parseInt(a(c).css("borderTopWidth"),10)||0)-(parseInt(a(c).css("paddingBottom"),10)||0)-this.helperProportions.height-this.margins.top]}},_convertPositionTo:function(b,c){c||(c=this.position);var d=b=="absolute"?1:-1,e=this.options,f=this.cssPosition=="absolute"&&(this.scrollParent[0]==document||!a.ui.contains(this.scrollParent[0],this.offsetParent[0]))?this.offsetParent:this.scrollParent,g=/(html|body)/i.test(f[0].tagName);return{top:c.top+this.offset.relative.top*d+this.offset.parent.top*d-(a.browser.safari&&this.cssPosition=="fixed"?0:(this.cssPosition=="fixed"?-this.scrollParent.scrollTop():g?0:f.scrollTop())*d),left:c.left+this.offset.relative.left*d+this.offset.parent.left*d-(a.browser.safari&&this.cssPosition=="fixed"?0:(this.cssPosition=="fixed"?-this.scrollParent.scrollLeft():g?0:f.scrollLeft())*d)}},_generatePosition:function(b){var c=this.options,d=this.cssPosition=="absolute"&&(this.scrollParent[0]==document||!a.ui.contains(this.scrollParent[0],this.offsetParent[0]))?this.offsetParent:this.scrollParent,e=/(html|body)/i.test(d[0].tagName);this.cssPosition=="relative"&&(this.scrollParent[0]==document||this.scrollParent[0]==this.offsetParent[0])&&(this.offset.relative=this._getRelativeOffset());var f=b.pageX,g=b.pageY;if(this.originalPosition){this.containment&&(b.pageX-this.offset.click.left<this.containment[0]&&(f=this.containment[0]+this.offset.click.left),b.pageY-this.offset.click.top<this.containment[1]&&(g=this.containment[1]+this.offset.click.top),b.pageX-this.offset.click.left>this.containment[2]&&(f=this.containment[2]+this.offset.click.left),b.pageY-this.offset.click.top>this.containment[3]&&(g=this.containment[3]+this.offset.click.top));if(c.grid){var h=this.originalPageY+Math.round((g-this.originalPageY)/c.grid[1])*c.grid[1];g=this.containment?h-this.offset.click.top<this.containment[1]||h-this.offset.click.top>this.containment[3]?h-this.offset.click.top<this.containment[1]?h+c.grid[1]:h-c.grid[1]:h:h;var i=this.originalPageX+Math.round((f-this.originalPageX)/c.grid[0])*c.grid[0];f=this.containment?i-this.offset.click.left<this.containment[0]||i-this.offset.click.left>this.containment[2]?i-this.offset.click.left<this.containment[0]?i+c.grid[0]:i-c.grid[0]:i:i}}return{top:g-this.offset.click.top-this.offset.relative.top-this.offset.parent.top+(a.browser.safari&&this.cssPosition=="fixed"?0:this.cssPosition=="fixed"?-this.scrollParent.scrollTop():e?0:d.scrollTop()),left:f-this.offset.click.left-this.offset.relative.left-this.offset.parent.left+(a.browser.safari&&this.cssPosition=="fixed"?0:this.cssPosition=="fixed"?-this.scrollParent.scrollLeft():e?0:d.scrollLeft())}},_rearrange:function(a,b,c,d){c?c[0].appendChild(this.placeholder[0]):b.item[0].parentNode.insertBefore(this.placeholder[0],this.direction=="down"?b.item[0]:b.item[0].nextSibling),this.counter=this.counter?++this.counter:1;var e=this,f=this.counter;window.setTimeout(function(){f==e.counter&&e.refreshPositions(!d)},0)},_clear:function(b,c){this.reverting=!1;var d=[],e=this;!this._noFinalSort&&this.currentItem.parent().length&&this.placeholder.before(this.currentItem),this._noFinalSort=null;if(this.helper[0]==this.currentItem[0]){for(var f in this._storedCSS)if(this._storedCSS[f]=="auto"||this._storedCSS[f]=="static")this._storedCSS[f]="";this.currentItem.css(this._storedCSS).removeClass("ui-sortable-helper")}else this.currentItem.show();this.fromOutside&&!c&&d.push(function(a){this._trigger("receive",a,this._uiHash(this.fromOutside))}),(this.fromOutside||this.domPosition.prev!=this.currentItem.prev().not(".ui-sortable-helper")[0]||this.domPosition.parent!=this.currentItem.parent()[0])&&!c&&d.push(function(a){this._trigger("update",a,this._uiHash())}),this!==this.currentContainer&&(c||(d.push(function(a){this._trigger("remove",a,this._uiHash())}),d.push(function(a){return function(b){a._trigger("receive",b,this._uiHash(this))}}.call(this,this.currentContainer)),d.push(function(a){return function(b){a._trigger("update",b,this._uiHash(this))}}.call(this,this.currentContainer))));for(var f=this.containers.length-1;f>=0;f--)c||d.push(function(a){return function(b){a._trigger("deactivate",b,this._uiHash(this))}}.call(this,this.containers[f])),this.containers[f].containerCache.over&&(d.push(function(a){return function(b){a._trigger("out",b,this._uiHash(this))}}.call(this,this.containers[f])),this.containers[f].containerCache.over=0);this._storedCursor&&a("body").css("cursor",this._storedCursor),this._storedOpacity&&this.helper.css("opacity",this._storedOpacity),this._storedZIndex&&this.helper.css("zIndex",this._storedZIndex=="auto"?"":this._storedZIndex),this.dragging=!1;if(this.cancelHelperRemoval){if(!c){this._trigger("beforeStop",b,this._uiHash());for(var f=0;f<d.length;f++)d[f].call(this,b);this._trigger("stop",b,this._uiHash())}return this.fromOutside=!1,!1}c||this._trigger("beforeStop",b,this._uiHash()),this.placeholder[0].parentNode.removeChild(this.placeholder[0]),this.helper[0]!=this.currentItem[0]&&this.helper.remove(),this.helper=null;if(!c){for(var f=0;f<d.length;f++)d[f].call(this,b);this._trigger("stop",b,this._uiHash())}return this.fromOutside=!1,!0},_trigger:function(){a.Widget.prototype._trigger.apply(this,arguments)===!1&&this.cancel()},_uiHash:function(b){var c=b||this;return{helper:c.helper,placeholder:c.placeholder||a([]),position:c.position,originalPosition:c.originalPosition,offset:c.positionAbs,item:c.currentItem,sender:b?b.element:null}}}),a.extend(a.ui.sortable,{version:"1.8.24"})})(jQuery);;/*! jQuery UI - v1.8.24 - 2012-09-28
+* https://github.com/jquery/jquery-ui
+* Includes: jquery.ui.accordion.js
+* Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */
+(function(a,b){a.widget("ui.accordion",{options:{active:0,animated:"slide",autoHeight:!0,clearStyle:!1,collapsible:!1,event:"click",fillSpace:!1,header:"> li > :first-child,> :not(li):even",icons:{header:"ui-icon-triangle-1-e",headerSelected:"ui-icon-triangle-1-s"},navigation:!1,navigationFilter:function(){return this.href.toLowerCase()===location.href.toLowerCase()}},_create:function(){var b=this,c=b.options;b.running=0,b.element.addClass("ui-accordion ui-widget ui-helper-reset").children("li").addClass("ui-accordion-li-fix"),b.headers=b.element.find(c.header).addClass("ui-accordion-header ui-helper-reset ui-state-default ui-corner-all").bind("mouseenter.accordion",function(){if(c.disabled)return;a(this).addClass("ui-state-hover")}).bind("mouseleave.accordion",function(){if(c.disabled)return;a(this).removeClass("ui-state-hover")}).bind("focus.accordion",function(){if(c.disabled)return;a(this).addClass("ui-state-focus")}).bind("blur.accordion",function(){if(c.disabled)return;a(this).removeClass("ui-state-focus")}),b.headers.next().addClass("ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom");if(c.navigation){var d=b.element.find("a").filter(c.navigationFilter).eq(0);if(d.length){var e=d.closest(".ui-accordion-header");e.length?b.active=e:b.active=d.closest(".ui-accordion-content").prev()}}b.active=b._findActive(b.active||c.active).addClass("ui-state-default ui-state-active").toggleClass("ui-corner-all").toggleClass("ui-corner-top"),b.active.next().addClass("ui-accordion-content-active"),b._createIcons(),b.resize(),b.element.attr("role","tablist"),b.headers.attr("role","tab").bind("keydown.accordion",function(a){return b._keydown(a)}).next().attr("role","tabpanel"),b.headers.not(b.active||"").attr({"aria-expanded":"false","aria-selected":"false",tabIndex:-1}).next().hide(),b.active.length?b.active.attr({"aria-expanded":"true","aria-selected":"true",tabIndex:0}):b.headers.eq(0).attr("tabIndex",0),a.browser.safari||b.headers.find("a").attr("tabIndex",-1),c.event&&b.headers.bind(c.event.split(" ").join(".accordion ")+".accordion",function(a){b._clickHandler.call(b,a,this),a.preventDefault()})},_createIcons:function(){var b=this.options;b.icons&&(a("<span></span>").addClass("ui-icon "+b.icons.header).prependTo(this.headers),this.active.children(".ui-icon").toggleClass(b.icons.header).toggleClass(b.icons.headerSelected),this.element.addClass("ui-accordion-icons"))},_destroyIcons:function(){this.headers.children(".ui-icon").remove(),this.element.removeClass("ui-accordion-icons")},destroy:function(){var b=this.options;this.element.removeClass("ui-accordion ui-widget ui-helper-reset").removeAttr("role"),this.headers.unbind(".accordion").removeClass("ui-accordion-header ui-accordion-disabled ui-helper-reset ui-state-default ui-corner-all ui-state-active ui-state-disabled ui-corner-top").removeAttr("role").removeAttr("aria-expanded").removeAttr("aria-selected").removeAttr("tabIndex"),this.headers.find("a").removeAttr("tabIndex"),this._destroyIcons();var c=this.headers.next().css("display","").removeAttr("role").removeClass("ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content ui-accordion-content-active ui-accordion-disabled ui-state-disabled");return(b.autoHeight||b.fillHeight)&&c.css("height",""),a.Widget.prototype.destroy.call(this)},_setOption:function(b,c){a.Widget.prototype._setOption.apply(this,arguments),b=="active"&&this.activate(c),b=="icons"&&(this._destroyIcons(),c&&this._createIcons()),b=="disabled"&&this.headers.add(this.headers.next())[c?"addClass":"removeClass"]("ui-accordion-disabled ui-state-disabled")},_keydown:function(b){if(this.options.disabled||b.altKey||b.ctrlKey)return;var c=a.ui.keyCode,d=this.headers.length,e=this.headers.index(b.target),f=!1;switch(b.keyCode){case c.RIGHT:case c.DOWN:f=this.headers[(e+1)%d];break;case c.LEFT:case c.UP:f=this.headers[(e-1+d)%d];break;case c.SPACE:case c.ENTER:this._clickHandler({target:b.target},b.target),b.preventDefault()}return f?(a(b.target).attr("tabIndex",-1),a(f).attr("tabIndex",0),f.focus(),!1):!0},resize:function(){var b=this.options,c;if(b.fillSpace){if(a.browser.msie){var d=this.element.parent().css("overflow");this.element.parent().css("overflow","hidden")}c=this.element.parent().height(),a.browser.msie&&this.element.parent().css("overflow",d),this.headers.each(function(){c-=a(this).outerHeight(!0)}),this.headers.next().each(function(){a(this).height(Math.max(0,c-a(this).innerHeight()+a(this).height()))}).css("overflow","auto")}else b.autoHeight&&(c=0,this.headers.next().each(function(){c=Math.max(c,a(this).height("").height())}).height(c));return this},activate:function(a){this.options.active=a;var b=this._findActive(a)[0];return this._clickHandler({target:b},b),this},_findActive:function(b){return b?typeof b=="number"?this.headers.filter(":eq("+b+")"):this.headers.not(this.headers.not(b)):b===!1?a([]):this.headers.filter(":eq(0)")},_clickHandler:function(b,c){var d=this.options;if(d.disabled)return;if(!b.target){if(!d.collapsible)return;this.active.removeClass("ui-state-active ui-corner-top").addClass("ui-state-default ui-corner-all").children(".ui-icon").removeClass(d.icons.headerSelected).addClass(d.icons.header),this.active.next().addClass("ui-accordion-content-active");var e=this.active.next(),f={options:d,newHeader:a([]),oldHeader:d.active,newContent:a([]),oldContent:e},g=this.active=a([]);this._toggle(g,e,f);return}var h=a(b.currentTarget||c),i=h[0]===this.active[0];d.active=d.collapsible&&i?!1:this.headers.index(h);if(this.running||!d.collapsible&&i)return;var j=this.active,g=h.next(),e=this.active.next(),f={options:d,newHeader:i&&d.collapsible?a([]):h,oldHeader:this.active,newContent:i&&d.collapsible?a([]):g,oldContent:e},k=this.headers.index(this.active[0])>this.headers.index(h[0]);this.active=i?a([]):h,this._toggle(g,e,f,i,k),j.removeClass("ui-state-active ui-corner-top").addClass("ui-state-default ui-corner-all").children(".ui-icon").removeClass(d.icons.headerSelected).addClass(d.icons.header),i||(h.removeClass("ui-state-default ui-corner-all").addClass("ui-state-active ui-corner-top").children(".ui-icon").removeClass(d.icons.header).addClass(d.icons.headerSelected),h.next().addClass("ui-accordion-content-active"));return},_toggle:function(b,c,d,e,f){var g=this,h=g.options;g.toShow=b,g.toHide=c,g.data=d;var i=function(){if(!g)return;return g._completed.apply(g,arguments)};g._trigger("changestart",null,g.data),g.running=c.size()===0?b.size():c.size();if(h.animated){var j={};h.collapsible&&e?j={toShow:a([]),toHide:c,complete:i,down:f,autoHeight:h.autoHeight||h.fillSpace}:j={toShow:b,toHide:c,complete:i,down:f,autoHeight:h.autoHeight||h.fillSpace},h.proxied||(h.proxied=h.animated),h.proxiedDuration||(h.proxiedDuration=h.duration),h.animated=a.isFunction(h.proxied)?h.proxied(j):h.proxied,h.duration=a.isFunction(h.proxiedDuration)?h.proxiedDuration(j):h.proxiedDuration;var k=a.ui.accordion.animations,l=h.duration,m=h.animated;m&&!k[m]&&!a.easing[m]&&(m="slide"),k[m]||(k[m]=function(a){this.slide(a,{easing:m,duration:l||700})}),k[m](j)}else h.collapsible&&e?b.toggle():(c.hide(),b.show()),i(!0);c.prev().attr({"aria-expanded":"false","aria-selected":"false",tabIndex:-1}).blur(),b.prev().attr({"aria-expanded":"true","aria-selected":"true",tabIndex:0}).focus()},_completed:function(a){this.running=a?0:--this.running;if(this.running)return;this.options.clearStyle&&this.toShow.add(this.toHide).css({height:"",overflow:""}),this.toHide.removeClass("ui-accordion-content-active"),this.toHide.length&&(this.toHide.parent()[0].className=this.toHide.parent()[0].className),this._trigger("change",null,this.data)}}),a.extend(a.ui.accordion,{version:"1.8.24",animations:{slide:function(b,c){b=a.extend({easing:"swing",duration:300},b,c);if(!b.toHide.size()){b.toShow.animate({height:"show",paddingTop:"show",paddingBottom:"show"},b);return}if(!b.toShow.size()){b.toHide.animate({height:"hide",paddingTop:"hide",paddingBottom:"hide"},b);return}var d=b.toShow.css("overflow"),e=0,f={},g={},h=["height","paddingTop","paddingBottom"],i,j=b.toShow;i=j[0].style.width,j.width(j.parent().width()-parseFloat(j.css("paddingLeft"))-parseFloat(j.css("paddingRight"))-(parseFloat(j.css("borderLeftWidth"))||0)-(parseFloat(j.css("borderRightWidth"))||0)),a.each(h,function(c,d){g[d]="hide";var e=(""+a.css(b.toShow[0],d)).match(/^([\d+-.]+)(.*)$/);f[d]={value:e[1],unit:e[2]||"px"}}),b.toShow.css({height:0,overflow:"hidden"}).show(),b.toHide.filter(":hidden").each(b.complete).end().filter(":visible").animate(g,{step:function(a,c){c.prop=="height"&&(e=c.end-c.start===0?0:(c.now-c.start)/(c.end-c.start)),b.toShow[0].style[c.prop]=e*f[c.prop].value+f[c.prop].unit},duration:b.duration,easing:b.easing,complete:function(){b.autoHeight||b.toShow.css("height",""),b.toShow.css({width:i,overflow:d}),b.complete()}})},bounceslide:function(a){this.slide(a,{easing:a.down?"easeOutBounce":"swing",duration:a.down?1e3:200})}}})})(jQuery);;/*! jQuery UI - v1.8.24 - 2012-09-28
+* https://github.com/jquery/jquery-ui
+* Includes: jquery.ui.autocomplete.js
+* Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */
+(function(a,b){var c=0;a.widget("ui.autocomplete",{options:{appendTo:"body",autoFocus:!1,delay:300,minLength:1,position:{my:"left top",at:"left bottom",collision:"none"},source:null},pending:0,_create:function(){var b=this,c=this.element[0].ownerDocument,d;this.isMultiLine=this.element.is("textarea"),this.element.addClass("ui-autocomplete-input").attr("autocomplete","off").attr({role:"textbox","aria-autocomplete":"list","aria-haspopup":"true"}).bind("keydown.autocomplete",function(c){if(b.options.disabled||b.element.propAttr("readOnly"))return;d=!1;var e=a.ui.keyCode;switch(c.keyCode){case e.PAGE_UP:b._move("previousPage",c);break;case e.PAGE_DOWN:b._move("nextPage",c);break;case e.UP:b._keyEvent("previous",c);break;case e.DOWN:b._keyEvent("next",c);break;case e.ENTER:case e.NUMPAD_ENTER:b.menu.active&&(d=!0,c.preventDefault());case e.TAB:if(!b.menu.active)return;b.menu.select(c);break;case e.ESCAPE:b.element.val(b.term),b.close(c);break;default:clearTimeout(b.searching),b.searching=setTimeout(function(){b.term!=b.element.val()&&(b.selectedItem=null,b.search(null,c))},b.options.delay)}}).bind("keypress.autocomplete",function(a){d&&(d=!1,a.preventDefault())}).bind("focus.autocomplete",function(){if(b.options.disabled)return;b.selectedItem=null,b.previous=b.element.val()}).bind("blur.autocomplete",function(a){if(b.options.disabled)return;clearTimeout(b.searching),b.closing=setTimeout(function(){b.close(a),b._change(a)},150)}),this._initSource(),this.menu=a("<ul></ul>").addClass("ui-autocomplete").appendTo(a(this.options.appendTo||"body",c)[0]).mousedown(function(c){var d=b.menu.element[0];a(c.target).closest(".ui-menu-item").length||setTimeout(function(){a(document).one("mousedown",function(c){c.target!==b.element[0]&&c.target!==d&&!a.ui.contains(d,c.target)&&b.close()})},1),setTimeout(function(){clearTimeout(b.closing)},13)}).menu({focus:function(a,c){var d=c.item.data("item.autocomplete");!1!==b._trigger("focus",a,{item:d})&&/^key/.test(a.originalEvent.type)&&b.element.val(d.value)},selected:function(a,d){var e=d.item.data("item.autocomplete"),f=b.previous;b.element[0]!==c.activeElement&&(b.element.focus(),b.previous=f,setTimeout(function(){b.previous=f,b.selectedItem=e},1)),!1!==b._trigger("select",a,{item:e})&&b.element.val(e.value),b.term=b.element.val(),b.close(a),b.selectedItem=e},blur:function(a,c){b.menu.element.is(":visible")&&b.element.val()!==b.term&&b.element.val(b.term)}}).zIndex(this.element.zIndex()+1).css({top:0,left:0}).hide().data("menu"),a.fn.bgiframe&&this.menu.element.bgiframe(),b.beforeunloadHandler=function(){b.element.removeAttr("autocomplete")},a(window).bind("beforeunload",b.beforeunloadHandler)},destroy:function(){this.element.removeClass("ui-autocomplete-input").removeAttr("autocomplete").removeAttr("role").removeAttr("aria-autocomplete").removeAttr("aria-haspopup"),this.menu.element.remove(),a(window).unbind("beforeunload",this.beforeunloadHandler),a.Widget.prototype.destroy.call(this)},_setOption:function(b,c){a.Widget.prototype._setOption.apply(this,arguments),b==="source"&&this._initSource(),b==="appendTo"&&this.menu.element.appendTo(a(c||"body",this.element[0].ownerDocument)[0]),b==="disabled"&&c&&this.xhr&&this.xhr.abort()},_initSource:function(){var b=this,c,d;a.isArray(this.options.source)?(c=this.options.source,this.source=function(b,d){d(a.ui.autocomplete.filter(c,b.term))}):typeof this.options.source=="string"?(d=this.options.source,this.source=function(c,e){b.xhr&&b.xhr.abort(),b.xhr=a.ajax({url:d,data:c,dataType:"json",success:function(a,b){e(a)},error:function(){e([])}})}):this.source=this.options.source},search:function(a,b){a=a!=null?a:this.element.val(),this.term=this.element.val();if(a.length<this.options.minLength)return this.close(b);clearTimeout(this.closing);if(this._trigger("search",b)===!1)return;return this._search(a)},_search:function(a){this.pending++,this.element.addClass("ui-autocomplete-loading"),this.source({term:a},this._response())},_response:function(){var a=this,b=++c;return function(d){b===c&&a.__response(d),a.pending--,a.pending||a.element.removeClass("ui-autocomplete-loading")}},__response:function(a){!this.options.disabled&&a&&a.length?(a=this._normalize(a),this._suggest(a),this._trigger("open")):this.close()},close:function(a){clearTimeout(this.closing),this.menu.element.is(":visible")&&(this.menu.element.hide(),this.menu.deactivate(),this._trigger("close",a))},_change:function(a){this.previous!==this.element.val()&&this._trigger("change",a,{item:this.selectedItem})},_normalize:function(b){return b.length&&b[0].label&&b[0].value?b:a.map(b,function(b){return typeof b=="string"?{label:b,value:b}:a.extend({label:b.label||b.value,value:b.value||b.label},b)})},_suggest:function(b){var c=this.menu.element.empty().zIndex(this.element.zIndex()+1);this._renderMenu(c,b),this.menu.deactivate(),this.menu.refresh(),c.show(),this._resizeMenu(),c.position(a.extend({of:this.element},this.options.position)),this.options.autoFocus&&this.menu.next(new a.Event("mouseover"))},_resizeMenu:function(){var a=this.menu.element;a.outerWidth(Math.max(a.width("").outerWidth()+1,this.element.outerWidth()))},_renderMenu:function(b,c){var d=this;a.each(c,function(a,c){d._renderItem(b,c)})},_renderItem:function(b,c){return a("<li></li>").data("item.autocomplete",c).append(a("<a></a>").text(c.label)).appendTo(b)},_move:function(a,b){if(!this.menu.element.is(":visible")){this.search(null,b);return}if(this.menu.first()&&/^previous/.test(a)||this.menu.last()&&/^next/.test(a)){this.element.val(this.term),this.menu.deactivate();return}this.menu[a](b)},widget:function(){return this.menu.element},_keyEvent:function(a,b){if(!this.isMultiLine||this.menu.element.is(":visible"))this._move(a,b),b.preventDefault()}}),a.extend(a.ui.autocomplete,{escapeRegex:function(a){return a.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&")},filter:function(b,c){var d=new RegExp(a.ui.autocomplete.escapeRegex(c),"i");return a.grep(b,function(a){return d.test(a.label||a.value||a)})}})})(jQuery),function(a){a.widget("ui.menu",{_create:function(){var b=this;this.element.addClass("ui-menu ui-widget ui-widget-content ui-corner-all").attr({role:"listbox","aria-activedescendant":"ui-active-menuitem"}).click(function(c){if(!a(c.target).closest(".ui-menu-item a").length)return;c.preventDefault(),b.select(c)}),this.refresh()},refresh:function(){var b=this,c=this.element.children("li:not(.ui-menu-item):has(a)").addClass("ui-menu-item").attr("role","menuitem");c.children("a").addClass("ui-corner-all").attr("tabindex",-1).mouseenter(function(c){b.activate(c,a(this).parent())}).mouseleave(function(){b.deactivate()})},activate:function(a,b){this.deactivate();if(this.hasScroll()){var c=b.offset().top-this.element.offset().top,d=this.element.scrollTop(),e=this.element.height();c<0?this.element.scrollTop(d+c):c>=e&&this.element.scrollTop(d+c-e+b.height())}this.active=b.eq(0).children("a").addClass("ui-state-hover").attr("id","ui-active-menuitem").end(),this._trigger("focus",a,{item:b})},deactivate:function(){if(!this.active)return;this.active.children("a").removeClass("ui-state-hover").removeAttr("id"),this._trigger("blur"),this.active=null},next:function(a){this.move("next",".ui-menu-item:first",a)},previous:function(a){this.move("prev",".ui-menu-item:last",a)},first:function(){return this.active&&!this.active.prevAll(".ui-menu-item").length},last:function(){return this.active&&!this.active.nextAll(".ui-menu-item").length},move:function(a,b,c){if(!this.active){this.activate(c,this.element.children(b));return}var d=this.active[a+"All"](".ui-menu-item").eq(0);d.length?this.activate(c,d):this.activate(c,this.element.children(b))},nextPage:function(b){if(this.hasScroll()){if(!this.active||this.last()){this.activate(b,this.element.children(".ui-menu-item:first"));return}var c=this.active.offset().top,d=this.element.height(),e=this.element.children(".ui-menu-item").filter(function(){var b=a(this).offset().top-c-d+a(this).height();return b<10&&b>-10});e.length||(e=this.element.children(".ui-menu-item:last")),this.activate(b,e)}else this.activate(b,this.element.children(".ui-menu-item").filter(!this.active||this.last()?":first":":last"))},previousPage:function(b){if(this.hasScroll()){if(!this.active||this.first()){this.activate(b,this.element.children(".ui-menu-item:last"));return}var c=this.active.offset().top,d=this.element.height(),e=this.element.children(".ui-menu-item").filter(function(){var b=a(this).offset().top-c+d-a(this).height();return b<10&&b>-10});e.length||(e=this.element.children(".ui-menu-item:first")),this.activate(b,e)}else this.activate(b,this.element.children(".ui-menu-item").filter(!this.active||this.first()?":last":":first"))},hasScroll:function(){return this.element.height()<this.element[a.fn.prop?"prop":"attr"]("scrollHeight")},select:function(a){this._trigger("selected",a,{item:this.active})}})}(jQuery);;/*! jQuery UI - v1.8.24 - 2012-09-28
+* https://github.com/jquery/jquery-ui
+* Includes: jquery.ui.button.js
+* Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */
+(function(a,b){var c,d,e,f,g="ui-button ui-widget ui-state-default ui-corner-all",h="ui-state-hover ui-state-active ",i="ui-button-icons-only ui-button-icon-only ui-button-text-icons ui-button-text-icon-primary ui-button-text-icon-secondary ui-button-text-only",j=function(){var b=a(this).find(":ui-button");setTimeout(function(){b.button("refresh")},1)},k=function(b){var c=b.name,d=b.form,e=a([]);return c&&(d?e=a(d).find("[name='"+c+"']"):e=a("[name='"+c+"']",b.ownerDocument).filter(function(){return!this.form})),e};a.widget("ui.button",{options:{disabled:null,text:!0,label:null,icons:{primary:null,secondary:null}},_create:function(){this.element.closest("form").unbind("reset.button").bind("reset.button",j),typeof this.options.disabled!="boolean"?this.options.disabled=!!this.element.propAttr("disabled"):this.element.propAttr("disabled",this.options.disabled),this._determineButtonType(),this.hasTitle=!!this.buttonElement.attr("title");var b=this,h=this.options,i=this.type==="checkbox"||this.type==="radio",l="ui-state-hover"+(i?"":" ui-state-active"),m="ui-state-focus";h.label===null&&(h.label=this.buttonElement.html()),this.buttonElement.addClass(g).attr("role","button").bind("mouseenter.button",function(){if(h.disabled)return;a(this).addClass("ui-state-hover"),this===c&&a(this).addClass("ui-state-active")}).bind("mouseleave.button",function(){if(h.disabled)return;a(this).removeClass(l)}).bind("click.button",function(a){h.disabled&&(a.preventDefault(),a.stopImmediatePropagation())}),this.element.bind("focus.button",function(){b.buttonElement.addClass(m)}).bind("blur.button",function(){b.buttonElement.removeClass(m)}),i&&(this.element.bind("change.button",function(){if(f)return;b.refresh()}),this.buttonElement.bind("mousedown.button",function(a){if(h.disabled)return;f=!1,d=a.pageX,e=a.pageY}).bind("mouseup.button",function(a){if(h.disabled)return;if(d!==a.pageX||e!==a.pageY)f=!0})),this.type==="checkbox"?this.buttonElement.bind("click.button",function(){if(h.disabled||f)return!1;a(this).toggleClass("ui-state-active"),b.buttonElement.attr("aria-pressed",b.element[0].checked)}):this.type==="radio"?this.buttonElement.bind("click.button",function(){if(h.disabled||f)return!1;a(this).addClass("ui-state-active"),b.buttonElement.attr("aria-pressed","true");var c=b.element[0];k(c).not(c).map(function(){return a(this).button("widget")[0]}).removeClass("ui-state-active").attr("aria-pressed","false")}):(this.buttonElement.bind("mousedown.button",function(){if(h.disabled)return!1;a(this).addClass("ui-state-active"),c=this,a(document).one("mouseup",function(){c=null})}).bind("mouseup.button",function(){if(h.disabled)return!1;a(this).removeClass("ui-state-active")}).bind("keydown.button",function(b){if(h.disabled)return!1;(b.keyCode==a.ui.keyCode.SPACE||b.keyCode==a.ui.keyCode.ENTER)&&a(this).addClass("ui-state-active")}).bind("keyup.button",function(){a(this).removeClass("ui-state-active")}),this.buttonElement.is("a")&&this.buttonElement.keyup(function(b){b.keyCode===a.ui.keyCode.SPACE&&a(this).click()})),this._setOption("disabled",h.disabled),this._resetButton()},_determineButtonType:function(){this.element.is(":checkbox")?this.type="checkbox":this.element.is(":radio")?this.type="radio":this.element.is("input")?this.type="input":this.type="button";if(this.type==="checkbox"||this.type==="radio"){var a=this.element.parents().filter(":last"),b="label[for='"+this.element.attr("id")+"']";this.buttonElement=a.find(b),this.buttonElement.length||(a=a.length?a.siblings():this.element.siblings(),this.buttonElement=a.filter(b),this.buttonElement.length||(this.buttonElement=a.find(b))),this.element.addClass("ui-helper-hidden-accessible");var c=this.element.is(":checked");c&&this.buttonElement.addClass("ui-state-active"),this.buttonElement.attr("aria-pressed",c)}else this.buttonElement=this.element},widget:function(){return this.buttonElement},destroy:function(){this.element.removeClass("ui-helper-hidden-accessible"),this.buttonElement.removeClass(g+" "+h+" "+i).removeAttr("role").removeAttr("aria-pressed").html(this.buttonElement.find(".ui-button-text").html()),this.hasTitle||this.buttonElement.removeAttr("title"),a.Widget.prototype.destroy.call(this)},_setOption:function(b,c){a.Widget.prototype._setOption.apply(this,arguments);if(b==="disabled"){c?this.element.propAttr("disabled",!0):this.element.propAttr("disabled",!1);return}this._resetButton()},refresh:function(){var b=this.element.is(":disabled");b!==this.options.disabled&&this._setOption("disabled",b),this.type==="radio"?k(this.element[0]).each(function(){a(this).is(":checked")?a(this).button("widget").addClass("ui-state-active").attr("aria-pressed","true"):a(this).button("widget").removeClass("ui-state-active").attr("aria-pressed","false")}):this.type==="checkbox"&&(this.element.is(":checked")?this.buttonElement.addClass("ui-state-active").attr("aria-pressed","true"):this.buttonElement.removeClass("ui-state-active").attr("aria-pressed","false"))},_resetButton:function(){if(this.type==="input"){this.options.label&&this.element.val(this.options.label);return}var b=this.buttonElement.removeClass(i),c=a("<span></span>",this.element[0].ownerDocument).addClass("ui-button-text").html(this.options.label).appendTo(b.empty()).text(),d=this.options.icons,e=d.primary&&d.secondary,f=[];d.primary||d.secondary?(this.options.text&&f.push("ui-button-text-icon"+(e?"s":d.primary?"-primary":"-secondary")),d.primary&&b.prepend("<span class='ui-button-icon-primary ui-icon "+d.primary+"'></span>"),d.secondary&&b.append("<span class='ui-button-icon-secondary ui-icon "+d.secondary+"'></span>"),this.options.text||(f.push(e?"ui-button-icons-only":"ui-button-icon-only"),this.hasTitle||b.attr("title",c))):f.push("ui-button-text-only"),b.addClass(f.join(" "))}}),a.widget("ui.buttonset",{options:{items:":button, :submit, :reset, :checkbox, :radio, a, :data(button)"},_create:function(){this.element.addClass("ui-buttonset")},_init:function(){this.refresh()},_setOption:function(b,c){b==="disabled"&&this.buttons.button("option",b,c),a.Widget.prototype._setOption.apply(this,arguments)},refresh:function(){var b=this.element.css("direction")==="rtl";this.buttons=this.element.find(this.options.items).filter(":ui-button").button("refresh").end().not(":ui-button").button().end().map(function(){return a(this).button("widget")[0]}).removeClass("ui-corner-all ui-corner-left ui-corner-right").filter(":first").addClass(b?"ui-corner-right":"ui-corner-left").end().filter(":last").addClass(b?"ui-corner-left":"ui-corner-right").end().end()},destroy:function(){this.element.removeClass("ui-buttonset"),this.buttons.map(function(){return a(this).button("widget")[0]}).removeClass("ui-corner-left ui-corner-right").end().button("destroy"),a.Widget.prototype.destroy.call(this)}})})(jQuery);;/*! jQuery UI - v1.8.24 - 2012-09-28
+* https://github.com/jquery/jquery-ui
+* Includes: jquery.ui.dialog.js
+* Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */
+(function(a,b){var c="ui-dialog ui-widget ui-widget-content ui-corner-all ",d={buttons:!0,height:!0,maxHeight:!0,maxWidth:!0,minHeight:!0,minWidth:!0,width:!0},e={maxHeight:!0,maxWidth:!0,minHeight:!0,minWidth:!0};a.widget("ui.dialog",{options:{autoOpen:!0,buttons:{},closeOnEscape:!0,closeText:"close",dialogClass:"",draggable:!0,hide:null,height:"auto",maxHeight:!1,maxWidth:!1,minHeight:150,minWidth:150,modal:!1,position:{my:"center",at:"center",collision:"fit",using:function(b){var c=a(this).css(b).offset().top;c<0&&a(this).css("top",b.top-c)}},resizable:!0,show:null,stack:!0,title:"",width:300,zIndex:1e3},_create:function(){this.originalTitle=this.element.attr("title"),typeof this.originalTitle!="string"&&(this.originalTitle=""),this.options.title=this.options.title||this.originalTitle;var b=this,d=b.options,e=d.title||"&#160;",f=a.ui.dialog.getTitleId(b.element),g=(b.uiDialog=a("<div></div>")).appendTo(document.body).hide().addClass(c+d.dialogClass).css({zIndex:d.zIndex}).attr("tabIndex",-1).css("outline",0).keydown(function(c){d.closeOnEscape&&!c.isDefaultPrevented()&&c.keyCode&&c.keyCode===a.ui.keyCode.ESCAPE&&(b.close(c),c.preventDefault())}).attr({role:"dialog","aria-labelledby":f}).mousedown(function(a){b.moveToTop(!1,a)}),h=b.element.show().removeAttr("title").addClass("ui-dialog-content ui-widget-content").appendTo(g),i=(b.uiDialogTitlebar=a("<div></div>")).addClass("ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix").prependTo(g),j=a('<a href="#"></a>').addClass("ui-dialog-titlebar-close ui-corner-all").attr("role","button").hover(function(){j.addClass("ui-state-hover")},function(){j.removeClass("ui-state-hover")}).focus(function(){j.addClass("ui-state-focus")}).blur(function(){j.removeClass("ui-state-focus")}).click(function(a){return b.close(a),!1}).appendTo(i),k=(b.uiDialogTitlebarCloseText=a("<span></span>")).addClass("ui-icon ui-icon-closethick").text(d.closeText).appendTo(j),l=a("<span></span>").addClass("ui-dialog-title").attr("id",f).html(e).prependTo(i);a.isFunction(d.beforeclose)&&!a.isFunction(d.beforeClose)&&(d.beforeClose=d.beforeclose),i.find("*").add(i).disableSelection(),d.draggable&&a.fn.draggable&&b._makeDraggable(),d.resizable&&a.fn.resizable&&b._makeResizable(),b._createButtons(d.buttons),b._isOpen=!1,a.fn.bgiframe&&g.bgiframe()},_init:function(){this.options.autoOpen&&this.open()},destroy:function(){var a=this;return a.overlay&&a.overlay.destroy(),a.uiDialog.hide(),a.element.unbind(".dialog").removeData("dialog").removeClass("ui-dialog-content ui-widget-content").hide().appendTo("body"),a.uiDialog.remove(),a.originalTitle&&a.element.attr("title",a.originalTitle),a},widget:function(){return this.uiDialog},close:function(b){var c=this,d,e;if(!1===c._trigger("beforeClose",b))return;return c.overlay&&c.overlay.destroy(),c.uiDialog.unbind("keypress.ui-dialog"),c._isOpen=!1,c.options.hide?c.uiDialog.hide(c.options.hide,function(){c._trigger("close",b)}):(c.uiDialog.hide(),c._trigger("close",b)),a.ui.dialog.overlay.resize(),c.options.modal&&(d=0,a(".ui-dialog").each(function(){this!==c.uiDialog[0]&&(e=a(this).css("z-index"),isNaN(e)||(d=Math.max(d,e)))}),a.ui.dialog.maxZ=d),c},isOpen:function(){return this._isOpen},moveToTop:function(b,c){var d=this,e=d.options,f;return e.modal&&!b||!e.stack&&!e.modal?d._trigger("focus",c):(e.zIndex>a.ui.dialog.maxZ&&(a.ui.dialog.maxZ=e.zIndex),d.overlay&&(a.ui.dialog.maxZ+=1,d.overlay.$el.css("z-index",a.ui.dialog.overlay.maxZ=a.ui.dialog.maxZ)),f={scrollTop:d.element.scrollTop(),scrollLeft:d.element.scrollLeft()},a.ui.dialog.maxZ+=1,d.uiDialog.css("z-index",a.ui.dialog.maxZ),d.element.attr(f),d._trigger("focus",c),d)},open:function(){if(this._isOpen)return;var b=this,c=b.options,d=b.uiDialog;return b.overlay=c.modal?new a.ui.dialog.overlay(b):null,b._size(),b._position(c.position),d.show(c.show),b.moveToTop(!0),c.modal&&d.bind("keydown.ui-dialog",function(b){if(b.keyCode!==a.ui.keyCode.TAB)return;var c=a(":tabbable",this),d=c.filter(":first"),e=c.filter(":last");if(b.target===e[0]&&!b.shiftKey)return d.focus(1),!1;if(b.target===d[0]&&b.shiftKey)return e.focus(1),!1}),a(b.element.find(":tabbable").get().concat(d.find(".ui-dialog-buttonpane :tabbable").get().concat(d.get()))).eq(0).focus(),b._isOpen=!0,b._trigger("open"),b},_createButtons:function(b){var c=this,d=!1,e=a("<div></div>").addClass("ui-dialog-buttonpane ui-widget-content ui-helper-clearfix"),f=a("<div></div>").addClass("ui-dialog-buttonset").appendTo(e);c.uiDialog.find(".ui-dialog-buttonpane").remove(),typeof b=="object"&&b!==null&&a.each(b,function(){return!(d=!0)}),d&&(a.each(b,function(b,d){d=a.isFunction(d)?{click:d,text:b}:d;var e=a('<button type="button"></button>').click(function(){d.click.apply(c.element[0],arguments)}).appendTo(f);a.each(d,function(a,b){if(a==="click")return;a in e?e[a](b):e.attr(a,b)}),a.fn.button&&e.button()}),e.appendTo(c.uiDialog))},_makeDraggable:function(){function f(a){return{position:a.position,offset:a.offset}}var b=this,c=b.options,d=a(document),e;b.uiDialog.draggable({cancel:".ui-dialog-content, .ui-dialog-titlebar-close",handle:".ui-dialog-titlebar",containment:"document",start:function(d,g){e=c.height==="auto"?"auto":a(this).height(),a(this).height(a(this).height()).addClass("ui-dialog-dragging"),b._trigger("dragStart",d,f(g))},drag:function(a,c){b._trigger("drag",a,f(c))},stop:function(g,h){c.position=[h.position.left-d.scrollLeft(),h.position.top-d.scrollTop()],a(this).removeClass("ui-dialog-dragging").height(e),b._trigger("dragStop",g,f(h)),a.ui.dialog.overlay.resize()}})},_makeResizable:function(c){function h(a){return{originalPosition:a.originalPosition,originalSize:a.originalSize,position:a.position,size:a.size}}c=c===b?this.options.resizable:c;var d=this,e=d.options,f=d.uiDialog.css("position"),g=typeof c=="string"?c:"n,e,s,w,se,sw,ne,nw";d.uiDialog.resizable({cancel:".ui-dialog-content",containment:"document",alsoResize:d.element,maxWidth:e.maxWidth,maxHeight:e.maxHeight,minWidth:e.minWidth,minHeight:d._minHeight(),handles:g,start:function(b,c){a(this).addClass("ui-dialog-resizing"),d._trigger("resizeStart",b,h(c))},resize:function(a,b){d._trigger("resize",a,h(b))},stop:function(b,c){a(this).removeClass("ui-dialog-resizing"),e.height=a(this).height(),e.width=a(this).width(),d._trigger("resizeStop",b,h(c)),a.ui.dialog.overlay.resize()}}).css("position",f).find(".ui-resizable-se").addClass("ui-icon ui-icon-grip-diagonal-se")},_minHeight:function(){var a=this.options;return a.height==="auto"?a.minHeight:Math.min(a.minHeight,a.height)},_position:function(b){var c=[],d=[0,0],e;if(b){if(typeof b=="string"||typeof b=="object"&&"0"in b)c=b.split?b.split(" "):[b[0],b[1]],c.length===1&&(c[1]=c[0]),a.each(["left","top"],function(a,b){+c[a]===c[a]&&(d[a]=c[a],c[a]=b)}),b={my:c.join(" "),at:c.join(" "),offset:d.join(" ")};b=a.extend({},a.ui.dialog.prototype.options.position,b)}else b=a.ui.dialog.prototype.options.position;e=this.uiDialog.is(":visible"),e||this.uiDialog.show(),this.uiDialog.css({top:0,left:0}).position(a.extend({of:window},b)),e||this.uiDialog.hide()},_setOptions:function(b){var c=this,f={},g=!1;a.each(b,function(a,b){c._setOption(a,b),a in d&&(g=!0),a in e&&(f[a]=b)}),g&&this._size(),this.uiDialog.is(":data(resizable)")&&this.uiDialog.resizable("option",f)},_setOption:function(b,d){var e=this,f=e.uiDialog;switch(b){case"beforeclose":b="beforeClose";break;case"buttons":e._createButtons(d);break;case"closeText":e.uiDialogTitlebarCloseText.text(""+d);break;case"dialogClass":f.removeClass(e.options.dialogClass).addClass(c+d);break;case"disabled":d?f.addClass("ui-dialog-disabled"):f.removeClass("ui-dialog-disabled");break;case"draggable":var g=f.is(":data(draggable)");g&&!d&&f.draggable("destroy"),!g&&d&&e._makeDraggable();break;case"position":e._position(d);break;case"resizable":var h=f.is(":data(resizable)");h&&!d&&f.resizable("destroy"),h&&typeof d=="string"&&f.resizable("option","handles",d),!h&&d!==!1&&e._makeResizable(d);break;case"title":a(".ui-dialog-title",e.uiDialogTitlebar).html(""+(d||"&#160;"))}a.Widget.prototype._setOption.apply(e,arguments)},_size:function(){var b=this.options,c,d,e=this.uiDialog.is(":visible");this.element.show().css({width:"auto",minHeight:0,height:0}),b.minWidth>b.width&&(b.width=b.minWidth),c=this.uiDialog.css({height:"auto",width:b.width}).height(),d=Math.max(0,b.minHeight-c);if(b.height==="auto")if(a.support.minHeight)this.element.css({minHeight:d,height:"auto"});else{this.uiDialog.show();var f=this.element.css("height","auto").height();e||this.uiDialog.hide(),this.element.height(Math.max(f,d))}else this.element.height(Math.max(b.height-c,0));this.uiDialog.is(":data(resizable)")&&this.uiDialog.resizable("option","minHeight",this._minHeight())}}),a.extend(a.ui.dialog,{version:"1.8.24",uuid:0,maxZ:0,getTitleId:function(a){var b=a.attr("id");return b||(this.uuid+=1,b=this.uuid),"ui-dialog-title-"+b},overlay:function(b){this.$el=a.ui.dialog.overlay.create(b)}}),a.extend(a.ui.dialog.overlay,{instances:[],oldInstances:[],maxZ:0,events:a.map("focus,mousedown,mouseup,keydown,keypress,click".split(","),function(a){return a+".dialog-overlay"}).join(" "),create:function(b){this.instances.length===0&&(setTimeout(function(){a.ui.dialog.overlay.instances.length&&a(document).bind(a.ui.dialog.overlay.events,function(b){if(a(b.target).zIndex()<a.ui.dialog.overlay.maxZ)return!1})},1),a(document).bind("keydown.dialog-overlay",function(c){b.options.closeOnEscape&&!c.isDefaultPrevented()&&c.keyCode&&c.keyCode===a.ui.keyCode.ESCAPE&&(b.close(c),c.preventDefault())}),a(window).bind("resize.dialog-overlay",a.ui.dialog.overlay.resize));var c=(this.oldInstances.pop()||a("<div></div>").addClass("ui-widget-overlay")).appendTo(document.body).css({width:this.width(),height:this.height()});return a.fn.bgiframe&&c.bgiframe(),this.instances.push(c),c},destroy:function(b){var c=a.inArray(b,this.instances);c!=-1&&this.oldInstances.push(this.instances.splice(c,1)[0]),this.instances.length===0&&a([document,window]).unbind(".dialog-overlay"),b.remove();var d=0;a.each(this.instances,function(){d=Math.max(d,this.css("z-index"))}),this.maxZ=d},height:function(){var b,c;return a.browser.msie&&a.browser.version<7?(b=Math.max(document.documentElement.scrollHeight,document.body.scrollHeight),c=Math.max(document.documentElement.offsetHeight,document.body.offsetHeight),b<c?a(window).height()+"px":b+"px"):a(document).height()+"px"},width:function(){var b,c;return a.browser.msie?(b=Math.max(document.documentElement.scrollWidth,document.body.scrollWidth),c=Math.max(document.documentElement.offsetWidth,document.body.offsetWidth),b<c?a(window).width()+"px":b+"px"):a(document).width()+"px"},resize:function(){var b=a([]);a.each(a.ui.dialog.overlay.instances,function(){b=b.add(this)}),b.css({width:0,height:0}).css({width:a.ui.dialog.overlay.width(),height:a.ui.dialog.overlay.height()})}}),a.extend(a.ui.dialog.overlay.prototype,{destroy:function(){a.ui.dialog.overlay.destroy(this.$el)}})})(jQuery);;/*! jQuery UI - v1.8.24 - 2012-09-28
+* https://github.com/jquery/jquery-ui
+* Includes: jquery.ui.slider.js
+* Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */
+(function(a,b){var c=5;a.widget("ui.slider",a.ui.mouse,{widgetEventPrefix:"slide",options:{animate:!1,distance:0,max:100,min:0,orientation:"horizontal",range:!1,step:1,value:0,values:null},_create:function(){var b=this,d=this.options,e=this.element.find(".ui-slider-handle").addClass("ui-state-default ui-corner-all"),f="<a class='ui-slider-handle ui-state-default ui-corner-all' href='#'></a>",g=d.values&&d.values.length||1,h=[];this._keySliding=!1,this._mouseSliding=!1,this._animateOff=!0,this._handleIndex=null,this._detectOrientation(),this._mouseInit(),this.element.addClass("ui-slider ui-slider-"+this.orientation+" ui-widget"+" ui-widget-content"+" ui-corner-all"+(d.disabled?" ui-slider-disabled ui-disabled":"")),this.range=a([]),d.range&&(d.range===!0&&(d.values||(d.values=[this._valueMin(),this._valueMin()]),d.values.length&&d.values.length!==2&&(d.values=[d.values[0],d.values[0]])),this.range=a("<div></div>").appendTo(this.element).addClass("ui-slider-range ui-widget-header"+(d.range==="min"||d.range==="max"?" ui-slider-range-"+d.range:"")));for(var i=e.length;i<g;i+=1)h.push(f);this.handles=e.add(a(h.join("")).appendTo(b.element)),this.handle=this.handles.eq(0),this.handles.add(this.range).filter("a").click(function(a){a.preventDefault()}).hover(function(){d.disabled||a(this).addClass("ui-state-hover")},function(){a(this).removeClass("ui-state-hover")}).focus(function(){d.disabled?a(this).blur():(a(".ui-slider .ui-state-focus").removeClass("ui-state-focus"),a(this).addClass("ui-state-focus"))}).blur(function(){a(this).removeClass("ui-state-focus")}),this.handles.each(function(b){a(this).data("index.ui-slider-handle",b)}),this.handles.keydown(function(d){var e=a(this).data("index.ui-slider-handle"),f,g,h,i;if(b.options.disabled)return;switch(d.keyCode){case a.ui.keyCode.HOME:case a.ui.keyCode.END:case a.ui.keyCode.PAGE_UP:case a.ui.keyCode.PAGE_DOWN:case a.ui.keyCode.UP:case a.ui.keyCode.RIGHT:case a.ui.keyCode.DOWN:case a.ui.keyCode.LEFT:d.preventDefault();if(!b._keySliding){b._keySliding=!0,a(this).addClass("ui-state-active"),f=b._start(d,e);if(f===!1)return}}i=b.options.step,b.options.values&&b.options.values.length?g=h=b.values(e):g=h=b.value();switch(d.keyCode){case a.ui.keyCode.HOME:h=b._valueMin();break;case a.ui.keyCode.END:h=b._valueMax();break;case a.ui.keyCode.PAGE_UP:h=b._trimAlignValue(g+(b._valueMax()-b._valueMin())/c);break;case a.ui.keyCode.PAGE_DOWN:h=b._trimAlignValue(g-(b._valueMax()-b._valueMin())/c);break;case a.ui.keyCode.UP:case a.ui.keyCode.RIGHT:if(g===b._valueMax())return;h=b._trimAlignValue(g+i);break;case a.ui.keyCode.DOWN:case a.ui.keyCode.LEFT:if(g===b._valueMin())return;h=b._trimAlignValue(g-i)}b._slide(d,e,h)}).keyup(function(c){var d=a(this).data("index.ui-slider-handle");b._keySliding&&(b._keySliding=!1,b._stop(c,d),b._change(c,d),a(this).removeClass("ui-state-active"))}),this._refreshValue(),this._animateOff=!1},destroy:function(){return this.handles.remove(),this.range.remove(),this.element.removeClass("ui-slider ui-slider-horizontal ui-slider-vertical ui-slider-disabled ui-widget ui-widget-content ui-corner-all").removeData("slider").unbind(".slider"),this._mouseDestroy(),this},_mouseCapture:function(b){var c=this.options,d,e,f,g,h,i,j,k,l;return c.disabled?!1:(this.elementSize={width:this.element.outerWidth(),height:this.element.outerHeight()},this.elementOffset=this.element.offset(),d={x:b.pageX,y:b.pageY},e=this._normValueFromMouse(d),f=this._valueMax()-this._valueMin()+1,h=this,this.handles.each(function(b){var c=Math.abs(e-h.values(b));f>c&&(f=c,g=a(this),i=b)}),c.range===!0&&this.values(1)===c.min&&(i+=1,g=a(this.handles[i])),j=this._start(b,i),j===!1?!1:(this._mouseSliding=!0,h._handleIndex=i,g.addClass("ui-state-active").focus(),k=g.offset(),l=!a(b.target).parents().andSelf().is(".ui-slider-handle"),this._clickOffset=l?{left:0,top:0}:{left:b.pageX-k.left-g.width()/2,top:b.pageY-k.top-g.height()/2-(parseInt(g.css("borderTopWidth"),10)||0)-(parseInt(g.css("borderBottomWidth"),10)||0)+(parseInt(g.css("marginTop"),10)||0)},this.handles.hasClass("ui-state-hover")||this._slide(b,i,e),this._animateOff=!0,!0))},_mouseStart:function(a){return!0},_mouseDrag:function(a){var b={x:a.pageX,y:a.pageY},c=this._normValueFromMouse(b);return this._slide(a,this._handleIndex,c),!1},_mouseStop:function(a){return this.handles.removeClass("ui-state-active"),this._mouseSliding=!1,this._stop(a,this._handleIndex),this._change(a,this._handleIndex),this._handleIndex=null,this._clickOffset=null,this._animateOff=!1,!1},_detectOrientation:function(){this.orientation=this.options.orientation==="vertical"?"vertical":"horizontal"},_normValueFromMouse:function(a){var b,c,d,e,f;return this.orientation==="horizontal"?(b=this.elementSize.width,c=a.x-this.elementOffset.left-(this._clickOffset?this._clickOffset.left:0)):(b=this.elementSize.height,c=a.y-this.elementOffset.top-(this._clickOffset?this._clickOffset.top:0)),d=c/b,d>1&&(d=1),d<0&&(d=0),this.orientation==="vertical"&&(d=1-d),e=this._valueMax()-this._valueMin(),f=this._valueMin()+d*e,this._trimAlignValue(f)},_start:function(a,b){var c={handle:this.handles[b],value:this.value()};return this.options.values&&this.options.values.length&&(c.value=this.values(b),c.values=this.values()),this._trigger("start",a,c)},_slide:function(a,b,c){var d,e,f;this.options.values&&this.options.values.length?(d=this.values(b?0:1),this.options.values.length===2&&this.options.range===!0&&(b===0&&c>d||b===1&&c<d)&&(c=d),c!==this.values(b)&&(e=this.values(),e[b]=c,f=this._trigger("slide",a,{handle:this.handles[b],value:c,values:e}),d=this.values(b?0:1),f!==!1&&this.values(b,c,!0))):c!==this.value()&&(f=this._trigger("slide",a,{handle:this.handles[b],value:c}),f!==!1&&this.value(c))},_stop:function(a,b){var c={handle:this.handles[b],value:this.value()};this.options.values&&this.options.values.length&&(c.value=this.values(b),c.values=this.values()),this._trigger("stop",a,c)},_change:function(a,b){if(!this._keySliding&&!this._mouseSliding){var c={handle:this.handles[b],value:this.value()};this.options.values&&this.options.values.length&&(c.value=this.values(b),c.values=this.values()),this._trigger("change",a,c)}},value:function(a){if(arguments.length){this.options.value=this._trimAlignValue(a),this._refreshValue(),this._change(null,0);return}return this._value()},values:function(b,c){var d,e,f;if(arguments.length>1){this.options.values[b]=this._trimAlignValue(c),this._refreshValue(),this._change(null,b);return}if(!arguments.length)return this._values();if(!a.isArray(arguments[0]))return this.options.values&&this.options.values.length?this._values(b):this.value();d=this.options.values,e=arguments[0];for(f=0;f<d.length;f+=1)d[f]=this._trimAlignValue(e[f]),this._change(null,f);this._refreshValue()},_setOption:function(b,c){var d,e=0;a.isArray(this.options.values)&&(e=this.options.values.length),a.Widget.prototype._setOption.apply(this,arguments);switch(b){case"disabled":c?(this.handles.filter(".ui-state-focus").blur(),this.handles.removeClass("ui-state-hover"),this.handles.propAttr("disabled",!0),this.element.addClass("ui-disabled")):(this.handles.propAttr("disabled",!1),this.element.removeClass("ui-disabled"));break;case"orientation":this._detectOrientation(),this.element.removeClass("ui-slider-horizontal ui-slider-vertical").addClass("ui-slider-"+this.orientation),this._refreshValue();break;case"value":this._animateOff=!0,this._refreshValue(),this._change(null,0),this._animateOff=!1;break;case"values":this._animateOff=!0,this._refreshValue();for(d=0;d<e;d+=1)this._change(null,d);this._animateOff=!1}},_value:function(){var a=this.options.value;return a=this._trimAlignValue(a),a},_values:function(a){var b,c,d;if(arguments.length)return b=this.options.values[a],b=this._trimAlignValue(b),b;c=this.options.values.slice();for(d=0;d<c.length;d+=1)c[d]=this._trimAlignValue(c[d]);return c},_trimAlignValue:function(a){if(a<=this._valueMin())return this._valueMin();if(a>=this._valueMax())return this._valueMax();var b=this.options.step>0?this.options.step:1,c=(a-this._valueMin())%b,d=a-c;return Math.abs(c)*2>=b&&(d+=c>0?b:-b),parseFloat(d.toFixed(5))},_valueMin:function(){return this.options.min},_valueMax:function(){return this.options.max},_refreshValue:function(){var b=this.options.range,c=this.options,d=this,e=this._animateOff?!1:c.animate,f,g={},h,i,j,k;this.options.values&&this.options.values.length?this.handles.each(function(b,i){f=(d.values(b)-d._valueMin())/(d._valueMax()-d._valueMin())*100,g[d.orientation==="horizontal"?"left":"bottom"]=f+"%",a(this).stop(1,1)[e?"animate":"css"](g,c.animate),d.options.range===!0&&(d.orientation==="horizontal"?(b===0&&d.range.stop(1,1)[e?"animate":"css"]({left:f+"%"},c.animate),b===1&&d.range[e?"animate":"css"]({width:f-h+"%"},{queue:!1,duration:c.animate})):(b===0&&d.range.stop(1,1)[e?"animate":"css"]({bottom:f+"%"},c.animate),b===1&&d.range[e?"animate":"css"]({height:f-h+"%"},{queue:!1,duration:c.animate}))),h=f}):(i=this.value(),j=this._valueMin(),k=this._valueMax(),f=k!==j?(i-j)/(k-j)*100:0,g[d.orientation==="horizontal"?"left":"bottom"]=f+"%",this.handle.stop(1,1)[e?"animate":"css"](g,c.animate),b==="min"&&this.orientation==="horizontal"&&this.range.stop(1,1)[e?"animate":"css"]({width:f+"%"},c.animate),b==="max"&&this.orientation==="horizontal"&&this.range[e?"animate":"css"]({width:100-f+"%"},{queue:!1,duration:c.animate}),b==="min"&&this.orientation==="vertical"&&this.range.stop(1,1)[e?"animate":"css"]({height:f+"%"},c.animate),b==="max"&&this.orientation==="vertical"&&this.range[e?"animate":"css"]({height:100-f+"%"},{queue:!1,duration:c.animate}))}}),a.extend(a.ui.slider,{version:"1.8.24"})})(jQuery);;/*! jQuery UI - v1.8.24 - 2012-09-28
+* https://github.com/jquery/jquery-ui
+* Includes: jquery.ui.tabs.js
+* Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */
+(function(a,b){function e(){return++c}function f(){return++d}var c=0,d=0;a.widget("ui.tabs",{options:{add:null,ajaxOptions:null,cache:!1,cookie:null,collapsible:!1,disable:null,disabled:[],enable:null,event:"click",fx:null,idPrefix:"ui-tabs-",load:null,panelTemplate:"<div></div>",remove:null,select:null,show:null,spinner:"<em>Loading&#8230;</em>",tabTemplate:"<li><a href='#{href}'><span>#{label}</span></a></li>"},_create:function(){this._tabify(!0)},_setOption:function(a,b){if(a=="selected"){if(this.options.collapsible&&b==this.options.selected)return;this.select(b)}else this.options[a]=b,this._tabify()},_tabId:function(a){return a.title&&a.title.replace(/\s/g,"_").replace(/[^\w\u00c0-\uFFFF-]/g,"")||this.options.idPrefix+e()},_sanitizeSelector:function(a){return a.replace(/:/g,"\\:")},_cookie:function(){var b=this.cookie||(this.cookie=this.options.cookie.name||"ui-tabs-"+f());return a.cookie.apply(null,[b].concat(a.makeArray(arguments)))},_ui:function(a,b){return{tab:a,panel:b,index:this.anchors.index(a)}},_cleanup:function(){this.lis.filter(".ui-state-processing").removeClass("ui-state-processing").find("span:data(label.tabs)").each(function(){var b=a(this);b.html(b.data("label.tabs")).removeData("label.tabs")})},_tabify:function(c){function m(b,c){b.css("display",""),!a.support.opacity&&c.opacity&&b[0].style.removeAttribute("filter")}var d=this,e=this.options,f=/^#.+/;this.list=this.element.find("ol,ul").eq(0),this.lis=a(" > li:has(a[href])",this.list),this.anchors=this.lis.map(function(){return a("a",this)[0]}),this.panels=a([]),this.anchors.each(function(b,c){var g=a(c).attr("href"),h=g.split("#")[0],i;h&&(h===location.toString().split("#")[0]||(i=a("base")[0])&&h===i.href)&&(g=c.hash,c.href=g);if(f.test(g))d.panels=d.panels.add(d.element.find(d._sanitizeSelector(g)));else if(g&&g!=="#"){a.data(c,"href.tabs",g),a.data(c,"load.tabs",g.replace(/#.*$/,""));var j=d._tabId(c);c.href="#"+j;var k=d.element.find("#"+j);k.length||(k=a(e.panelTemplate).attr("id",j).addClass("ui-tabs-panel ui-widget-content ui-corner-bottom").insertAfter(d.panels[b-1]||d.list),k.data("destroy.tabs",!0)),d.panels=d.panels.add(k)}else e.disabled.push(b)}),c?(this.element.addClass("ui-tabs ui-widget ui-widget-content ui-corner-all"),this.list.addClass("ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all"),this.lis.addClass("ui-state-default ui-corner-top"),this.panels.addClass("ui-tabs-panel ui-widget-content ui-corner-bottom"),e.selected===b?(location.hash&&this.anchors.each(function(a,b){if(b.hash==location.hash)return e.selected=a,!1}),typeof e.selected!="number"&&e.cookie&&(e.selected=parseInt(d._cookie(),10)),typeof e.selected!="number"&&this.lis.filter(".ui-tabs-selected").length&&(e.selected=this.lis.index(this.lis.filter(".ui-tabs-selected"))),e.selected=e.selected||(this.lis.length?0:-1)):e.selected===null&&(e.selected=-1),e.selected=e.selected>=0&&this.anchors[e.selected]||e.selected<0?e.selected:0,e.disabled=a.unique(e.disabled.concat(a.map(this.lis.filter(".ui-state-disabled"),function(a,b){return d.lis.index(a)}))).sort(),a.inArray(e.selected,e.disabled)!=-1&&e.disabled.splice(a.inArray(e.selected,e.disabled),1),this.panels.addClass("ui-tabs-hide"),this.lis.removeClass("ui-tabs-selected ui-state-active"),e.selected>=0&&this.anchors.length&&(d.element.find(d._sanitizeSelector(d.anchors[e.selected].hash)).removeClass("ui-tabs-hide"),this.lis.eq(e.selected).addClass("ui-tabs-selected ui-state-active"),d.element.queue("tabs",function(){d._trigger("show",null,d._ui(d.anchors[e.selected],d.element.find(d._sanitizeSelector(d.anchors[e.selected].hash))[0]))}),this.load(e.selected)),a(window).bind("unload",function(){d.lis.add(d.anchors).unbind(".tabs"),d.lis=d.anchors=d.panels=null})):e.selected=this.lis.index(this.lis.filter(".ui-tabs-selected")),this.element[e.collapsible?"addClass":"removeClass"]("ui-tabs-collapsible"),e.cookie&&this._cookie(e.selected,e.cookie);for(var g=0,h;h=this.lis[g];g++)a(h)[a.inArray(g,e.disabled)!=-1&&!a(h).hasClass("ui-tabs-selected")?"addClass":"removeClass"]("ui-state-disabled");e.cache===!1&&this.anchors.removeData("cache.tabs"),this.lis.add(this.anchors).unbind(".tabs");if(e.event!=="mouseover"){var i=function(a,b){b.is(":not(.ui-state-disabled)")&&b.addClass("ui-state-"+a)},j=function(a,b){b.removeClass("ui-state-"+a)};this.lis.bind("mouseover.tabs",function(){i("hover",a(this))}),this.lis.bind("mouseout.tabs",function(){j("hover",a(this))}),this.anchors.bind("focus.tabs",function(){i("focus",a(this).closest("li"))}),this.anchors.bind("blur.tabs",function(){j("focus",a(this).closest("li"))})}var k,l;e.fx&&(a.isArray(e.fx)?(k=e.fx[0],l=e.fx[1]):k=l=e.fx);var n=l?function(b,c){a(b).closest("li").addClass("ui-tabs-selected ui-state-active"),c.hide().removeClass("ui-tabs-hide").animate(l,l.duration||"normal",function(){m(c,l),d._trigger("show",null,d._ui(b,c[0]))})}:function(b,c){a(b).closest("li").addClass("ui-tabs-selected ui-state-active"),c.removeClass("ui-tabs-hide"),d._trigger("show",null,d._ui(b,c[0]))},o=k?function(a,b){b.animate(k,k.duration||"normal",function(){d.lis.removeClass("ui-tabs-selected ui-state-active"),b.addClass("ui-tabs-hide"),m(b,k),d.element.dequeue("tabs")})}:function(a,b,c){d.lis.removeClass("ui-tabs-selected ui-state-active"),b.addClass("ui-tabs-hide"),d.element.dequeue("tabs")};this.anchors.bind(e.event+".tabs",function(){var b=this,c=a(b).closest("li"),f=d.panels.filter(":not(.ui-tabs-hide)"),g=d.element.find(d._sanitizeSelector(b.hash));if(c.hasClass("ui-tabs-selected")&&!e.collapsible||c.hasClass("ui-state-disabled")||c.hasClass("ui-state-processing")||d.panels.filter(":animated").length||d._trigger("select",null,d._ui(this,g[0]))===!1)return this.blur(),!1;e.selected=d.anchors.index(this),d.abort();if(e.collapsible){if(c.hasClass("ui-tabs-selected"))return e.selected=-1,e.cookie&&d._cookie(e.selected,e.cookie),d.element.queue("tabs",function(){o(b,f)}).dequeue("tabs"),this.blur(),!1;if(!f.length)return e.cookie&&d._cookie(e.selected,e.cookie),d.element.queue("tabs",function(){n(b,g)}),d.load(d.anchors.index(this)),this.blur(),!1}e.cookie&&d._cookie(e.selected,e.cookie);if(g.length)f.length&&d.element.queue("tabs",function(){o(b,f)}),d.element.queue("tabs",function(){n(b,g)}),d.load(d.anchors.index(this));else throw"jQuery UI Tabs: Mismatching fragment identifier.";a.browser.msie&&this.blur()}),this.anchors.bind("click.tabs",function(){return!1})},_getIndex:function(a){return typeof a=="string"&&(a=this.anchors.index(this.anchors.filter("[href$='"+a+"']"))),a},destroy:function(){var b=this.options;return this.abort(),this.element.unbind(".tabs").removeClass("ui-tabs ui-widget ui-widget-content ui-corner-all ui-tabs-collapsible").removeData("tabs"),this.list.removeClass("ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all"),this.anchors.each(function(){var b=a.data(this,"href.tabs");b&&(this.href=b);var c=a(this).unbind(".tabs");a.each(["href","load","cache"],function(a,b){c.removeData(b+".tabs")})}),this.lis.unbind(".tabs").add(this.panels).each(function(){a.data(this,"destroy.tabs")?a(this).remove():a(this).removeClass(["ui-state-default","ui-corner-top","ui-tabs-selected","ui-state-active","ui-state-hover","ui-state-focus","ui-state-disabled","ui-tabs-panel","ui-widget-content","ui-corner-bottom","ui-tabs-hide"].join(" "))}),b.cookie&&this._cookie(null,b.cookie),this},add:function(c,d,e){e===b&&(e=this.anchors.length);var f=this,g=this.options,h=a(g.tabTemplate.replace(/#\{href\}/g,c).replace(/#\{label\}/g,d)),i=c.indexOf("#")?this._tabId(a("a",h)[0]):c.replace("#","");h.addClass("ui-state-default ui-corner-top").data("destroy.tabs",!0);var j=f.element.find("#"+i);return j.length||(j=a(g.panelTemplate).attr("id",i).data("destroy.tabs",!0)),j.addClass("ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide"),e>=this.lis.length?(h.appendTo(this.list),j.appendTo(this.list[0].parentNode)):(h.insertBefore(this.lis[e]),j.insertBefore(this.panels[e])),g.disabled=a.map(g.disabled,function(a,b){return a>=e?++a:a}),this._tabify(),this.anchors.length==1&&(g.selected=0,h.addClass("ui-tabs-selected ui-state-active"),j.removeClass("ui-tabs-hide"),this.element.queue("tabs",function(){f._trigger("show",null,f._ui(f.anchors[0],f.panels[0]))}),this.load(0)),this._trigger("add",null,this._ui(this.anchors[e],this.panels[e])),this},remove:function(b){b=this._getIndex(b);var c=this.options,d=this.lis.eq(b).remove(),e=this.panels.eq(b).remove();return d.hasClass("ui-tabs-selected")&&this.anchors.length>1&&this.select(b+(b+1<this.anchors.length?1:-1)),c.disabled=a.map(a.grep(c.disabled,function(a,c){return a!=b}),function(a,c){return a>=b?--a:a}),this._tabify(),this._trigger("remove",null,this._ui(d.find("a")[0],e[0])),this},enable:function(b){b=this._getIndex(b);var c=this.options;if(a.inArray(b,c.disabled)==-1)return;return this.lis.eq(b).removeClass("ui-state-disabled"),c.disabled=a.grep(c.disabled,function(a,c){return a!=b}),this._trigger("enable",null,this._ui(this.anchors[b],this.panels[b])),this},disable:function(a){a=this._getIndex(a);var b=this,c=this.options;return a!=c.selected&&(this.lis.eq(a).addClass("ui-state-disabled"),c.disabled.push(a),c.disabled.sort(),this._trigger("disable",null,this._ui(this.anchors[a],this.panels[a]))),this},select:function(a){a=this._getIndex(a);if(a==-1)if(this.options.collapsible&&this.options.selected!=-1)a=this.options.selected;else return this;return this.anchors.eq(a).trigger(this.options.event+".tabs"),this},load:function(b){b=this._getIndex(b);var c=this,d=this.options,e=this.anchors.eq(b)[0],f=a.data(e,"load.tabs");this.abort();if(!f||this.element.queue("tabs").length!==0&&a.data(e,"cache.tabs")){this.element.dequeue("tabs");return}this.lis.eq(b).addClass("ui-state-processing");if(d.spinner){var g=a("span",e);g.data("label.tabs",g.html()).html(d.spinner)}return this.xhr=a.ajax(a.extend({},d.ajaxOptions,{url:f,success:function(f,g){c.element.find(c._sanitizeSelector(e.hash)).html(f),c._cleanup(),d.cache&&a.data(e,"cache.tabs",!0),c._trigger("load",null,c._ui(c.anchors[b],c.panels[b]));try{d.ajaxOptions.success(f,g)}catch(h){}},error:function(a,f,g){c._cleanup(),c._trigger("load",null,c._ui(c.anchors[b],c.panels[b]));try{d.ajaxOptions.error(a,f,b,e)}catch(g){}}})),c.element.dequeue("tabs"),this},abort:function(){return this.element.queue([]),this.panels.stop(!1,!0),this.element.queue("tabs",this.element.queue("tabs").splice(-2,2)),this.xhr&&(this.xhr.abort(),delete this.xhr),this._cleanup(),this},url:function(a,b){return this.anchors.eq(a).removeData("cache.tabs").data("load.tabs",b),this},length:function(){return this.anchors.length}}),a.extend(a.ui.tabs,{version:"1.8.24"}),a.extend(a.ui.tabs.prototype,{rotation:null,rotate:function(a,b){var c=this,d=this.options,e=c._rotate||(c._rotate=function(b){clearTimeout(c.rotation),c.rotation=setTimeout(function(){var a=d.selected;c.select(++a<c.anchors.length?a:0)},a),b&&b.stopPropagation()}),f=c._unrotate||(c._unrotate=b?function(a){e()}:function(a){a.clientX&&c.rotate(null)});return a?(this.element.bind("tabsshow",e),this.anchors.bind(d.event+".tabs",f),e()):(clearTimeout(c.rotation),this.element.unbind("tabsshow",e),this.anchors.unbind(d.event+".tabs",f),delete this._rotate,delete this._unrotate),this}})})(jQuery);;/*! jQuery UI - v1.8.24 - 2012-09-28
+* https://github.com/jquery/jquery-ui
+* Includes: jquery.ui.datepicker.js
+* Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */
+(function($,undefined){function Datepicker(){this.debug=!1,this._curInst=null,this._keyEvent=!1,this._disabledInputs=[],this._datepickerShowing=!1,this._inDialog=!1,this._mainDivId="ui-datepicker-div",this._inlineClass="ui-datepicker-inline",this._appendClass="ui-datepicker-append",this._triggerClass="ui-datepicker-trigger",this._dialogClass="ui-datepicker-dialog",this._disableClass="ui-datepicker-disabled",this._unselectableClass="ui-datepicker-unselectable",this._currentClass="ui-datepicker-current-day",this._dayOverClass="ui-datepicker-days-cell-over",this.regional=[],this.regional[""]={closeText:"Done",prevText:"Prev",nextText:"Next",currentText:"Today",monthNames:["January","February","March","April","May","June","July","August","September","October","November","December"],monthNamesShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],dayNames:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],dayNamesShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],dayNamesMin:["Su","Mo","Tu","We","Th","Fr","Sa"],weekHeader:"Wk",dateFormat:"mm/dd/yy",firstDay:0,isRTL:!1,showMonthAfterYear:!1,yearSuffix:""},this._defaults={showOn:"focus",showAnim:"fadeIn",showOptions:{},defaultDate:null,appendText:"",buttonText:"...",buttonImage:"",buttonImageOnly:!1,hideIfNoPrevNext:!1,navigationAsDateFormat:!1,gotoCurrent:!1,changeMonth:!1,changeYear:!1,yearRange:"c-10:c+10",showOtherMonths:!1,selectOtherMonths:!1,showWeek:!1,calculateWeek:this.iso8601Week,shortYearCutoff:"+10",minDate:null,maxDate:null,duration:"fast",beforeShowDay:null,beforeShow:null,onSelect:null,onChangeMonthYear:null,onClose:null,numberOfMonths:1,showCurrentAtPos:0,stepMonths:1,stepBigMonths:12,altField:"",altFormat:"",constrainInput:!0,showButtonPanel:!1,autoSize:!1,disabled:!1},$.extend(this._defaults,this.regional[""]),this.dpDiv=bindHover($('<div id="'+this._mainDivId+'" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all"></div>'))}function bindHover(a){var b="button, .ui-datepicker-prev, .ui-datepicker-next, .ui-datepicker-calendar td a";return a.bind("mouseout",function(a){var c=$(a.target).closest(b);if(!c.length)return;c.removeClass("ui-state-hover ui-datepicker-prev-hover ui-datepicker-next-hover")}).bind("mouseover",function(c){var d=$(c.target).closest(b);if($.datepicker._isDisabledDatepicker(instActive.inline?a.parent()[0]:instActive.input[0])||!d.length)return;d.parents(".ui-datepicker-calendar").find("a").removeClass("ui-state-hover"),d.addClass("ui-state-hover"),d.hasClass("ui-datepicker-prev")&&d.addClass("ui-datepicker-prev-hover"),d.hasClass("ui-datepicker-next")&&d.addClass("ui-datepicker-next-hover")})}function extendRemove(a,b){$.extend(a,b);for(var c in b)if(b[c]==null||b[c]==undefined)a[c]=b[c];return a}function isArray(a){return a&&($.browser.safari&&typeof a=="object"&&a.length||a.constructor&&a.constructor.toString().match(/\Array\(\)/))}$.extend($.ui,{datepicker:{version:"1.8.24"}});var PROP_NAME="datepicker",dpuuid=(new Date).getTime(),instActive;$.extend(Datepicker.prototype,{markerClassName:"hasDatepicker",maxRows:4,log:function(){this.debug&&console.log.apply("",arguments)},_widgetDatepicker:function(){return this.dpDiv},setDefaults:function(a){return extendRemove(this._defaults,a||{}),this},_attachDatepicker:function(target,settings){var inlineSettings=null;for(var attrName in this._defaults){var attrValue=target.getAttribute("date:"+attrName);if(attrValue){inlineSettings=inlineSettings||{};try{inlineSettings[attrName]=eval(attrValue)}catch(err){inlineSettings[attrName]=attrValue}}}var nodeName=target.nodeName.toLowerCase(),inline=nodeName=="div"||nodeName=="span";target.id||(this.uuid+=1,target.id="dp"+this.uuid);var inst=this._newInst($(target),inline);inst.settings=$.extend({},settings||{},inlineSettings||{}),nodeName=="input"?this._connectDatepicker(target,inst):inline&&this._inlineDatepicker(target,inst)},_newInst:function(a,b){var c=a[0].id.replace(/([^A-Za-z0-9_-])/g,"\\\\$1");return{id:c,input:a,selectedDay:0,selectedMonth:0,selectedYear:0,drawMonth:0,drawYear:0,inline:b,dpDiv:b?bindHover($('<div class="'+this._inlineClass+' ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all"></div>')):this.dpDiv}},_connectDatepicker:function(a,b){var c=$(a);b.append=$([]),b.trigger=$([]);if(c.hasClass(this.markerClassName))return;this._attachments(c,b),c.addClass(this.markerClassName).keydown(this._doKeyDown).keypress(this._doKeyPress).keyup(this._doKeyUp).bind("setData.datepicker",function(a,c,d){b.settings[c]=d}).bind("getData.datepicker",function(a,c){return this._get(b,c)}),this._autoSize(b),$.data(a,PROP_NAME,b),b.settings.disabled&&this._disableDatepicker(a)},_attachments:function(a,b){var c=this._get(b,"appendText"),d=this._get(b,"isRTL");b.append&&b.append.remove(),c&&(b.append=$('<span class="'+this._appendClass+'">'+c+"</span>"),a[d?"before":"after"](b.append)),a.unbind("focus",this._showDatepicker),b.trigger&&b.trigger.remove();var e=this._get(b,"showOn");(e=="focus"||e=="both")&&a.focus(this._showDatepicker);if(e=="button"||e=="both"){var f=this._get(b,"buttonText"),g=this._get(b,"buttonImage");b.trigger=$(this._get(b,"buttonImageOnly")?$("<img/>").addClass(this._triggerClass).attr({src:g,alt:f,title:f}):$('<button type="button"></button>').addClass(this._triggerClass).html(g==""?f:$("<img/>").attr({src:g,alt:f,title:f}))),a[d?"before":"after"](b.trigger),b.trigger.click(function(){return $.datepicker._datepickerShowing&&$.datepicker._lastInput==a[0]?$.datepicker._hideDatepicker():$.datepicker._datepickerShowing&&$.datepicker._lastInput!=a[0]?($.datepicker._hideDatepicker(),$.datepicker._showDatepicker(a[0])):$.datepicker._showDatepicker(a[0]),!1})}},_autoSize:function(a){if(this._get(a,"autoSize")&&!a.inline){var b=new Date(2009,11,20),c=this._get(a,"dateFormat");if(c.match(/[DM]/)){var d=function(a){var b=0,c=0;for(var d=0;d<a.length;d++)a[d].length>b&&(b=a[d].length,c=d);return c};b.setMonth(d(this._get(a,c.match(/MM/)?"monthNames":"monthNamesShort"))),b.setDate(d(this._get(a,c.match(/DD/)?"dayNames":"dayNamesShort"))+20-b.getDay())}a.input.attr("size",this._formatDate(a,b).length)}},_inlineDatepicker:function(a,b){var c=$(a);if(c.hasClass(this.markerClassName))return;c.addClass(this.markerClassName).append(b.dpDiv).bind("setData.datepicker",function(a,c,d){b.settings[c]=d}).bind("getData.datepicker",function(a,c){return this._get(b,c)}),$.data(a,PROP_NAME,b),this._setDate(b,this._getDefaultDate(b),!0),this._updateDatepicker(b),this._updateAlternate(b),b.settings.disabled&&this._disableDatepicker(a),b.dpDiv.css("display","block")},_dialogDatepicker:function(a,b,c,d,e){var f=this._dialogInst;if(!f){this.uuid+=1;var g="dp"+this.uuid;this._dialogInput=$('<input type="text" id="'+g+'" style="position: absolute; top: -100px; width: 0px;"/>'),this._dialogInput.keydown(this._doKeyDown),$("body").append(this._dialogInput),f=this._dialogInst=this._newInst(this._dialogInput,!1),f.settings={},$.data(this._dialogInput[0],PROP_NAME,f)}extendRemove(f.settings,d||{}),b=b&&b.constructor==Date?this._formatDate(f,b):b,this._dialogInput.val(b),this._pos=e?e.length?e:[e.pageX,e.pageY]:null;if(!this._pos){var h=document.documentElement.clientWidth,i=document.documentElement.clientHeight,j=document.documentElement.scrollLeft||document.body.scrollLeft,k=document.documentElement.scrollTop||document.body.scrollTop;this._pos=[h/2-100+j,i/2-150+k]}return this._dialogInput.css("left",this._pos[0]+20+"px").css("top",this._pos[1]+"px"),f.settings.onSelect=c,this._inDialog=!0,this.dpDiv.addClass(this._dialogClass),this._showDatepicker(this._dialogInput[0]),$.blockUI&&$.blockUI(this.dpDiv),$.data(this._dialogInput[0],PROP_NAME,f),this},_destroyDatepicker:function(a){var b=$(a),c=$.data(a,PROP_NAME);if(!b.hasClass(this.markerClassName))return;var d=a.nodeName.toLowerCase();$.removeData(a,PROP_NAME),d=="input"?(c.append.remove(),c.trigger.remove(),b.removeClass(this.markerClassName).unbind("focus",this._showDatepicker).unbind("keydown",this._doKeyDown).unbind("keypress",this._doKeyPress).unbind("keyup",this._doKeyUp)):(d=="div"||d=="span")&&b.removeClass(this.markerClassName).empty()},_enableDatepicker:function(a){var b=$(a),c=$.data(a,PROP_NAME);if(!b.hasClass(this.markerClassName))return;var d=a.nodeName.toLowerCase();if(d=="input")a.disabled=!1,c.trigger.filter("button").each(function(){this.disabled=!1}).end().filter("img").css({opacity:"1.0",cursor:""});else if(d=="div"||d=="span"){var e=b.children("."+this._inlineClass);e.children().removeClass("ui-state-disabled"),e.find("select.ui-datepicker-month, select.ui-datepicker-year").removeAttr("disabled")}this._disabledInputs=$.map(this._disabledInputs,function(b){return b==a?null:b})},_disableDatepicker:function(a){var b=$(a),c=$.data(a,PROP_NAME);if(!b.hasClass(this.markerClassName))return;var d=a.nodeName.toLowerCase();if(d=="input")a.disabled=!0,c.trigger.filter("button").each(function(){this.disabled=!0}).end().filter("img").css({opacity:"0.5",cursor:"default"});else if(d=="div"||d=="span"){var e=b.children("."+this._inlineClass);e.children().addClass("ui-state-disabled"),e.find("select.ui-datepicker-month, select.ui-datepicker-year").attr("disabled","disabled")}this._disabledInputs=$.map(this._disabledInputs,function(b){return b==a?null:b}),this._disabledInputs[this._disabledInputs.length]=a},_isDisabledDatepicker:function(a){if(!a)return!1;for(var b=0;b<this._disabledInputs.length;b++)if(this._disabledInputs[b]==a)return!0;return!1},_getInst:function(a){try{return $.data(a,PROP_NAME)}catch(b){throw"Missing instance data for this datepicker"}},_optionDatepicker:function(a,b,c){var d=this._getInst(a);if(arguments.length==2&&typeof b=="string")return b=="defaults"?$.extend({},$.datepicker._defaults):d?b=="all"?$.extend({},d.settings):this._get(d,b):null;var e=b||{};typeof b=="string"&&(e={},e[b]=c);if(d){this._curInst==d&&this._hideDatepicker();var f=this._getDateDatepicker(a,!0),g=this._getMinMaxDate(d,"min"),h=this._getMinMaxDate(d,"max");extendRemove(d.settings,e),g!==null&&e.dateFormat!==undefined&&e.minDate===undefined&&(d.settings.minDate=this._formatDate(d,g)),h!==null&&e.dateFormat!==undefined&&e.maxDate===undefined&&(d.settings.maxDate=this._formatDate(d,h)),this._attachments($(a),d),this._autoSize(d),this._setDate(d,f),this._updateAlternate(d),this._updateDatepicker(d)}},_changeDatepicker:function(a,b,c){this._optionDatepicker(a,b,c)},_refreshDatepicker:function(a){var b=this._getInst(a);b&&this._updateDatepicker(b)},_setDateDatepicker:function(a,b){var c=this._getInst(a);c&&(this._setDate(c,b),this._updateDatepicker(c),this._updateAlternate(c))},_getDateDatepicker:function(a,b){var c=this._getInst(a);return c&&!c.inline&&this._setDateFromField(c,b),c?this._getDate(c):null},_doKeyDown:function(a){var b=$.datepicker._getInst(a.target),c=!0,d=b.dpDiv.is(".ui-datepicker-rtl");b._keyEvent=!0;if($.datepicker._datepickerShowing)switch(a.keyCode){case 9:$.datepicker._hideDatepicker(),c=!1;break;case 13:var e=$("td."+$.datepicker._dayOverClass+":not(."+$.datepicker._currentClass+")",b.dpDiv);e[0]&&$.datepicker._selectDay(a.target,b.selectedMonth,b.selectedYear,e[0]);var f=$.datepicker._get(b,"onSelect");if(f){var g=$.datepicker._formatDate(b);f.apply(b.input?b.input[0]:null,[g,b])}else $.datepicker._hideDatepicker();return!1;case 27:$.datepicker._hideDatepicker();break;case 33:$.datepicker._adjustDate(a.target,a.ctrlKey?-$.datepicker._get(b,"stepBigMonths"):-$.datepicker._get(b,"stepMonths"),"M");break;case 34:$.datepicker._adjustDate(a.target,a.ctrlKey?+$.datepicker._get(b,"stepBigMonths"):+$.datepicker._get(b,"stepMonths"),"M");break;case 35:(a.ctrlKey||a.metaKey)&&$.datepicker._clearDate(a.target),c=a.ctrlKey||a.metaKey;break;case 36:(a.ctrlKey||a.metaKey)&&$.datepicker._gotoToday(a.target),c=a.ctrlKey||a.metaKey;break;case 37:(a.ctrlKey||a.metaKey)&&$.datepicker._adjustDate(a.target,d?1:-1,"D"),c=a.ctrlKey||a.metaKey,a.originalEvent.altKey&&$.datepicker._adjustDate(a.target,a.ctrlKey?-$.datepicker._get(b,"stepBigMonths"):-$.datepicker._get(b,"stepMonths"),"M");break;case 38:(a.ctrlKey||a.metaKey)&&$.datepicker._adjustDate(a.target,-7,"D"),c=a.ctrlKey||a.metaKey;break;case 39:(a.ctrlKey||a.metaKey)&&$.datepicker._adjustDate(a.target,d?-1:1,"D"),c=a.ctrlKey||a.metaKey,a.originalEvent.altKey&&$.datepicker._adjustDate(a.target,a.ctrlKey?+$.datepicker._get(b,"stepBigMonths"):+$.datepicker._get(b,"stepMonths"),"M");break;case 40:(a.ctrlKey||a.metaKey)&&$.datepicker._adjustDate(a.target,7,"D"),c=a.ctrlKey||a.metaKey;break;default:c=!1}else a.keyCode==36&&a.ctrlKey?$.datepicker._showDatepicker(this):c=!1;c&&(a.preventDefault(),a.stopPropagation())},_doKeyPress:function(a){var b=$.datepicker._getInst(a.target);if($.datepicker._get(b,"constrainInput")){var c=$.datepicker._possibleChars($.datepicker._get(b,"dateFormat")),d=String.fromCharCode(a.charCode==undefined?a.keyCode:a.charCode);return a.ctrlKey||a.metaKey||d<" "||!c||c.indexOf(d)>-1}},_doKeyUp:function(a){var b=$.datepicker._getInst(a.target);if(b.input.val()!=b.lastVal)try{var c=$.datepicker.parseDate($.datepicker._get(b,"dateFormat"),b.input?b.input.val():null,$.datepicker._getFormatConfig(b));c&&($.datepicker._setDateFromField(b),$.datepicker._updateAlternate(b),$.datepicker._updateDatepicker(b))}catch(d){$.datepicker.log(d)}return!0},_showDatepicker:function(a){a=a.target||a,a.nodeName.toLowerCase()!="input"&&(a=$("input",a.parentNode)[0]);if($.datepicker._isDisabledDatepicker(a)||$.datepicker._lastInput==a)return;var b=$.datepicker._getInst(a);$.datepicker._curInst&&$.datepicker._curInst!=b&&($.datepicker._curInst.dpDiv.stop(!0,!0),b&&$.datepicker._datepickerShowing&&$.datepicker._hideDatepicker($.datepicker._curInst.input[0]));var c=$.datepicker._get(b,"beforeShow"),d=c?c.apply(a,[a,b]):{};if(d===!1)return;extendRemove(b.settings,d),b.lastVal=null,$.datepicker._lastInput=a,$.datepicker._setDateFromField(b),$.datepicker._inDialog&&(a.value=""),$.datepicker._pos||($.datepicker._pos=$.datepicker._findPos(a),$.datepicker._pos[1]+=a.offsetHeight);var e=!1;$(a).parents().each(function(){return e|=$(this).css("position")=="fixed",!e}),e&&$.browser.opera&&($.datepicker._pos[0]-=document.documentElement.scrollLeft,$.datepicker._pos[1]-=document.documentElement.scrollTop);var f={left:$.datepicker._pos[0],top:$.datepicker._pos[1]};$.datepicker._pos=null,b.dpDiv.empty(),b.dpDiv.css({position:"absolute",display:"block",top:"-1000px"}),$.datepicker._updateDatepicker(b),f=$.datepicker._checkOffset(b,f,e),b.dpDiv.css({position:$.datepicker._inDialog&&$.blockUI?"static":e?"fixed":"absolute",display:"none",left:f.left+"px",top:f.top+"px"});if(!b.inline){var g=$.datepicker._get(b,"showAnim"),h=$.datepicker._get(b,"duration"),i=function(){var a=b.dpDiv.find("iframe.ui-datepicker-cover");if(!!a.length){var c=$.datepicker._getBorders(b.dpDiv);a.css({left:-c[0],top:-c[1],width:b.dpDiv.outerWidth(),height:b.dpDiv.outerHeight()})}};b.dpDiv.zIndex($(a).zIndex()+1),$.datepicker._datepickerShowing=!0,$.effects&&$.effects[g]?b.dpDiv.show(g,$.datepicker._get(b,"showOptions"),h,i):b.dpDiv[g||"show"](g?h:null,i),(!g||!h)&&i(),b.input.is(":visible")&&!b.input.is(":disabled")&&b.input.focus(),$.datepicker._curInst=b}},_updateDatepicker:function(a){var b=this;b.maxRows=4;var c=$.datepicker._getBorders(a.dpDiv);instActive=a,a.dpDiv.empty().append(this._generateHTML(a)),this._attachHandlers(a);var d=a.dpDiv.find("iframe.ui-datepicker-cover");!d.length||d.css({left:-c[0],top:-c[1],width:a.dpDiv.outerWidth(),height:a.dpDiv.outerHeight()}),a.dpDiv.find("."+this._dayOverClass+" a").mouseover();var e=this._getNumberOfMonths(a),f=e[1],g=17;a.dpDiv.removeClass("ui-datepicker-multi-2 ui-datepicker-multi-3 ui-datepicker-multi-4").width(""),f>1&&a.dpDiv.addClass("ui-datepicker-multi-"+f).css("width",g*f+"em"),a.dpDiv[(e[0]!=1||e[1]!=1?"add":"remove")+"Class"]("ui-datepicker-multi"),a.dpDiv[(this._get(a,"isRTL")?"add":"remove")+"Class"]("ui-datepicker-rtl"),a==$.datepicker._curInst&&$.datepicker._datepickerShowing&&a.input&&a.input.is(":visible")&&!a.input.is(":disabled")&&a.input[0]!=document.activeElement&&a.input.focus();if(a.yearshtml){var h=a.yearshtml;setTimeout(function(){h===a.yearshtml&&a.yearshtml&&a.dpDiv.find("select.ui-datepicker-year:first").replaceWith(a.yearshtml),h=a.yearshtml=null},0)}},_getBorders:function(a){var b=function(a){return{thin:1,medium:2,thick:3}[a]||a};return[parseFloat(b(a.css("border-left-width"))),parseFloat(b(a.css("border-top-width")))]},_checkOffset:function(a,b,c){var d=a.dpDiv.outerWidth(),e=a.dpDiv.outerHeight(),f=a.input?a.input.outerWidth():0,g=a.input?a.input.outerHeight():0,h=document.documentElement.clientWidth+(c?0:$(document).scrollLeft()),i=document.documentElement.clientHeight+(c?0:$(document).scrollTop());return b.left-=this._get(a,"isRTL")?d-f:0,b.left-=c&&b.left==a.input.offset().left?$(document).scrollLeft():0,b.top-=c&&b.top==a.input.offset().top+g?$(document).scrollTop():0,b.left-=Math.min(b.left,b.left+d>h&&h>d?Math.abs(b.left+d-h):0),b.top-=Math.min(b.top,b.top+e>i&&i>e?Math.abs(e+g):0),b},_findPos:function(a){var b=this._getInst(a),c=this._get(b,"isRTL");while(a&&(a.type=="hidden"||a.nodeType!=1||$.expr.filters.hidden(a)))a=a[c?"previousSibling":"nextSibling"];var d=$(a).offset();return[d.left,d.top]},_hideDatepicker:function(a){var b=this._curInst;if(!b||a&&b!=$.data(a,PROP_NAME))return;if(this._datepickerShowing){var c=this._get(b,"showAnim"),d=this._get(b,"duration"),e=function(){$.datepicker._tidyDialog(b)};$.effects&&$.effects[c]?b.dpDiv.hide(c,$.datepicker._get(b,"showOptions"),d,e):b.dpDiv[c=="slideDown"?"slideUp":c=="fadeIn"?"fadeOut":"hide"](c?d:null,e),c||e(),this._datepickerShowing=!1;var f=this._get(b,"onClose");f&&f.apply(b.input?b.input[0]:null,[b.input?b.input.val():"",b]),this._lastInput=null,this._inDialog&&(this._dialogInput.css({position:"absolute",left:"0",top:"-100px"}),$.blockUI&&($.unblockUI(),$("body").append(this.dpDiv))),this._inDialog=!1}},_tidyDialog:function(a){a.dpDiv.removeClass(this._dialogClass).unbind(".ui-datepicker-calendar")},_checkExternalClick:function(a){if(!$.datepicker._curInst)return;var b=$(a.target),c=$.datepicker._getInst(b[0]);(b[0].id!=$.datepicker._mainDivId&&b.parents("#"+$.datepicker._mainDivId).length==0&&!b.hasClass($.datepicker.markerClassName)&&!b.closest("."+$.datepicker._triggerClass).length&&$.datepicker._datepickerShowing&&(!$.datepicker._inDialog||!$.blockUI)||b.hasClass($.datepicker.markerClassName)&&$.datepicker._curInst!=c)&&$.datepicker._hideDatepicker()},_adjustDate:function(a,b,c){var d=$(a),e=this._getInst(d[0]);if(this._isDisabledDatepicker(d[0]))return;this._adjustInstDate(e,b+(c=="M"?this._get(e,"showCurrentAtPos"):0),c),this._updateDatepicker(e)},_gotoToday:function(a){var b=$(a),c=this._getInst(b[0]);if(this._get(c,"gotoCurrent")&&c.currentDay)c.selectedDay=c.currentDay,c.drawMonth=c.selectedMonth=c.currentMonth,c.drawYear=c.selectedYear=c.currentYear;else{var d=new Date;c.selectedDay=d.getDate(),c.drawMonth=c.selectedMonth=d.getMonth(),c.drawYear=c.selectedYear=d.getFullYear()}this._notifyChange(c),this._adjustDate(b)},_selectMonthYear:function(a,b,c){var d=$(a),e=this._getInst(d[0]);e["selected"+(c=="M"?"Month":"Year")]=e["draw"+(c=="M"?"Month":"Year")]=parseInt(b.options[b.selectedIndex].value,10),this._notifyChange(e),this._adjustDate(d)},_selectDay:function(a,b,c,d){var e=$(a);if($(d).hasClass(this._unselectableClass)||this._isDisabledDatepicker(e[0]))return;var f=this._getInst(e[0]);f.selectedDay=f.currentDay=$("a",d).html(),f.selectedMonth=f.currentMonth=b,f.selectedYear=f.currentYear=c,this._selectDate(a,this._formatDate(f,f.currentDay,f.currentMonth,f.currentYear))},_clearDate:function(a){var b=$(a),c=this._getInst(b[0]);this._selectDate(b,"")},_selectDate:function(a,b){var c=$(a),d=this._getInst(c[0]);b=b!=null?b:this._formatDate(d),d.input&&d.input.val(b),this._updateAlternate(d);var e=this._get(d,"onSelect");e?e.apply(d.input?d.input[0]:null,[b,d]):d.input&&d.input.trigger("change"),d.inline?this._updateDatepicker(d):(this._hideDatepicker(),this._lastInput=d.input[0],typeof d.input[0]!="object"&&d.input.focus(),this._lastInput=null)},_updateAlternate:function(a){var b=this._get(a,"altField");if(b){var c=this._get(a,"altFormat")||this._get(a,"dateFormat"),d=this._getDate(a),e=this.formatDate(c,d,this._getFormatConfig(a));$(b).each(function(){$(this).val(e)})}},noWeekends:function(a){var b=a.getDay();return[b>0&&b<6,""]},iso8601Week:function(a){var b=new Date(a.getTime());b.setDate(b.getDate()+4-(b.getDay()||7));var c=b.getTime();return b.setMonth(0),b.setDate(1),Math.floor(Math.round((c-b)/864e5)/7)+1},parseDate:function(a,b,c){if(a==null||b==null)throw"Invalid arguments";b=typeof b=="object"?b.toString():b+"";if(b=="")return null;var d=(c?c.shortYearCutoff:null)||this._defaults.shortYearCutoff;d=typeof d!="string"?d:(new Date).getFullYear()%100+parseInt(d,10);var e=(c?c.dayNamesShort:null)||this._defaults.dayNamesShort,f=(c?c.dayNames:null)||this._defaults.dayNames,g=(c?c.monthNamesShort:null)||this._defaults.monthNamesShort,h=(c?c.monthNames:null)||this._defaults.monthNames,i=-1,j=-1,k=-1,l=-1,m=!1,n=function(b){var c=s+1<a.length&&a.charAt(s+1)==b;return c&&s++,c},o=function(a){var c=n(a),d=a=="@"?14:a=="!"?20:a=="y"&&c?4:a=="o"?3:2,e=new RegExp("^\\d{1,"+d+"}"),f=b.substring(r).match(e);if(!f)throw"Missing number at position "+r;return r+=f[0].length,parseInt(f[0],10)},p=function(a,c,d){var e=$.map(n(a)?d:c,function(a,b){return[[b,a]]}).sort(function(a,b){return-(a[1].length-b[1].length)}),f=-1;$.each(e,function(a,c){var d=c[1];if(b.substr(r,d.length).toLowerCase()==d.toLowerCase())return f=c[0],r+=d.length,!1});if(f!=-1)return f+1;throw"Unknown name at position "+r},q=function(){if(b.charAt(r)!=a.charAt(s))throw"Unexpected literal at position "+r;r++},r=0;for(var s=0;s<a.length;s++)if(m)a.charAt(s)=="'"&&!n("'")?m=!1:q();else switch(a.charAt(s)){case"d":k=o("d");break;case"D":p("D",e,f);break;case"o":l=o("o");break;case"m":j=o("m");break;case"M":j=p("M",g,h);break;case"y":i=o("y");break;case"@":var t=new Date(o("@"));i=t.getFullYear(),j=t.getMonth()+1,k=t.getDate();break;case"!":var t=new Date((o("!")-this._ticksTo1970)/1e4);i=t.getFullYear(),j=t.getMonth()+1,k=t.getDate();break;case"'":n("'")?q():m=!0;break;default:q()}if(r<b.length)throw"Extra/unparsed characters found in date: "+b.substring(r);i==-1?i=(new Date).getFullYear():i<100&&(i+=(new Date).getFullYear()-(new Date).getFullYear()%100+(i<=d?0:-100));if(l>-1){j=1,k=l;do{var u=this._getDaysInMonth(i,j-1);if(k<=u)break;j++,k-=u}while(!0)}var t=this._daylightSavingAdjust(new Date(i,j-1,k));if(t.getFullYear()!=i||t.getMonth()+1!=j||t.getDate()!=k)throw"Invalid date";return t},ATOM:"yy-mm-dd",COOKIE:"D, dd M yy",ISO_8601:"yy-mm-dd",RFC_822:"D, d M y",RFC_850:"DD, dd-M-y",RFC_1036:"D, d M y",RFC_1123:"D, d M yy",RFC_2822:"D, d M yy",RSS:"D, d M y",TICKS:"!",TIMESTAMP:"@",W3C:"yy-mm-dd",_ticksTo1970:(718685+Math.floor(492.5)-Math.floor(19.7)+Math.floor(4.925))*24*60*60*1e7,formatDate:function(a,b,c){if(!b)return"";var d=(c?c.dayNamesShort:null)||this._defaults.dayNamesShort,e=(c?c.dayNames:null)||this._defaults.dayNames,f=(c?c.monthNamesShort:null)||this._defaults.monthNamesShort,g=(c?c.monthNames:null)||this._defaults.monthNames,h=function(b){var c=m+1<a.length&&a.charAt(m+1)==b;return c&&m++,c},i=function(a,b,c){var d=""+b;if(h(a))while(d.length<c)d="0"+d;return d},j=function(a,b,c,d){return h(a)?d[b]:c[b]},k="",l=!1;if(b)for(var m=0;m<a.length;m++)if(l)a.charAt(m)=="'"&&!h("'")?l=!1:k+=a.charAt(m);else switch(a.charAt(m)){case"d":k+=i("d",b.getDate(),2);break;case"D":k+=j("D",b.getDay(),d,e);break;case"o":k+=i("o",Math.round(((new Date(b.getFullYear(),b.getMonth(),b.getDate())).getTime()-(new Date(b.getFullYear(),0,0)).getTime())/864e5),3);break;case"m":k+=i("m",b.getMonth()+1,2);break;case"M":k+=j("M",b.getMonth(),f,g);break;case"y":k+=h("y")?b.getFullYear():(b.getYear()%100<10?"0":"")+b.getYear()%100;break;case"@":k+=b.getTime();break;case"!":k+=b.getTime()*1e4+this._ticksTo1970;break;case"'":h("'")?k+="'":l=!0;break;default:k+=a.charAt(m)}return k},_possibleChars:function(a){var b="",c=!1,d=function(b){var c=e+1<a.length&&a.charAt(e+1)==b;return c&&e++,c};for(var e=0;e<a.length;e++)if(c)a.charAt(e)=="'"&&!d("'")?c=!1:b+=a.charAt(e);else switch(a.charAt(e)){case"d":case"m":case"y":case"@":b+="0123456789";break;case"D":case"M":return null;case"'":d("'")?b+="'":c=!0;break;default:b+=a.charAt(e)}return b},_get:function(a,b){return a.settings[b]!==undefined?a.settings[b]:this._defaults[b]},_setDateFromField:function(a,b){if(a.input.val()==a.lastVal)return;var c=this._get(a,"dateFormat"),d=a.lastVal=a.input?a.input.val():null,e,f;e=f=this._getDefaultDate(a);var g=this._getFormatConfig(a);try{e=this.parseDate(c,d,g)||f}catch(h){this.log(h),d=b?"":d}a.selectedDay=e.getDate(),a.drawMonth=a.selectedMonth=e.getMonth(),a.drawYear=a.selectedYear=e.getFullYear(),a.currentDay=d?e.getDate():0,a.currentMonth=d?e.getMonth():0,a.currentYear=d?e.getFullYear():0,this._adjustInstDate(a)},_getDefaultDate:function(a){return this._restrictMinMax(a,this._determineDate(a,this._get(a,"defaultDate"),new Date))},_determineDate:function(a,b,c){var d=function(a){var b=new Date;return b.setDate(b.getDate()+a),b},e=function(b){try{return $.datepicker.parseDate($.datepicker._get(a,"dateFormat"),b,$.datepicker._getFormatConfig(a))}catch(c){}var d=(b.toLowerCase().match(/^c/)?$.datepicker._getDate(a):null)||new Date,e=d.getFullYear(),f=d.getMonth(),g=d.getDate(),h=/([+-]?[0-9]+)\s*(d|D|w|W|m|M|y|Y)?/g,i=h.exec(b);while(i){switch(i[2]||"d"){case"d":case"D":g+=parseInt(i[1],10);break;case"w":case"W":g+=parseInt(i[1],10)*7;break;case"m":case"M":f+=parseInt(i[1],10),g=Math.min(g,$.datepicker._getDaysInMonth(e,f));break;case"y":case"Y":e+=parseInt(i[1],10),g=Math.min(g,$.datepicker._getDaysInMonth(e,f))}i=h.exec(b)}return new Date(e,f,g)},f=b==null||b===""?c:typeof b=="string"?e(b):typeof b=="number"?isNaN(b)?c:d(b):new Date(b.getTime());return f=f&&f.toString()=="Invalid Date"?c:f,f&&(f.setHours(0),f.setMinutes(0),f.setSeconds(0),f.setMilliseconds(0)),this._daylightSavingAdjust(f)},_daylightSavingAdjust:function(a){return a?(a.setHours(a.getHours()>12?a.getHours()+2:0),a):null},_setDate:function(a,b,c){var d=!b,e=a.selectedMonth,f=a.selectedYear,g=this._restrictMinMax(a,this._determineDate(a,b,new Date));a.selectedDay=a.currentDay=g.getDate(),a.drawMonth=a.selectedMonth=a.currentMonth=g.getMonth(),a.drawYear=a.selectedYear=a.currentYear=g.getFullYear(),(e!=a.selectedMonth||f!=a.selectedYear)&&!c&&this._notifyChange(a),this._adjustInstDate(a),a.input&&a.input.val(d?"":this._formatDate(a))},_getDate:function(a){var b=!a.currentYear||a.input&&a.input.val()==""?null:this._daylightSavingAdjust(new Date(a.currentYear,a.currentMonth,a.currentDay));return b},_attachHandlers:function(a){var b=this._get(a,"stepMonths"),c="#"+a.id.replace(/\\\\/g,"\\");a.dpDiv.find("[data-handler]").map(function(){var a={prev:function(){window["DP_jQuery_"+dpuuid].datepicker._adjustDate(c,-b,"M")},next:function(){window["DP_jQuery_"+dpuuid].datepicker._adjustDate(c,+b,"M")},hide:function(){window["DP_jQuery_"+dpuuid].datepicker._hideDatepicker()},today:function(){window["DP_jQuery_"+dpuuid].datepicker._gotoToday(c)},selectDay:function(){return window["DP_jQuery_"+dpuuid].datepicker._selectDay(c,+this.getAttribute("data-month"),+this.getAttribute("data-year"),this),!1},selectMonth:function(){return window["DP_jQuery_"+dpuuid].datepicker._selectMonthYear(c,this,"M"),!1},selectYear:function(){return window["DP_jQuery_"+dpuuid].datepicker._selectMonthYear(c,this,"Y"),!1}};$(this).bind(this.getAttribute("data-event"),a[this.getAttribute("data-handler")])})},_generateHTML:function(a){var b=new Date;b=this._daylightSavingAdjust(new Date(b.getFullYear(),b.getMonth(),b.getDate()));var c=this._get(a,"isRTL"),d=this._get(a,"showButtonPanel"),e=this._get(a,"hideIfNoPrevNext"),f=this._get(a,"navigationAsDateFormat"),g=this._getNumberOfMonths(a),h=this._get(a,"showCurrentAtPos"),i=this._get(a,"stepMonths"),j=g[0]!=1||g[1]!=1,k=this._daylightSavingAdjust(a.currentDay?new Date(a.currentYear,a.currentMonth,a.currentDay):new Date(9999,9,9)),l=this._getMinMaxDate(a,"min"),m=this._getMinMaxDate(a,"max"),n=a.drawMonth-h,o=a.drawYear;n<0&&(n+=12,o--);if(m){var p=this._daylightSavingAdjust(new Date(m.getFullYear(),m.getMonth()-g[0]*g[1]+1,m.getDate()));p=l&&p<l?l:p;while(this._daylightSavingAdjust(new Date(o,n,1))>p)n--,n<0&&(n=11,o--)}a.drawMonth=n,a.drawYear=o;var q=this._get(a,"prevText");q=f?this.formatDate(q,this._daylightSavingAdjust(new Date(o,n-i,1)),this._getFormatConfig(a)):q;var r=this._canAdjustMonth(a,-1,o,n)?'<a class="ui-datepicker-prev ui-corner-all" data-handler="prev" data-event="click" title="'+q+'"><span class="ui-icon ui-icon-circle-triangle-'+(c?"e":"w")+'">'+q+"</span></a>":e?"":'<a class="ui-datepicker-prev ui-corner-all ui-state-disabled" title="'+q+'"><span class="ui-icon ui-icon-circle-triangle-'+(c?"e":"w")+'">'+q+"</span></a>",s=this._get(a,"nextText");s=f?this.formatDate(s,this._daylightSavingAdjust(new Date(o,n+i,1)),this._getFormatConfig(a)):s;var t=this._canAdjustMonth(a,1,o,n)?'<a class="ui-datepicker-next ui-corner-all" data-handler="next" data-event="click" title="'+s+'"><span class="ui-icon ui-icon-circle-triangle-'+(c?"w":"e")+'">'+s+"</span></a>":e?"":'<a class="ui-datepicker-next ui-corner-all ui-state-disabled" title="'+s+'"><span class="ui-icon ui-icon-circle-triangle-'+(c?"w":"e")+'">'+s+"</span></a>",u=this._get(a,"currentText"),v=this._get(a,"gotoCurrent")&&a.currentDay?k:b;u=f?this.formatDate(u,v,this._getFormatConfig(a)):u;var w=a.inline?"":'<button type="button" class="ui-datepicker-close ui-state-default ui-priority-primary ui-corner-all" data-handler="hide" data-event="click">'+this._get(a,"closeText")+"</button>",x=d?'<div class="ui-datepicker-buttonpane ui-widget-content">'+(c?w:"")+(this._isInRange(a,v)?'<button type="button" class="ui-datepicker-current ui-state-default ui-priority-secondary ui-corner-all" data-handler="today" data-event="click">'+u+"</button>":"")+(c?"":w)+"</div>":"",y=parseInt(this._get(a,"firstDay"),10);y=isNaN(y)?0:y;var z=this._get(a,"showWeek"),A=this._get(a,"dayNames"),B=this._get(a,"dayNamesShort"),C=this._get(a,"dayNamesMin"),D=this._get(a,"monthNames"),E=this._get(a,"monthNamesShort"),F=this._get(a,"beforeShowDay"),G=this._get(a,"showOtherMonths"),H=this._get(a,"selectOtherMonths"),I=this._get(a,"calculateWeek")||this.iso8601Week,J=this._getDefaultDate(a),K="";for(var L=0;L<g[0];L++){var M="";this.maxRows=4;for(var N=0;N<g[1];N++){var O=this._daylightSavingAdjust(new Date(o,n,a.selectedDay)),P=" ui-corner-all",Q="";if(j){Q+='<div class="ui-datepicker-group';if(g[1]>1)switch(N){case 0:Q+=" ui-datepicker-group-first",P=" ui-corner-"+(c?"right":"left");break;case g[1]-1:Q+=" ui-datepicker-group-last",P=" ui-corner-"+(c?"left":"right");break;default:Q+=" ui-datepicker-group-middle",P=""}Q+='">'}Q+='<div class="ui-datepicker-header ui-widget-header ui-helper-clearfix'+P+'">'+(/all|left/.test(P)&&L==0?c?t:r:"")+(/all|right/.test(P)&&L==0?c?r:t:"")+this._generateMonthYearHeader(a,n,o,l,m,L>0||N>0,D,E)+'</div><table class="ui-datepicker-calendar"><thead>'+"<tr>";var R=z?'<th class="ui-datepicker-week-col">'+this._get(a,"weekHeader")+"</th>":"";for(var S=0;S<7;S++){var T=(S+y)%7;R+="<th"+((S+y+6)%7>=5?' class="ui-datepicker-week-end"':"")+">"+'<span title="'+A[T]+'">'+C[T]+"</span></th>"}Q+=R+"</tr></thead><tbody>";var U=this._getDaysInMonth(o,n);o==a.selectedYear&&n==a.selectedMonth&&(a.selectedDay=Math.min(a.selectedDay,U));var V=(this._getFirstDayOfMonth(o,n)-y+7)%7,W=Math.ceil((V+U)/7),X=j?this.maxRows>W?this.maxRows:W:W;this.maxRows=X;var Y=this._daylightSavingAdjust(new Date(o,n,1-V));for(var Z=0;Z<X;Z++){Q+="<tr>";var _=z?'<td class="ui-datepicker-week-col">'+this._get(a,"calculateWeek")(Y)+"</td>":"";for(var S=0;S<7;S++){var ba=F?F.apply(a.input?a.input[0]:null,[Y]):[!0,""],bb=Y.getMonth()!=n,bc=bb&&!H||!ba[0]||l&&Y<l||m&&Y>m;_+='<td class="'+((S+y+6)%7>=5?" ui-datepicker-week-end":"")+(bb?" ui-datepicker-other-month":"")+(Y.getTime()==O.getTime()&&n==a.selectedMonth&&a._keyEvent||J.getTime()==Y.getTime()&&J.getTime()==O.getTime()?" "+this._dayOverClass:"")+(bc?" "+this._unselectableClass+" ui-state-disabled":"")+(bb&&!G?"":" "+ba[1]+(Y.getTime()==k.getTime()?" "+this._currentClass:"")+(Y.getTime()==b.getTime()?" ui-datepicker-today":""))+'"'+((!bb||G)&&ba[2]?' title="'+ba[2]+'"':"")+(bc?"":' data-handler="selectDay" data-event="click" data-month="'+Y.getMonth()+'" data-year="'+Y.getFullYear()+'"')+">"+(bb&&!G?"&#xa0;":bc?'<span class="ui-state-default">'+Y.getDate()+"</span>":'<a class="ui-state-default'+(Y.getTime()==b.getTime()?" ui-state-highlight":"")+(Y.getTime()==k.getTime()?" ui-state-active":"")+(bb?" ui-priority-secondary":"")+'" href="#">'+Y.getDate()+"</a>")+"</td>",Y.setDate(Y.getDate()+1),Y=this._daylightSavingAdjust(Y)}Q+=_+"</tr>"}n++,n>11&&(n=0,o++),Q+="</tbody></table>"+(j?"</div>"+(g[0]>0&&N==g[1]-1?'<div class="ui-datepicker-row-break"></div>':""):""),M+=Q}K+=M}return K+=x+($.browser.msie&&parseInt($.browser.version,10)<7&&!a.inline?'<iframe src="javascript:false;" class="ui-datepicker-cover" frameborder="0"></iframe>':""),a._keyEvent=!1,K},_generateMonthYearHeader:function(a,b,c,d,e,f,g,h){var i=this._get(a,"changeMonth"),j=this._get(a,"changeYear"),k=this._get(a,"showMonthAfterYear"),l='<div class="ui-datepicker-title">',m="";if(f||!i)m+='<span class="ui-datepicker-month">'+g[b]+"</span>";else{var n=d&&d.getFullYear()==c,o=e&&e.getFullYear()==c;m+='<select class="ui-datepicker-month" data-handler="selectMonth" data-event="change">';for(var p=0;p<12;p++)(!n||p>=d.getMonth())&&(!o||p<=e.getMonth())&&(m+='<option value="'+p+'"'+(p==b?' selected="selected"':"")+">"+h[p]+"</option>");m+="</select>"}k||(l+=m+(f||!i||!j?"&#xa0;":""));if(!a.yearshtml){a.yearshtml="";if(f||!j)l+='<span class="ui-datepicker-year">'+c+"</span>";else{var q=this._get(a,"yearRange").split(":"),r=(new Date).getFullYear(),s=function(a){var b=a.match(/c[+-].*/)?c+parseInt(a.substring(1),10):a.match(/[+-].*/)?r+parseInt(a,10):parseInt(a,10);return isNaN(b)?r:b},t=s(q[0]),u=Math.max(t,s(q[1]||""));t=d?Math.max(t,d.getFullYear()):t,u=e?Math.min(u,e.getFullYear()):u,a.yearshtml+='<select class="ui-datepicker-year" data-handler="selectYear" data-event="change">';for(;t<=u;t++)a.yearshtml+='<option value="'+t+'"'+(t==c?' selected="selected"':"")+">"+t+"</option>";a.yearshtml+="</select>",l+=a.yearshtml,a.yearshtml=null}}return l+=this._get(a,"yearSuffix"),k&&(l+=(f||!i||!j?"&#xa0;":"")+m),l+="</div>",l},_adjustInstDate:function(a,b,c){var d=a.drawYear+(c=="Y"?b:0),e=a.drawMonth+(c=="M"?b:0),f=Math.min(a.selectedDay,this._getDaysInMonth(d,e))+(c=="D"?b:0),g=this._restrictMinMax(a,this._daylightSavingAdjust(new Date(d,e,f)));a.selectedDay=g.getDate(),a.drawMonth=a.selectedMonth=g.getMonth(),a.drawYear=a.selectedYear=g.getFullYear(),(c=="M"||c=="Y")&&this._notifyChange(a)},_restrictMinMax:function(a,b){var c=this._getMinMaxDate(a,"min"),d=this._getMinMaxDate(a,"max"),e=c&&b<c?c:b;return e=d&&e>d?d:e,e},_notifyChange:function(a){var b=this._get(a,"onChangeMonthYear");b&&b.apply(a.input?a.input[0]:null,[a.selectedYear,a.selectedMonth+1,a])},_getNumberOfMonths:function(a){var b=this._get(a,"numberOfMonths");return b==null?[1,1]:typeof b=="number"?[1,b]:b},_getMinMaxDate:function(a,b){return this._determineDate(a,this._get(a,b+"Date"),null)},_getDaysInMonth:function(a,b){return 32-this._daylightSavingAdjust(new Date(a,b,32)).getDate()},_getFirstDayOfMonth:function(a,b){return(new Date(a,b,1)).getDay()},_canAdjustMonth:function(a,b,c,d){var e=this._getNumberOfMonths(a),f=this._daylightSavingAdjust(new Date(c,d+(b<0?b:e[0]*e[1]),1));return b<0&&f.setDate(this._getDaysInMonth(f.getFullYear(),f.getMonth())),this._isInRange(a,f)},_isInRange:function(a,b){var c=this._getMinMaxDate(a,"min"),d=this._getMinMaxDate(a,"max");return(!c||b.getTime()>=c.getTime())&&(!d||b.getTime()<=d.getTime())},_getFormatConfig:function(a){var b=this._get(a,"shortYearCutoff");return b=typeof b!="string"?b:(new Date).getFullYear()%100+parseInt(b,10),{shortYearCutoff:b,dayNamesShort:this._get(a,"dayNamesShort"),dayNames:this._get(a,"dayNames"),monthNamesShort:this._get(a,"monthNamesShort"),monthNames:this._get(a,"monthNames")}},_formatDate:function(a,b,c,d){b||(a.currentDay=a.selectedDay,a.currentMonth=a.selectedMonth,a.currentYear=a.selectedYear);var e=b?typeof b=="object"?b:this._daylightSavingAdjust(new Date(d,c,b)):this._daylightSavingAdjust(new Date(a.currentYear,a.currentMonth,a.currentDay));return this.formatDate(this._get(a,"dateFormat"),e,this._getFormatConfig(a))}}),$.fn.datepicker=function(a){if(!this.length)return this;$.datepicker.initialized||($(document).mousedown($.datepicker._checkExternalClick).find("body").append($.datepicker.dpDiv),$.datepicker.initialized=!0);var b=Array.prototype.slice.call(arguments,1);return typeof a!="string"||a!="isDisabled"&&a!="getDate"&&a!="widget"?a=="option"&&arguments.length==2&&typeof arguments[1]=="string"?$.datepicker["_"+a+"Datepicker"].apply($.datepicker,[this[0]].concat(b)):this.each(function(){typeof a=="string"?$.datepicker["_"+a+"Datepicker"].apply($.datepicker,[this].concat(b)):$.datepicker._attachDatepicker(this,a)}):$.datepicker["_"+a+"Datepicker"].apply($.datepicker,[this[0]].concat(b))},$.datepicker=new Datepicker,$.datepicker.initialized=!1,$.datepicker.uuid=(new Date).getTime(),$.datepicker.version="1.8.24",window["DP_jQuery_"+dpuuid]=$})(jQuery);;/*! jQuery UI - v1.8.24 - 2012-09-28
+* https://github.com/jquery/jquery-ui
+* Includes: jquery.ui.progressbar.js
+* Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */
+(function(a,b){a.widget("ui.progressbar",{options:{value:0,max:100},min:0,_create:function(){this.element.addClass("ui-progressbar ui-widget ui-widget-content ui-corner-all").attr({role:"progressbar","aria-valuemin":this.min,"aria-valuemax":this.options.max,"aria-valuenow":this._value()}),this.valueDiv=a("<div class='ui-progressbar-value ui-widget-header ui-corner-left'></div>").appendTo(this.element),this.oldValue=this._value(),this._refreshValue()},destroy:function(){this.element.removeClass("ui-progressbar ui-widget ui-widget-content ui-corner-all").removeAttr("role").removeAttr("aria-valuemin").removeAttr("aria-valuemax").removeAttr("aria-valuenow"),this.valueDiv.remove(),a.Widget.prototype.destroy.apply(this,arguments)},value:function(a){return a===b?this._value():(this._setOption("value",a),this)},_setOption:function(b,c){b==="value"&&(this.options.value=c,this._refreshValue(),this._value()===this.options.max&&this._trigger("complete")),a.Widget.prototype._setOption.apply(this,arguments)},_value:function(){var a=this.options.value;return typeof a!="number"&&(a=0),Math.min(this.options.max,Math.max(this.min,a))},_percentage:function(){return 100*this._value()/this.options.max},_refreshValue:function(){var a=this.value(),b=this._percentage();this.oldValue!==a&&(this.oldValue=a,this._trigger("change")),this.valueDiv.toggle(a>this.min).toggleClass("ui-corner-right",a===this.options.max).width(b.toFixed(0)+"%"),this.element.attr("aria-valuenow",a)}}),a.extend(a.ui.progressbar,{version:"1.8.24"})})(jQuery);;/*! jQuery UI - v1.8.24 - 2012-09-28
+* https://github.com/jquery/jquery-ui
+* Includes: jquery.effects.core.js
+* Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */
+jQuery.effects||function(a,b){function c(b){var c;return b&&b.constructor==Array&&b.length==3?b:(c=/rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(b))?[parseInt(c[1],10),parseInt(c[2],10),parseInt(c[3],10)]:(c=/rgb\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*\)/.exec(b))?[parseFloat(c[1])*2.55,parseFloat(c[2])*2.55,parseFloat(c[3])*2.55]:(c=/#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/.exec(b))?[parseInt(c[1],16),parseInt(c[2],16),parseInt(c[3],16)]:(c=/#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/.exec(b))?[parseInt(c[1]+c[1],16),parseInt(c[2]+c[2],16),parseInt(c[3]+c[3],16)]:(c=/rgba\(0, 0, 0, 0\)/.exec(b))?e.transparent:e[a.trim(b).toLowerCase()]}function d(b,d){var e;do{e=(a.curCSS||a.css)(b,d);if(e!=""&&e!="transparent"||a.nodeName(b,"body"))break;d="backgroundColor"}while(b=b.parentNode);return c(e)}function h(){var a=document.defaultView?document.defaultView.getComputedStyle(this,null):this.currentStyle,b={},c,d;if(a&&a.length&&a[0]&&a[a[0]]){var e=a.length;while(e--)c=a[e],typeof a[c]=="string"&&(d=c.replace(/\-(\w)/g,function(a,b){return b.toUpperCase()}),b[d]=a[c])}else for(c in a)typeof a[c]=="string"&&(b[c]=a[c]);return b}function i(b){var c,d;for(c in b)d=b[c],(d==null||a.isFunction(d)||c in g||/scrollbar/.test(c)||!/color/i.test(c)&&isNaN(parseFloat(d)))&&delete b[c];return b}function j(a,b){var c={_:0},d;for(d in b)a[d]!=b[d]&&(c[d]=b[d]);return c}function k(b,c,d,e){typeof b=="object"&&(e=c,d=null,c=b,b=c.effect),a.isFunction(c)&&(e=c,d=null,c={});if(typeof c=="number"||a.fx.speeds[c])e=d,d=c,c={};return a.isFunction(d)&&(e=d,d=null),c=c||{},d=d||c.duration,d=a.fx.off?0:typeof d=="number"?d:d in a.fx.speeds?a.fx.speeds[d]:a.fx.speeds._default,e=e||c.complete,[b,c,d,e]}function l(b){return!b||typeof b=="number"||a.fx.speeds[b]?!0:typeof b=="string"&&!a.effects[b]?!0:!1}a.effects={},a.each(["backgroundColor","borderBottomColor","borderLeftColor","borderRightColor","borderTopColor","borderColor","color","outlineColor"],function(b,e){a.fx.step[e]=function(a){a.colorInit||(a.start=d(a.elem,e),a.end=c(a.end),a.colorInit=!0),a.elem.style[e]="rgb("+Math.max(Math.min(parseInt(a.pos*(a.end[0]-a.start[0])+a.start[0],10),255),0)+","+Math.max(Math.min(parseInt(a.pos*(a.end[1]-a.start[1])+a.start[1],10),255),0)+","+Math.max(Math.min(parseInt(a.pos*(a.end[2]-a.start[2])+a.start[2],10),255),0)+")"}});var e={aqua:[0,255,255],azure:[240,255,255],beige:[245,245,220],black:[0,0,0],blue:[0,0,255],brown:[165,42,42],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgrey:[169,169,169],darkgreen:[0,100,0],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkviolet:[148,0,211],fuchsia:[255,0,255],gold:[255,215,0],green:[0,128,0],indigo:[75,0,130],khaki:[240,230,140],lightblue:[173,216,230],lightcyan:[224,255,255],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightyellow:[255,255,224],lime:[0,255,0],magenta:[255,0,255],maroon:[128,0,0],navy:[0,0,128],olive:[128,128,0],orange:[255,165,0],pink:[255,192,203],purple:[128,0,128],violet:[128,0,128],red:[255,0,0],silver:[192,192,192],white:[255,255,255],yellow:[255,255,0],transparent:[255,255,255]},f=["add","remove","toggle"],g={border:1,borderBottom:1,borderColor:1,borderLeft:1,borderRight:1,borderTop:1,borderWidth:1,margin:1,padding:1};a.effects.animateClass=function(b,c,d,e){return a.isFunction(d)&&(e=d,d=null),this.queue(function(){var g=a(this),k=g.attr("style")||" ",l=i(h.call(this)),m,n=g.attr("class")||"";a.each(f,function(a,c){b[c]&&g[c+"Class"](b[c])}),m=i(h.call(this)),g.attr("class",n),g.animate(j(l,m),{queue:!1,duration:c,easing:d,complete:function(){a.each(f,function(a,c){b[c]&&g[c+"Class"](b[c])}),typeof g.attr("style")=="object"?(g.attr("style").cssText="",g.attr("style").cssText=k):g.attr("style",k),e&&e.apply(this,arguments),a.dequeue(this)}})})},a.fn.extend({_addClass:a.fn.addClass,addClass:function(b,c,d,e){return c?a.effects.animateClass.apply(this,[{add:b},c,d,e]):this._addClass(b)},_removeClass:a.fn.removeClass,removeClass:function(b,c,d,e){return c?a.effects.animateClass.apply(this,[{remove:b},c,d,e]):this._removeClass(b)},_toggleClass:a.fn.toggleClass,toggleClass:function(c,d,e,f,g){return typeof d=="boolean"||d===b?e?a.effects.animateClass.apply(this,[d?{add:c}:{remove:c},e,f,g]):this._toggleClass(c,d):a.effects.animateClass.apply(this,[{toggle:c},d,e,f])},switchClass:function(b,c,d,e,f){return a.effects.animateClass.apply(this,[{add:c,remove:b},d,e,f])}}),a.extend(a.effects,{version:"1.8.24",save:function(a,b){for(var c=0;c<b.length;c++)b[c]!==null&&a.data("ec.storage."+b[c],a[0].style[b[c]])},restore:function(a,b){for(var c=0;c<b.length;c++)b[c]!==null&&a.css(b[c],a.data("ec.storage."+b[c]))},setMode:function(a,b){return b=="toggle"&&(b=a.is(":hidden")?"show":"hide"),b},getBaseline:function(a,b){var c,d;switch(a[0]){case"top":c=0;break;case"middle":c=.5;break;case"bottom":c=1;break;default:c=a[0]/b.height}switch(a[1]){case"left":d=0;break;case"center":d=.5;break;case"right":d=1;break;default:d=a[1]/b.width}return{x:d,y:c}},createWrapper:function(b){if(b.parent().is(".ui-effects-wrapper"))return b.parent();var c={width:b.outerWidth(!0),height:b.outerHeight(!0),"float":b.css("float")},d=a("<div></div>").addClass("ui-effects-wrapper").css({fontSize:"100%",background:"transparent",border:"none",margin:0,padding:0}),e=document.activeElement;try{e.id}catch(f){e=document.body}return b.wrap(d),(b[0]===e||a.contains(b[0],e))&&a(e).focus(),d=b.parent(),b.css("position")=="static"?(d.css({position:"relative"}),b.css({position:"relative"})):(a.extend(c,{position:b.css("position"),zIndex:b.css("z-index")}),a.each(["top","left","bottom","right"],function(a,d){c[d]=b.css(d),isNaN(parseInt(c[d],10))&&(c[d]="auto")}),b.css({position:"relative",top:0,left:0,right:"auto",bottom:"auto"})),d.css(c).show()},removeWrapper:function(b){var c,d=document.activeElement;return b.parent().is(".ui-effects-wrapper")?(c=b.parent().replaceWith(b),(b[0]===d||a.contains(b[0],d))&&a(d).focus(),c):b},setTransition:function(b,c,d,e){return e=e||{},a.each(c,function(a,c){var f=b.cssUnit(c);f[0]>0&&(e[c]=f[0]*d+f[1])}),e}}),a.fn.extend({effect:function(b,c,d,e){var f=k.apply(this,arguments),g={options:f[1],duration:f[2],callback:f[3]},h=g.options.mode,i=a.effects[b];return a.fx.off||!i?h?this[h](g.duration,g.callback):this.each(function(){g.callback&&g.callback.call(this)}):i.call(this,g)},_show:a.fn.show,show:function(a){if(l(a))return this._show.apply(this,arguments);var b=k.apply(this,arguments);return b[1].mode="show",this.effect.apply(this,b)},_hide:a.fn.hide,hide:function(a){if(l(a))return this._hide.apply(this,arguments);var b=k.apply(this,arguments);return b[1].mode="hide",this.effect.apply(this,b)},__toggle:a.fn.toggle,toggle:function(b){if(l(b)||typeof b=="boolean"||a.isFunction(b))return this.__toggle.apply(this,arguments);var c=k.apply(this,arguments);return c[1].mode="toggle",this.effect.apply(this,c)},cssUnit:function(b){var c=this.css(b),d=[];return a.each(["em","px","%","pt"],function(a,b){c.indexOf(b)>0&&(d=[parseFloat(c),b])}),d}});var m={};a.each(["Quad","Cubic","Quart","Quint","Expo"],function(a,b){m[b]=function(b){return Math.pow(b,a+2)}}),a.extend(m,{Sine:function(a){return 1-Math.cos(a*Math.PI/2)},Circ:function(a){return 1-Math.sqrt(1-a*a)},Elastic:function(a){return a===0||a===1?a:-Math.pow(2,8*(a-1))*Math.sin(((a-1)*80-7.5)*Math.PI/15)},Back:function(a){return a*a*(3*a-2)},Bounce:function(a){var b,c=4;while(a<((b=Math.pow(2,--c))-1)/11);return 1/Math.pow(4,3-c)-7.5625*Math.pow((b*3-2)/22-a,2)}}),a.each(m,function(b,c){a.easing["easeIn"+b]=c,a.easing["easeOut"+b]=function(a){return 1-c(1-a)},a.easing["easeInOut"+b]=function(a){return a<.5?c(a*2)/2:c(a*-2+2)/-2+1}})}(jQuery);;/*! jQuery UI - v1.8.24 - 2012-09-28
+* https://github.com/jquery/jquery-ui
+* Includes: jquery.effects.blind.js
+* Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */
+(function(a,b){a.effects.blind=function(b){return this.queue(function(){var c=a(this),d=["position","top","bottom","left","right"],e=a.effects.setMode(c,b.options.mode||"hide"),f=b.options.direction||"vertical";a.effects.save(c,d),c.show();var g=a.effects.createWrapper(c).css({overflow:"hidden"}),h=f=="vertical"?"height":"width",i=f=="vertical"?g.height():g.width();e=="show"&&g.css(h,0);var j={};j[h]=e=="show"?i:0,g.animate(j,b.duration,b.options.easing,function(){e=="hide"&&c.hide(),a.effects.restore(c,d),a.effects.removeWrapper(c),b.callback&&b.callback.apply(c[0],arguments),c.dequeue()})})}})(jQuery);;/*! jQuery UI - v1.8.24 - 2012-09-28
+* https://github.com/jquery/jquery-ui
+* Includes: jquery.effects.bounce.js
+* Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */
+(function(a,b){a.effects.bounce=function(b){return this.queue(function(){var c=a(this),d=["position","top","bottom","left","right"],e=a.effects.setMode(c,b.options.mode||"effect"),f=b.options.direction||"up",g=b.options.distance||20,h=b.options.times||5,i=b.duration||250;/show|hide/.test(e)&&d.push("opacity"),a.effects.save(c,d),c.show(),a.effects.createWrapper(c);var j=f=="up"||f=="down"?"top":"left",k=f=="up"||f=="left"?"pos":"neg",g=b.options.distance||(j=="top"?c.outerHeight(!0)/3:c.outerWidth(!0)/3);e=="show"&&c.css("opacity",0).css(j,k=="pos"?-g:g),e=="hide"&&(g=g/(h*2)),e!="hide"&&h--;if(e=="show"){var l={opacity:1};l[j]=(k=="pos"?"+=":"-=")+g,c.animate(l,i/2,b.options.easing),g=g/2,h--}for(var m=0;m<h;m++){var n={},p={};n[j]=(k=="pos"?"-=":"+=")+g,p[j]=(k=="pos"?"+=":"-=")+g,c.animate(n,i/2,b.options.easing).animate(p,i/2,b.options.easing),g=e=="hide"?g*2:g/2}if(e=="hide"){var l={opacity:0};l[j]=(k=="pos"?"-=":"+=")+g,c.animate(l,i/2,b.options.easing,function(){c.hide(),a.effects.restore(c,d),a.effects.removeWrapper(c),b.callback&&b.callback.apply(this,arguments)})}else{var n={},p={};n[j]=(k=="pos"?"-=":"+=")+g,p[j]=(k=="pos"?"+=":"-=")+g,c.animate(n,i/2,b.options.easing).animate(p,i/2,b.options.easing,function(){a.effects.restore(c,d),a.effects.removeWrapper(c),b.callback&&b.callback.apply(this,arguments)})}c.queue("fx",function(){c.dequeue()}),c.dequeue()})}})(jQuery);;/*! jQuery UI - v1.8.24 - 2012-09-28
+* https://github.com/jquery/jquery-ui
+* Includes: jquery.effects.clip.js
+* Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */
+(function(a,b){a.effects.clip=function(b){return this.queue(function(){var c=a(this),d=["position","top","bottom","left","right","height","width"],e=a.effects.setMode(c,b.options.mode||"hide"),f=b.options.direction||"vertical";a.effects.save(c,d),c.show();var g=a.effects.createWrapper(c).css({overflow:"hidden"}),h=c[0].tagName=="IMG"?g:c,i={size:f=="vertical"?"height":"width",position:f=="vertical"?"top":"left"},j=f=="vertical"?h.height():h.width();e=="show"&&(h.css(i.size,0),h.css(i.position,j/2));var k={};k[i.size]=e=="show"?j:0,k[i.position]=e=="show"?0:j/2,h.animate(k,{queue:!1,duration:b.duration,easing:b.options.easing,complete:function(){e=="hide"&&c.hide(),a.effects.restore(c,d),a.effects.removeWrapper(c),b.callback&&b.callback.apply(c[0],arguments),c.dequeue()}})})}})(jQuery);;/*! jQuery UI - v1.8.24 - 2012-09-28
+* https://github.com/jquery/jquery-ui
+* Includes: jquery.effects.drop.js
+* Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */
+(function(a,b){a.effects.drop=function(b){return this.queue(function(){var c=a(this),d=["position","top","bottom","left","right","opacity"],e=a.effects.setMode(c,b.options.mode||"hide"),f=b.options.direction||"left";a.effects.save(c,d),c.show(),a.effects.createWrapper(c);var g=f=="up"||f=="down"?"top":"left",h=f=="up"||f=="left"?"pos":"neg",i=b.options.distance||(g=="top"?c.outerHeight(!0)/2:c.outerWidth(!0)/2);e=="show"&&c.css("opacity",0).css(g,h=="pos"?-i:i);var j={opacity:e=="show"?1:0};j[g]=(e=="show"?h=="pos"?"+=":"-=":h=="pos"?"-=":"+=")+i,c.animate(j,{queue:!1,duration:b.duration,easing:b.options.easing,complete:function(){e=="hide"&&c.hide(),a.effects.restore(c,d),a.effects.removeWrapper(c),b.callback&&b.callback.apply(this,arguments),c.dequeue()}})})}})(jQuery);;/*! jQuery UI - v1.8.24 - 2012-09-28
+* https://github.com/jquery/jquery-ui
+* Includes: jquery.effects.explode.js
+* Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */
+(function(a,b){a.effects.explode=function(b){return this.queue(function(){var c=b.options.pieces?Math.round(Math.sqrt(b.options.pieces)):3,d=b.options.pieces?Math.round(Math.sqrt(b.options.pieces)):3;b.options.mode=b.options.mode=="toggle"?a(this).is(":visible")?"hide":"show":b.options.mode;var e=a(this).show().css("visibility","hidden"),f=e.offset();f.top-=parseInt(e.css("marginTop"),10)||0,f.left-=parseInt(e.css("marginLeft"),10)||0;var g=e.outerWidth(!0),h=e.outerHeight(!0);for(var i=0;i<c;i++)for(var j=0;j<d;j++)e.clone().appendTo("body").wrap("<div></div>").css({position:"absolute",visibility:"visible",left:-j*(g/d),top:-i*(h/c)}).parent().addClass("ui-effects-explode").css({position:"absolute",overflow:"hidden",width:g/d,height:h/c,left:f.left+j*(g/d)+(b.options.mode=="show"?(j-Math.floor(d/2))*(g/d):0),top:f.top+i*(h/c)+(b.options.mode=="show"?(i-Math.floor(c/2))*(h/c):0),opacity:b.options.mode=="show"?0:1}).animate({left:f.left+j*(g/d)+(b.options.mode=="show"?0:(j-Math.floor(d/2))*(g/d)),top:f.top+i*(h/c)+(b.options.mode=="show"?0:(i-Math.floor(c/2))*(h/c)),opacity:b.options.mode=="show"?1:0},b.duration||500);setTimeout(function(){b.options.mode=="show"?e.css({visibility:"visible"}):e.css({visibility:"visible"}).hide(),b.callback&&b.callback.apply(e[0]),e.dequeue(),a("div.ui-effects-explode").remove()},b.duration||500)})}})(jQuery);;/*! jQuery UI - v1.8.24 - 2012-09-28
+* https://github.com/jquery/jquery-ui
+* Includes: jquery.effects.fade.js
+* Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */
+(function(a,b){a.effects.fade=function(b){return this.queue(function(){var c=a(this),d=a.effects.setMode(c,b.options.mode||"hide");c.animate({opacity:d},{queue:!1,duration:b.duration,easing:b.options.easing,complete:function(){b.callback&&b.callback.apply(this,arguments),c.dequeue()}})})}})(jQuery);;/*! jQuery UI - v1.8.24 - 2012-09-28
+* https://github.com/jquery/jquery-ui
+* Includes: jquery.effects.fold.js
+* Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */
+(function(a,b){a.effects.fold=function(b){return this.queue(function(){var c=a(this),d=["position","top","bottom","left","right"],e=a.effects.setMode(c,b.options.mode||"hide"),f=b.options.size||15,g=!!b.options.horizFirst,h=b.duration?b.duration/2:a.fx.speeds._default/2;a.effects.save(c,d),c.show();var i=a.effects.createWrapper(c).css({overflow:"hidden"}),j=e=="show"!=g,k=j?["width","height"]:["height","width"],l=j?[i.width(),i.height()]:[i.height(),i.width()],m=/([0-9]+)%/.exec(f);m&&(f=parseInt(m[1],10)/100*l[e=="hide"?0:1]),e=="show"&&i.css(g?{height:0,width:f}:{height:f,width:0});var n={},p={};n[k[0]]=e=="show"?l[0]:f,p[k[1]]=e=="show"?l[1]:0,i.animate(n,h,b.options.easing).animate(p,h,b.options.easing,function(){e=="hide"&&c.hide(),a.effects.restore(c,d),a.effects.removeWrapper(c),b.callback&&b.callback.apply(c[0],arguments),c.dequeue()})})}})(jQuery);;/*! jQuery UI - v1.8.24 - 2012-09-28
+* https://github.com/jquery/jquery-ui
+* Includes: jquery.effects.highlight.js
+* Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */
+(function(a,b){a.effects.highlight=function(b){return this.queue(function(){var c=a(this),d=["backgroundImage","backgroundColor","opacity"],e=a.effects.setMode(c,b.options.mode||"show"),f={backgroundColor:c.css("backgroundColor")};e=="hide"&&(f.opacity=0),a.effects.save(c,d),c.show().css({backgroundImage:"none",backgroundColor:b.options.color||"#ffff99"}).animate(f,{queue:!1,duration:b.duration,easing:b.options.easing,complete:function(){e=="hide"&&c.hide(),a.effects.restore(c,d),e=="show"&&!a.support.opacity&&this.style.removeAttribute("filter"),b.callback&&b.callback.apply(this,arguments),c.dequeue()}})})}})(jQuery);;/*! jQuery UI - v1.8.24 - 2012-09-28
+* https://github.com/jquery/jquery-ui
+* Includes: jquery.effects.pulsate.js
+* Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */
+(function(a,b){a.effects.pulsate=function(b){return this.queue(function(){var c=a(this),d=a.effects.setMode(c,b.options.mode||"show"),e=(b.options.times||5)*2-1,f=b.duration?b.duration/2:a.fx.speeds._default/2,g=c.is(":visible"),h=0;g||(c.css("opacity",0).show(),h=1),(d=="hide"&&g||d=="show"&&!g)&&e--;for(var i=0;i<e;i++)c.animate({opacity:h},f,b.options.easing),h=(h+1)%2;c.animate({opacity:h},f,b.options.easing,function(){h==0&&c.hide(),b.callback&&b.callback.apply(this,arguments)}),c.queue("fx",function(){c.dequeue()}).dequeue()})}})(jQuery);;/*! jQuery UI - v1.8.24 - 2012-09-28
+* https://github.com/jquery/jquery-ui
+* Includes: jquery.effects.scale.js
+* Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */
+(function(a,b){a.effects.puff=function(b){return this.queue(function(){var c=a(this),d=a.effects.setMode(c,b.options.mode||"hide"),e=parseInt(b.options.percent,10)||150,f=e/100,g={height:c.height(),width:c.width()};a.extend(b.options,{fade:!0,mode:d,percent:d=="hide"?e:100,from:d=="hide"?g:{height:g.height*f,width:g.width*f}}),c.effect("scale",b.options,b.duration,b.callback),c.dequeue()})},a.effects.scale=function(b){return this.queue(function(){var c=a(this),d=a.extend(!0,{},b.options),e=a.effects.setMode(c,b.options.mode||"effect"),f=parseInt(b.options.percent,10)||(parseInt(b.options.percent,10)==0?0:e=="hide"?0:100),g=b.options.direction||"both",h=b.options.origin;e!="effect"&&(d.origin=h||["middle","center"],d.restore=!0);var i={height:c.height(),width:c.width()};c.from=b.options.from||(e=="show"?{height:0,width:0}:i);var j={y:g!="horizontal"?f/100:1,x:g!="vertical"?f/100:1};c.to={height:i.height*j.y,width:i.width*j.x},b.options.fade&&(e=="show"&&(c.from.opacity=0,c.to.opacity=1),e=="hide"&&(c.from.opacity=1,c.to.opacity=0)),d.from=c.from,d.to=c.to,d.mode=e,c.effect("size",d,b.duration,b.callback),c.dequeue()})},a.effects.size=function(b){return this.queue(function(){var c=a(this),d=["position","top","bottom","left","right","width","height","overflow","opacity"],e=["position","top","bottom","left","right","overflow","opacity"],f=["width","height","overflow"],g=["fontSize"],h=["borderTopWidth","borderBottomWidth","paddingTop","paddingBottom"],i=["borderLeftWidth","borderRightWidth","paddingLeft","paddingRight"],j=a.effects.setMode(c,b.options.mode||"effect"),k=b.options.restore||!1,l=b.options.scale||"both",m=b.options.origin,n={height:c.height(),width:c.width()};c.from=b.options.from||n,c.to=b.options.to||n;if(m){var p=a.effects.getBaseline(m,n);c.from.top=(n.height-c.from.height)*p.y,c.from.left=(n.width-c.from.width)*p.x,c.to.top=(n.height-c.to.height)*p.y,c.to.left=(n.width-c.to.width)*p.x}var q={from:{y:c.from.height/n.height,x:c.from.width/n.width},to:{y:c.to.height/n.height,x:c.to.width/n.width}};if(l=="box"||l=="both")q.from.y!=q.to.y&&(d=d.concat(h),c.from=a.effects.setTransition(c,h,q.from.y,c.from),c.to=a.effects.setTransition(c,h,q.to.y,c.to)),q.from.x!=q.to.x&&(d=d.concat(i),c.from=a.effects.setTransition(c,i,q.from.x,c.from),c.to=a.effects.setTransition(c,i,q.to.x,c.to));(l=="content"||l=="both")&&q.from.y!=q.to.y&&(d=d.concat(g),c.from=a.effects.setTransition(c,g,q.from.y,c.from),c.to=a.effects.setTransition(c,g,q.to.y,c.to)),a.effects.save(c,k?d:e),c.show(),a.effects.createWrapper(c),c.css("overflow","hidden").css(c.from);if(l=="content"||l=="both")h=h.concat(["marginTop","marginBottom"]).concat(g),i=i.concat(["marginLeft","marginRight"]),f=d.concat(h).concat(i),c.find("*[width]").each(function(){var c=a(this);k&&a.effects.save(c,f);var d={height:c.height(),width:c.width()};c.from={height:d.height*q.from.y,width:d.width*q.from.x},c.to={height:d.height*q.to.y,width:d.width*q.to.x},q.from.y!=q.to.y&&(c.from=a.effects.setTransition(c,h,q.from.y,c.from),c.to=a.effects.setTransition(c,h,q.to.y,c.to)),q.from.x!=q.to.x&&(c.from=a.effects.setTransition(c,i,q.from.x,c.from),c.to=a.effects.setTransition(c,i,q.to.x,c.to)),c.css(c.from),c.animate(c.to,b.duration,b.options.easing,function(){k&&a.effects.restore(c,f)})});c.animate(c.to,{queue:!1,duration:b.duration,easing:b.options.easing,complete:function(){c.to.opacity===0&&c.css("opacity",c.from.opacity),j=="hide"&&c.hide(),a.effects.restore(c,k?d:e),a.effects.removeWrapper(c),b.callback&&b.callback.apply(this,arguments),c.dequeue()}})})}})(jQuery);;/*! jQuery UI - v1.8.24 - 2012-09-28
+* https://github.com/jquery/jquery-ui
+* Includes: jquery.effects.shake.js
+* Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */
+(function(a,b){a.effects.shake=function(b){return this.queue(function(){var c=a(this),d=["position","top","bottom","left","right"],e=a.effects.setMode(c,b.options.mode||"effect"),f=b.options.direction||"left",g=b.options.distance||20,h=b.options.times||3,i=b.duration||b.options.duration||140;a.effects.save(c,d),c.show(),a.effects.createWrapper(c);var j=f=="up"||f=="down"?"top":"left",k=f=="up"||f=="left"?"pos":"neg",l={},m={},n={};l[j]=(k=="pos"?"-=":"+=")+g,m[j]=(k=="pos"?"+=":"-=")+g*2,n[j]=(k=="pos"?"-=":"+=")+g*2,c.animate(l,i,b.options.easing);for(var p=1;p<h;p++)c.animate(m,i,b.options.easing).animate(n,i,b.options.easing);c.animate(m,i,b.options.easing).animate(l,i/2,b.options.easing,function(){a.effects.restore(c,d),a.effects.removeWrapper(c),b.callback&&b.callback.apply(this,arguments)}),c.queue("fx",function(){c.dequeue()}),c.dequeue()})}})(jQuery);;/*! jQuery UI - v1.8.24 - 2012-09-28
+* https://github.com/jquery/jquery-ui
+* Includes: jquery.effects.slide.js
+* Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */
+(function(a,b){a.effects.slide=function(b){return this.queue(function(){var c=a(this),d=["position","top","bottom","left","right"],e=a.effects.setMode(c,b.options.mode||"show"),f=b.options.direction||"left";a.effects.save(c,d),c.show(),a.effects.createWrapper(c).css({overflow:"hidden"});var g=f=="up"||f=="down"?"top":"left",h=f=="up"||f=="left"?"pos":"neg",i=b.options.distance||(g=="top"?c.outerHeight(!0):c.outerWidth(!0));e=="show"&&c.css(g,h=="pos"?isNaN(i)?"-"+i:-i:i);var j={};j[g]=(e=="show"?h=="pos"?"+=":"-=":h=="pos"?"-=":"+=")+i,c.animate(j,{queue:!1,duration:b.duration,easing:b.options.easing,complete:function(){e=="hide"&&c.hide(),a.effects.restore(c,d),a.effects.removeWrapper(c),b.callback&&b.callback.apply(this,arguments),c.dequeue()}})})}})(jQuery);;/*! jQuery UI - v1.8.24 - 2012-09-28
+* https://github.com/jquery/jquery-ui
+* Includes: jquery.effects.transfer.js
+* Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */
+(function(a,b){a.effects.transfer=function(b){return this.queue(function(){var c=a(this),d=a(b.options.to),e=d.offset(),f={top:e.top,left:e.left,height:d.innerHeight(),width:d.innerWidth()},g=c.offset(),h=a('<div class="ui-effects-transfer"></div>').appendTo(document.body).addClass(b.options.className).css({top:g.top,left:g.left,height:c.innerHeight(),width:c.innerWidth(),position:"absolute"}).animate(f,b.duration,b.options.easing,function(){h.remove(),b.callback&&b.callback.apply(c[0],arguments),c.dequeue()})})}})(jQuery);;
\ No newline at end of file
diff --git a/lib/jquery.mousewheel.js b/lib/jquery.mousewheel.js
new file mode 100644
index 000000000..38b60951b
--- /dev/null
+++ b/lib/jquery.mousewheel.js
@@ -0,0 +1,84 @@
+/*! Copyright (c) 2011 Brandon Aaron (http://brandonaaron.net)
+ * Licensed under the MIT License (LICENSE.txt).
+ *
+ * Thanks to: http://adomas.org/javascript-mouse-wheel/ for some pointers.
+ * Thanks to: Mathias Bank(http://www.mathias-bank.de) for a scope bug fix.
+ * Thanks to: Seamus Leahy for adding deltaX and deltaY
+ *
+ * Version: 3.0.6
+ * 
+ * Requires: 1.2.2+
+ */
+
+(function($) {
+
+var types = ['DOMMouseScroll', 'mousewheel'];
+
+if ($.event.fixHooks) {
+    for ( var i=types.length; i; ) {
+        $.event.fixHooks[ types[--i] ] = $.event.mouseHooks;
+    }
+}
+
+$.event.special.mousewheel = {
+    setup: function() {
+        if ( this.addEventListener ) {
+            for ( var i=types.length; i; ) {
+                this.addEventListener( types[--i], handler, false );
+            }
+        } else {
+            this.onmousewheel = handler;
+        }
+    },
+    
+    teardown: function() {
+        if ( this.removeEventListener ) {
+            for ( var i=types.length; i; ) {
+                this.removeEventListener( types[--i], handler, false );
+            }
+        } else {
+            this.onmousewheel = null;
+        }
+    }
+};
+
+$.fn.extend({
+    mousewheel: function(fn) {
+        return fn ? this.bind("mousewheel", fn) : this.trigger("mousewheel");
+    },
+    
+    unmousewheel: function(fn) {
+        return this.unbind("mousewheel", fn);
+    }
+});
+
+
+function handler(event) {
+    var orgEvent = event || window.event, args = [].slice.call( arguments, 1 ), delta = 0, returnValue = true, deltaX = 0, deltaY = 0;
+    event = $.event.fix(orgEvent);
+    event.type = "mousewheel";
+    
+    // Old school scrollwheel delta
+    if ( orgEvent.wheelDelta ) { delta = orgEvent.wheelDelta/120; }
+    if ( orgEvent.detail     ) { delta = -orgEvent.detail/3; }
+    
+    // New school multidimensional scroll (touchpads) deltas
+    deltaY = delta;
+    
+    // Gecko
+    if ( orgEvent.axis !== undefined && orgEvent.axis === orgEvent.HORIZONTAL_AXIS ) {
+        deltaY = 0;
+        deltaX = -1*delta;
+    }
+    
+    // Webkit
+    if ( orgEvent.wheelDeltaY !== undefined ) { deltaY = orgEvent.wheelDeltaY/120; }
+    if ( orgEvent.wheelDeltaX !== undefined ) { deltaX = -1*orgEvent.wheelDeltaX/120; }
+    
+    // Add event and delta to the front of the arguments
+    args.unshift(event, delta, deltaX, deltaY);
+    
+    return ($.event.dispatch || $.event.handle).apply(this, args);
+}
+
+})(jQuery);
diff --git a/plugins/slick.cellrangedecorator.js b/plugins/slick.cellrangedecorator.js
index 0cbe71d48..8fed74271 100644
--- a/plugins/slick.cellrangedecorator.js
+++ b/plugins/slick.cellrangedecorator.js
@@ -35,7 +35,7 @@
         _elem = $("<div></div>", {css: options.selectionCss})
             .addClass(options.selectionCssClass)
             .css("position", "absolute")
-            .appendTo(grid.getCanvasNode());
+            .appendTo(grid.getActiveCanvasNode());
       }
 
       var from = grid.getCellNodeBox(range.fromRow, range.fromCell);
diff --git a/plugins/slick.cellrangeselector.js b/plugins/slick.cellrangeselector.js
index 520b17f3c..5cc71e8fe 100644
--- a/plugins/slick.cellrangeselector.js
+++ b/plugins/slick.cellrangeselector.js
@@ -1,113 +1,142 @@
-(function ($) {
-  // register namespace
-  $.extend(true, window, {
-    "Slick": {
-      "CellRangeSelector": CellRangeSelector
-    }
-  });
-
-
-  function CellRangeSelector(options) {
-    var _grid;
-    var _canvas;
-    var _dragging;
-    var _decorator;
-    var _self = this;
-    var _handler = new Slick.EventHandler();
-    var _defaults = {
-      selectionCss: {
-        "border": "2px dashed blue"
-      }
-    };
-
-
-    function init(grid) {
-      options = $.extend(true, {}, _defaults, options);
-      _decorator = new Slick.CellRangeDecorator(grid, options);
-      _grid = grid;
-      _canvas = _grid.getCanvasNode();
-      _handler
-        .subscribe(_grid.onDragInit, handleDragInit)
-        .subscribe(_grid.onDragStart, handleDragStart)
-        .subscribe(_grid.onDrag, handleDrag)
-        .subscribe(_grid.onDragEnd, handleDragEnd);
-    }
-
-    function destroy() {
-      _handler.unsubscribeAll();
-    }
-
-    function handleDragInit(e, dd) {
-      // prevent the grid from cancelling drag'n'drop by default
-      e.stopImmediatePropagation();
-    }
-
-    function handleDragStart(e, dd) {
-      var cell = _grid.getCellFromEvent(e);
-      if (_self.onBeforeCellRangeSelected.notify(cell) !== false) {
-        if (_grid.canCellBeSelected(cell.row, cell.cell)) {
-          _dragging = true;
-          e.stopImmediatePropagation();
-        }
-      }
-      if (!_dragging) {
-        return;
-      }
-
-      _grid.focus();
-
-      var start = _grid.getCellFromPoint(
-          dd.startX - $(_canvas).offset().left,
-          dd.startY - $(_canvas).offset().top);
-
-      dd.range = {start: start, end: {}};
-
-      return _decorator.show(new Slick.Range(start.row, start.cell));
-    }
-
-    function handleDrag(e, dd) {
-      if (!_dragging) {
-        return;
-      }
-      e.stopImmediatePropagation();
-
-      var end = _grid.getCellFromPoint(
-          e.pageX - $(_canvas).offset().left,
-          e.pageY - $(_canvas).offset().top);
-
-      if (!_grid.canCellBeSelected(end.row, end.cell)) {
-        return;
-      }
-
-      dd.range.end = end;
-      _decorator.show(new Slick.Range(dd.range.start.row, dd.range.start.cell, end.row, end.cell));
-    }
-
-    function handleDragEnd(e, dd) {
-      if (!_dragging) {
-        return;
-      }
-
-      _dragging = false;
-      e.stopImmediatePropagation();
-
-      _decorator.hide();
-      _self.onCellRangeSelected.notify({
-        range: new Slick.Range(
-            dd.range.start.row,
-            dd.range.start.cell,
-            dd.range.end.row,
-            dd.range.end.cell
-        )
-      });
-    }
-
-    $.extend(this, {
-      "init": init,
-      "destroy": destroy,
-
-      "onBeforeCellRangeSelected": new Slick.Event(),
-      "onCellRangeSelected": new Slick.Event()
-    });
-  }
+(function ($) {
+  // register namespace
+  $.extend(true, window, {
+    "Slick": {
+      "CellRangeSelector": CellRangeSelector
+    }
+  });
+
+
+  function CellRangeSelector(options) {
+    var _grid;
+    var _gridOptions;
+    var _$activeCanvas;
+    var _dragging;
+    var _decorator;
+    var _self = this;
+    var _handler = new Slick.EventHandler();
+    var _defaults = {
+      selectionCss: {
+        "border": "2px dashed blue"
+      }
+    };
+    
+    // Frozen row & column variables
+    var _rowOffset;
+    var _columnOffset;
+    var _isRightCanvas;
+    var _isBottomCanvas;
+
+    function init(grid) {
+      options = $.extend(true, {}, _defaults, options);
+      _decorator = new Slick.CellRangeDecorator(grid, options);
+      _grid = grid;
+      _gridOptions = _grid.getOptions();
+      _handler
+        .subscribe(_grid.onDragInit, handleDragInit)
+        .subscribe(_grid.onDragStart, handleDragStart)
+        .subscribe(_grid.onDrag, handleDrag)
+        .subscribe(_grid.onDragEnd, handleDragEnd);
+    }
+
+    function destroy() {
+        _handler.unsubscribeAll();
+    }
+
+    function handleDragInit(e, dd) {
+        // Set the active canvas node because the decorator needs to append its
+        // box to the correct canvas
+        _$activeCanvas = $( _grid.getActiveCanvasNode( e ) );
+
+        var c = _$activeCanvas.offset();
+
+        _rowOffset = 0;
+        _columnOffset = 0;
+        _isBottomCanvas = _$activeCanvas.hasClass( 'grid-canvas-bottom' );
+
+        if ( _gridOptions.frozenRow > -1 && _isBottomCanvas ) {
+            _rowOffset = ( _gridOptions.frozenBottom ) ? $('.grid-canvas-bottom').height() : $('.grid-canvas-top').height();
+        }
+        
+        _isRightCanvas = _$activeCanvas.hasClass( 'grid-canvas-right' );
+        
+        if ( _gridOptions.frozenColumn > -1 && _isRightCanvas ) {
+            _columnOffset = $('.grid-canvas-left').width();
+        }
+              
+        // prevent the grid from cancelling drag'n'drop by default
+        e.stopImmediatePropagation();
+    }
+
+    function handleDragStart(e, dd) {
+        var cell = _grid.getCellFromEvent(e);
+        if (_self.onBeforeCellRangeSelected.notify(cell) !== false) {
+            if (_grid.canCellBeSelected(cell.row, cell.cell)) {
+                _dragging = true;
+                e.stopImmediatePropagation();
+            }
+        }
+        if (!_dragging) {
+            return;
+        }
+
+      _grid.focus();
+        dd.range = {start: cell, end: {}};
+
+
+        return _decorator.show(new Slick.Range(cell.row, cell.cell));
+    }
+
+    function handleDrag(e, dd) {
+        if (!_dragging) {
+            return;
+        }
+        e.stopImmediatePropagation();
+
+        var end = _grid.getCellFromPoint(
+            e.pageX - _$activeCanvas.offset().left + _columnOffset,
+            e.pageY - _$activeCanvas.offset().top + _rowOffset
+        );
+
+        if ( (!_grid.canCellBeSelected( end.row, end.cell ) ) 
+             || ( !_isRightCanvas && ( end.cell > _gridOptions.frozenColumn ) )
+             || ( _isRightCanvas && ( end.cell <= _gridOptions.frozenColumn ) )
+             || ( !_isBottomCanvas && ( end.row >= _gridOptions.frozenRow ) )
+             || ( _isBottomCanvas && ( end.row < _gridOptions.frozenRow ) )
+           ) {
+            return;
+        }
+
+        dd.range.end = end;
+
+        _decorator.show(new Slick.Range(dd.range.start.row, dd.range.start.cell, end.row, end.cell));
+    }
+
+    function handleDragEnd(e, dd) {
+      if (!_dragging) {
+        return;
+      }
+
+      _dragging = false;
+      e.stopImmediatePropagation();
+
+      _decorator.hide();
+      _self.onCellRangeSelected.notify({
+        range: new Slick.Range(
+            dd.range.start.row,
+            dd.range.start.cell,
+            dd.range.end.row,
+            dd.range.end.cell
+        )
+      });
+    }
+
+    $.extend(this, {
+      "init": init,
+      "destroy": destroy,
+
+      "onBeforeCellRangeSelected": new Slick.Event(),
+      "onCellRangeSelected": new Slick.Event()
+    });
+  }
 })(jQuery);
\ No newline at end of file
diff --git a/plugins/slick.cellselectionmodel.js b/plugins/slick.cellselectionmodel.js
index 74bc3eb70..efa59e101 100644
--- a/plugins/slick.cellselectionmodel.js
+++ b/plugins/slick.cellselectionmodel.js
@@ -26,7 +26,7 @@
     function init(grid) {
       _options = $.extend(true, {}, _defaults, options);
       _grid = grid;
-      _canvas = _grid.getCanvasNode();
+      _canvas = _grid.getActiveCanvasNode();
       _grid.onActiveCellChanged.subscribe(handleActiveCellChange);
       _grid.onKeyDown.subscribe(handleKeyDown);
       grid.registerPlugin(_selector);
diff --git a/plugins/slick.modelidrowselectionmodel.js b/plugins/slick.modelidrowselectionmodel.js
new file mode 100644
index 000000000..eb48f7aec
--- /dev/null
+++ b/plugins/slick.modelidrowselectionmodel.js
@@ -0,0 +1,335 @@
+(function ($) {
+    $.extend(true, window, {
+        "Slick": {
+            "ModelIdRowSelectionModel": ModelIdRowSelectionModel
+        }
+    });
+
+    function ModelIdRowSelectionModel(options) {
+        var _grid, _inHandler, _options;
+        var _ranges = [], _selectedUniqueIds = [];
+        var _self = this;
+        var _allSelected = false;
+        var _handler = new Slick.EventHandler();
+        var _nonSelected = [new Slick.Range(0, 1, 0, 1)];
+        var _defaults = { selectActiveRow: true };
+
+        $.extend(this, {
+            "getSelectedRows": getSelectedRows,
+            "setSelectedRows": setSelectedRows,
+
+            "getSelectedRanges": getSelectedRanges,
+            "setSelectedRanges": setSelectedRanges,
+
+            setSelectedUniqueIds: setSelectedUniqueIds,
+            getSelectedUniqueIds: getSelectedUniqueIds,
+
+            deselectAll: deselectAll,
+            selectAll: selectAll,
+            allSelected: allSelected,
+
+            "init": init,
+            "destroy": destroy,
+
+            "onSelectedRangesChanged": new Slick.Event()
+        });
+
+        function setSelectedUniqueIds(ids) {
+            var rowPositionIds;
+            _selectedUniqueIds = arrayConcat([], ids);
+            if (allSelected()) {
+                var dataView = _grid.getData();
+                var getIdList = function (item) { return item[dataView.getIdProperty()]; };
+                var idList = dataView.getItems().map(getIdList);
+                rowPositionIds = uniqueIdsToRowIds(idList);
+            } else {
+                rowPositionIds = uniqueIdsToRowIds(_selectedUniqueIds);
+            }
+
+            _ranges = rowsToRanges(rowPositionIds);
+            if (_ranges.length === 0) {
+                _ranges = _nonSelected;
+            }
+            _self.onSelectedRangesChanged.notify(_ranges);
+        }
+
+        function getSelectedUniqueIds() {
+            return _selectedUniqueIds;
+        }
+
+        function init(grid) {
+            _options = $.extend(true, {}, _defaults, options);
+            _grid = grid;
+            _handler.subscribe(_grid.onActiveCellChanged,
+                wrapHandler(handleActiveCellChange));
+            _handler.subscribe(_grid.onKeyDown,
+                wrapHandler(handleKeyDown));
+            _handler.subscribe(_grid.onClick,
+                wrapHandler(handleClick));
+        }
+
+        function destroy() {
+            _handler.unsubscribeAll();
+        }
+
+        function getSelectedRows() {
+            return rangesToRows(_ranges);
+        }
+
+        function setSelectedRows() {
+            updateSelection();
+        }
+
+        function setSelectedRanges() {
+            updateSelection();
+        }
+        function getSelectedRanges() {
+            return _ranges;
+        }
+
+        function uniqueIdsToRowIds(rows) {
+            var _newRows = [];
+            if (_grid.getData()) {
+                var _dataView = _grid.getData();
+                if ($.isFunction(_dataView.mapIdsToRows)) {
+                    _newRows = _dataView.mapIdsToRows(rows);
+                }
+            }
+            return _newRows;
+        }
+
+        function wrapHandler(handler) {
+            return function () {
+                if (!_inHandler) {
+                    _inHandler = true;
+                    handler.apply(this, arguments);
+                    _inHandler = false;
+                }
+            };
+        }
+
+        function rangesToRows(ranges) {
+            var rows = [];
+            for (var i = 0; i < ranges.length; i++) {
+                for (var j = ranges[i].fromRow; j <= ranges[i].toRow; j++) {
+                    rows.push(j);
+                }
+            }
+            return rows;
+        }
+
+        function rowsToRanges(rows) {
+            var ranges = [];
+            var lastCell = _grid.getColumns().length - 1;
+            for (var i = 0; i < rows.length; i++) {
+                ranges.push(new Slick.Range(rows[i], 0, rows[i], lastCell));
+            }
+            return ranges;
+        }
+
+        function getRowsRange(from, to) {
+            var i, rows = [];
+            for (i = from; i <= to; i++) {
+                rows.push(i);
+            }
+            for (i = to; i < from; i++) {
+                rows.push(i);
+            }
+            return rows;
+        }
+
+        function updateSelection() {
+            setSelectedUniqueIds(_selectedUniqueIds);
+        }
+
+        function allSelected() {
+            return _allSelected;
+        }
+
+        function selectAll() {
+            _allSelected = true;
+            setSelectedUniqueIds([]);
+        }
+
+        function deselectAll() {
+            _ranges = [];
+            _selectedUniqueIds = [];
+            _allSelected = false;
+            setSelectedUniqueIds([]);
+        }
+
+        function handleActiveCellChange(e, data) {
+            if (_options.selectActiveRow && data.row != null) {
+                _allSelected = false;
+                setSelectedUniqueIds(data.grid.getData().mapRowsToIds([data.row]));
+            }
+        }
+
+        function handleKeyDown(e) {
+            var activeRow = _grid.getActiveCell();
+            if (activeRow && e.shiftKey && !e.ctrlKey && !e.altKey && !e.metaKey && (e.which == 38 || e.which == 40)) {
+                var selectedRows = getSelectedRows();
+                selectedRows.sort(function (x, y) {
+                    return x - y
+                });
+
+                if (!selectedRows.length) {
+                    selectedRows = [activeRow.row];
+                }
+
+                var top = selectedRows[0];
+                var bottom = selectedRows[selectedRows.length - 1];
+                var active;
+
+                if (e.which == 40) {
+                    active = activeRow.row < bottom || top == bottom ? ++bottom : ++top;
+                } else {
+                    active = activeRow.row < bottom ? --bottom : --top;
+                }
+
+                if (active >= 0 && active < _grid.getDataLength()) {
+                    _grid.scrollRowIntoView(active);
+                    var selection = getRowsRange(top, bottom);
+                    var dataView = _grid.getData();
+                    var ids = getSelectionInGroup(selection, dataView);
+                    _allSelected = false;
+                    setSelectedUniqueIds(ids);
+
+                    dataView.refresh();
+                }
+
+                e.preventDefault();
+                e.stopPropagation();
+            }
+        }
+
+        function itemMatcher(isGroup) {
+            return function (item, index) {
+                if (isGroup) {
+                    return item instanceof Slick.Group || item instanceof Slick.GroupTotals;
+                }
+                return !(item instanceof Slick.Group) && !(item instanceof Slick.GroupTotals);
+            };
+        }
+
+        function arrayConcat(a1) {
+            if (!arguments || arguments.length < 2) {
+                return arguments;
+            }
+
+            var concatedArray = arguments[0];
+            var list;
+            var argumentsIndex = arguments.length;
+
+            while (--argumentsIndex) {
+                list = arguments[argumentsIndex];
+                if (!$.isArray(list)) {
+                    continue;
+                }
+                var index = 0, length = list.length, anotherValue;
+                for (index; index < length; index++) {
+                    anotherValue = list[index];
+                    concatedArray.push(anotherValue);
+                }
+            }
+            return concatedArray;
+        }
+
+        function getSelectionInGroup(absoluteSelection, dataView) {
+            if (!$.isArray(absoluteSelection) || !absoluteSelection.length) {
+                return absoluteSelection;
+            }
+            var reletiveIds = [];
+
+            var selectedItems = absoluteSelection.map(function (id) { return dataView.getItem(id); });
+            var idProperty = dataView.getIdProperty();
+
+            reletiveIds = $.grep(selectedItems, itemMatcher(false)).map(function (item) { return item[idProperty]; });
+            var groupRows = $.grep(selectedItems, itemMatcher(true));
+
+            var ids = getIdsFromGroups(groupRows, idProperty);
+            arrayConcat(reletiveIds, ids);
+
+            return reletiveIds;
+        }
+
+        function getIdsFromGroups(groups, idProperty) {
+            if (!($.isArray(groups) && groups.length)) {
+                return [];
+            }
+
+            var ids = [], groupIds;
+            var group, length = groups.length, index;
+
+            for (index = 0; index < length; index++) {
+                group = groups[index];
+                groupIds = getIdsFromGroup(group, idProperty);
+                arrayConcat(ids, groupIds);
+            }
+            return ids;
+        }
+
+        function getIdsFromGroup(group, idProperty) {
+            var ids = [];
+
+            if (!group) {
+                return ids;
+            }
+
+            if ($.isArray(group.rows) && group.rows.length) {
+                ids = group.rows.map(function (item) { return item[idProperty]; });
+            }
+
+            var groupIds = getIdsFromGroups(group.groups, idProperty);
+            arrayConcat(ids, groupIds);
+
+            return ids;
+        }
+
+        function handleClick(e) {
+            var cell = _grid.getCellFromEvent(e);
+            if (!cell || !_grid.canCellBeActive(cell.row, cell.cell)) {
+                return false;
+            }
+
+            var selection = rangesToRows(_ranges);
+            var idx = $.inArray(cell.row, selection);
+
+            if (!e.ctrlKey && !e.shiftKey && !e.metaKey) {
+                selection = [cell.row];
+            }
+            else if (_grid.getOptions().multiSelect) {
+                if (idx === -1 && (e.ctrlKey || e.metaKey)) {
+                    selection.push(cell.row);
+                    _grid.setActiveCell(cell.row, cell.cell);
+                } else if (idx !== -1 && (e.ctrlKey || e.metaKey)) {
+                    selection = $.grep(selection, function (o, i) {
+                        return (o !== cell.row);
+                    });
+                    _grid.setActiveCell(cell.row, cell.cell);
+                } else if (selection.length && e.shiftKey) {
+                    var last = selection.pop();
+                    var from = Math.min(cell.row, last);
+                    var to = Math.max(cell.row, last);
+                    selection = [];
+                    for (var i = from; i <= to; i++) {
+                        if (i !== last) {
+                            selection.push(i);
+                        }
+                    }
+                    selection.push(last);
+                    _grid.setActiveCell(cell.row, cell.cell);
+                }
+            }
+
+            var dataView = _grid.getData();
+            var ids = getSelectionInGroup(selection, dataView);
+            _allSelected = false;
+            setSelectedUniqueIds(ids);
+
+            dataView.refresh();
+            e.stopImmediatePropagation();
+            return true;
+        }
+    }
+})(jQuery);
diff --git a/plugins/slick.rowmovemanager.js b/plugins/slick.rowmovemanager.js
index ba728bd2c..78a07e7eb 100644
--- a/plugins/slick.rowmovemanager.js
+++ b/plugins/slick.rowmovemanager.js
@@ -1,142 +1,185 @@
 (function ($) {
-  // register namespace
-  $.extend(true, window, {
-    "Slick": {
-      "RowMoveManager": RowMoveManager
-    }
-  });
-
-  function RowMoveManager(options) {
-    var _grid;
-    var _canvas;
-    var _dragging;
-    var _self = this;
-    var _handler = new Slick.EventHandler();
-    var _defaults = {
-      cancelEditOnDrag: false
-    };
-
-    function init(grid) {
-      options = $.extend(true, {}, _defaults, options);
-      _grid = grid;
-      _canvas = _grid.getCanvasNode();
-      _handler
-        .subscribe(_grid.onDragInit, handleDragInit)
-        .subscribe(_grid.onDragStart, handleDragStart)
-        .subscribe(_grid.onDrag, handleDrag)
-        .subscribe(_grid.onDragEnd, handleDragEnd);
-    }
+    // register namespace
+    $.extend(true, window, {
+        "Slick": {
+            "RowMoveManager": RowMoveManager
+        }
+    });
 
-    function destroy() {
-      _handler.unsubscribeAll();
-    }
+    function RowMoveManager(options) {
+        var _grid;
+        var _canvases;
+        var _dragging;
+        var _scrollTimer;
+        var _viewport;
+        var _viewportTop;
+        var _viewportBottom;
+        var _self = this;
+        var _handler = new Slick.EventHandler();
+        var _defaults = {
+            cancelEditOnDrag: false
+        };
 
-    function handleDragInit(e, dd) {
-      // prevent the grid from cancelling drag'n'drop by default
-      e.stopImmediatePropagation();
-    }
+        function init(grid) {
+            options = $.extend(true, {}, _defaults, options);
+            _grid = grid;
+            _canvases = _grid.getCanvases();
+            _scrollTimer = null;
+            _viewport = _grid.getViewportNode();
+            _viewportTop = $(_viewport).offset().top;
+            _viewportBottom = _viewportTop + _viewport.clientHeight;
+            _handler
+                .subscribe(_grid.onDragInit, handleDragInit)
+                .subscribe(_grid.onDragStart, handleDragStart)
+                .subscribe(_grid.onDrag, handleDrag)
+                .subscribe(_grid.onDragEnd, handleDragEnd);
+        }
 
-    function handleDragStart(e, dd) {
-      var cell = _grid.getCellFromEvent(e);
+        function destroy() {
+            _handler.unsubscribeAll();
+        }
 
-      if (options.cancelEditOnDrag && _grid.getEditorLock().isActive()) {
-        _grid.getEditorLock().cancelCurrentEdit();
-      }
+        function handleDragInit(e, dd) {
+            // prevent the grid from cancelling drag'n'drop by default
+            e.stopImmediatePropagation();
+        }
 
-      if (_grid.getEditorLock().isActive() || !/move|selectAndMove/.test(_grid.getColumns()[cell.cell].behavior)) {
-        return false;
-      }
+        function handleDragStart(e, dd) {
+          var cell = _grid.getCellFromEvent(e);
 
-      _dragging = true;
-      e.stopImmediatePropagation();
+          if (options.cancelEditOnDrag && _grid.getEditorLock().isActive()) {
+            _grid.getEditorLock().cancelCurrentEdit();
+          }
 
-      var selectedRows = _grid.getSelectedRows();
+          if (_grid.getEditorLock().isActive() || !/move|selectAndMove/.test(_grid.getColumns()[cell.cell].behavior)) {
+            return false;
+          }
 
-      if (selectedRows.length == 0 || $.inArray(cell.row, selectedRows) == -1) {
-        selectedRows = [cell.row];
-        _grid.setSelectedRows(selectedRows);
-      }
+          _dragging = true;
+          e.stopImmediatePropagation();
 
-      var rowHeight = _grid.getOptions().rowHeight;
+          var selectedRows = _grid.getSelectedRows();
 
-      dd.selectedRows = selectedRows;
+          if (selectedRows.length == 0 || $.inArray(cell.row, selectedRows) == -1) {
+            selectedRows = [cell.row];
+            _grid.setSelectedRows(selectedRows);
+          }
 
-      dd.selectionProxy = $("<div class='slick-reorder-proxy'/>")
-          .css("position", "absolute")
-          .css("zIndex", "99999")
-          .css("width", $(_canvas).innerWidth())
-          .css("height", rowHeight * selectedRows.length)
-          .appendTo(_canvas);
+          var rowHeight = _grid.getOptions().rowHeight;
 
-      dd.guide = $("<div class='slick-reorder-guide'/>")
-          .css("position", "absolute")
-          .css("zIndex", "99998")
-          .css("width", $(_canvas).innerWidth())
-          .css("top", -1000)
-          .appendTo(_canvas);
+          dd.selectedRows = selectedRows;
 
-      dd.insertBefore = -1;
-    }
+          dd.selectionProxy = $("<div class='slick-reorder-proxy'/>")
+              .css("position", "absolute")
+              .css("zIndex", "99999")
+              .css("width", $(_canvases[0]).innerWidth() + $(_canvases[1]).innerWidth())
+              .css("height", rowHeight * selectedRows.length)
+              .appendTo(_canvases);
 
-    function handleDrag(e, dd) {
-      if (!_dragging) {
-        return;
-      }
+          dd.guide = $("<div class='slick-reorder-guide'/>")
+              .css("position", "absolute")
+              .css("zIndex", "99998")
+              .css("width", $(_canvases[0]).innerWidth() + $(_canvases[1]).innerWidth())
+              .css("top", -1000)
+              .appendTo(_canvases);
 
-      e.stopImmediatePropagation();
+          dd.insertBefore = -1;
+        }
 
-      var top = e.pageY - $(_canvas).offset().top;
-      dd.selectionProxy.css("top", top - 5);
+        function handleDrag(e, dd) {
+          if (!_dragging) {
+            return;
+          }
+
+          e.stopImmediatePropagation();
+
+          var top = e.pageY - $(_canvases[0]).offset().top;
+          dd.selectionProxy.css("top", top - 5);
+
+          var insertBefore = Math.max(0, Math.min(Math.round(top / _grid.getOptions().rowHeight), _grid.getDataLength()));
+          if (insertBefore !== dd.insertBefore) {
+            var eventData = {
+              "rows": dd.selectedRows,
+              "insertBefore": insertBefore
+            };
+
+            if (_self.onBeforeMoveRows.notify(eventData) === false) {
+              dd.guide.css("top", -1000);
+              dd.canMove = false;
+            } else {
+              dd.guide.css("top", insertBefore * _grid.getOptions().rowHeight);
+              dd.canMove = true;
+            }
+
+            dd.insertBefore = insertBefore;
+                }
+
+                if (e.pageY > _viewportBottom) {
+                    if (!(_scrollTimer)) {
+                        _scrollTimer = setInterval(scrollDown, 100);
+                    }
+                } else if (e.pageY < _viewportTop) {
+                    if (!(_scrollTimer)) {
+                        _scrollTimer = setInterval(scrollUp, 100);
+                    }
+                } else {
+                    clearInterval(_scrollTimer);
+                    _scrollTimer = null;
+          }
+        }
 
-      var insertBefore = Math.max(0, Math.min(Math.round(top / _grid.getOptions().rowHeight), _grid.getDataLength()));
-      if (insertBefore !== dd.insertBefore) {
-        var eventData = {
-          "rows": dd.selectedRows,
-          "insertBefore": insertBefore
-        };
+        function handleDragEnd(e, dd) {
+          if (!_dragging) {
+            return;
+          }
+          _dragging = false;
 
-        if (_self.onBeforeMoveRows.notify(eventData) === false) {
-          dd.guide.css("top", -1000);
-          dd.canMove = false;
-        } else {
-          dd.guide.css("top", insertBefore * _grid.getOptions().rowHeight);
-          dd.canMove = true;
-        }
+                if (_scrollTimer) {
+                    clearInterval(_scrollTimer);
+                }
 
-        dd.insertBefore = insertBefore;
+          e.stopImmediatePropagation();
 
-                // TODO: Implement in a timer
-                grid.scrollRowIntoView( insertBefore );
-      }
-    }
+          dd.guide.remove();
+          dd.selectionProxy.remove();
 
-    function handleDragEnd(e, dd) {
-      if (!_dragging) {
-        return;
-      }
-      _dragging = false;
-      e.stopImmediatePropagation();
+          if (dd.canMove) {
+            var eventData = {
+              "rows": dd.selectedRows,
+              "insertBefore": dd.insertBefore
+            };
+            // TODO:  _grid.remapCellCssClasses ?
+            _self.onMoveRows.notify(eventData);
+          }
+            }
 
-      dd.guide.remove();
-      dd.selectionProxy.remove();
+            function scrollDown() {
+                var visibleRange = _grid.getViewport();
 
-      if (dd.canMove) {
-        var eventData = {
-          "rows": dd.selectedRows,
-          "insertBefore": dd.insertBefore
-        };
-        // TODO:  _grid.remapCellCssClasses ?
-        _self.onMoveRows.notify(eventData);
-      }
-    }
+                if (visibleRange.bottom == _grid.getDataLength()) {
+                    return;
+                }
 
-    $.extend(this, {
-      "onBeforeMoveRows": new Slick.Event(),
-      "onMoveRows": new Slick.Event(),
+                _grid.scrollRowIntoView(visibleRange.bottom);
+            }
 
-      "init": init,
-      "destroy": destroy
+            function scrollUp() {
+                var visibleRange = _grid.getViewport();
 
-    });
-  }
+                if (visibleRange.top == 0) {
+                    return;
+                }
+
+                _grid.scrollRowIntoView(visibleRange.top - 1);
+        }
+
+        $.extend(this, {
+          "onBeforeMoveRows": new Slick.Event(),
+          "onMoveRows": new Slick.Event(),
+
+          "init": init,
+          "destroy": destroy
+
+        });
+    }
 })(jQuery);
\ No newline at end of file
diff --git a/slick.dataview.js b/slick.dataview.js
index 42cff16e3..ffd43d838 100644
--- a/slick.dataview.js
+++ b/slick.dataview.js
@@ -1,1067 +1,1266 @@
 (function ($) {
-  $.extend(true, window, {
-    Slick: {
-      Data: {
-        DataView: DataView,
-        Aggregators: {
-          Avg: AvgAggregator,
-          Min: MinAggregator,
-          Max: MaxAggregator,
-          Sum: SumAggregator
-        }
-      }
-    }
-  });
-
-
-  /***
-   * A sample Model implementation.
-   * Provides a filtered view of the underlying data.
-   *
-   * Relies on the data item having an "id" property uniquely identifying it.
-   */
-  function DataView(options) {
-    var self = this;
-
-    var defaults = {
-      groupItemMetadataProvider: null,
-      inlineFilters: false
-    };
-
-
-    // private
-    var idProperty = "id";  // property holding a unique row id
-    var items = [];         // data by index
-    var rows = [];          // data by row
-    var idxById = {};       // indexes by id
-    var rowsById = null;    // rows by id; lazy-calculated
-    var filter = null;      // filter function
-    var updated = null;     // updated item ids
-    var suspend = false;    // suspends the recalculation
-    var sortAsc = true;
-    var fastSortField;
-    var sortComparer;
-    var refreshHints = {};
-    var prevRefreshHints = {};
-    var filterArgs;
-    var filteredItems = [];
-    var compiledFilter;
-    var compiledFilterWithCaching;
-    var filterCache = [];
-
-    // grouping
-    var groupingInfoDefaults = {
-      getter: null,
-      formatter: null,
-      comparer: function(a, b) { return a.value - b.value; },
-      predefinedValues: [],
-      aggregators: [],
-      aggregateEmpty: false,
-      aggregateCollapsed: false,
-      aggregateChildGroups: false,
-      collapsed: false,
-      displayTotalsRow: true
-    };
-    var groupingInfos = [];
-    var groups = [];
-    var toggledGroupsByLevel = [];
-    var groupingDelimiter = ':|:';
-
-    var pagesize = 0;
-    var pagenum = 0;
-    var totalRows = 0;
-
-    // events
-    var onRowCountChanged = new Slick.Event();
-    var onRowsChanged = new Slick.Event();
-    var onPagingInfoChanged = new Slick.Event();
-
-    options = $.extend(true, {}, defaults, options);
-
-
-    function beginUpdate() {
-      suspend = true;
-    }
+    $.extend(true, window, {
+        Slick: {
+            Data: {
+                DataView: DataView,
+                Aggregators: {
+                    Avg: AvgAggregator,
+                    Min: MinAggregator,
+                    Max: MaxAggregator,
+                    Sum: SumAggregator,
+                    UniqueString: UniqueStringAggregator,
+                    SelectionCount: SelectionCountAggregator,
+                    NumberRange: NumberRangeAggregator,
+                    DateRange: DateStringRangeAggregator,
+                }
+            }
+        }
+    });
 
-    function endUpdate() {
-      suspend = false;
-      refresh();
-    }
 
-    function setRefreshHints(hints) {
-      refreshHints = hints;
-    }
+    /***
+     * A sample Model implementation.
+     * Provides a filtered view of the underlying data.
+     *
+     * Relies on the data item having an "id" property uniquely identifying it.
+     */
 
-    function setFilterArgs(args) {
-      filterArgs = args;
-    }
+    function DataView(options) {
+        var self = this;
+
+        var defaults = {
+            groupItemMetadataProvider: null,
+            inlineFilters: false
+        };
+
+        // private
+        var idProperty = "id"; // property holding a unique row id
+        var items = []; // data by index
+        var rows = []; // data by row
+        var idxById = {}; // indexes by id
+        var rowsById = null; // rows by id; lazy-calculated
+        var filter = null; // filter function
+        var updated = null; // updated item ids
+        var suspend = false; // suspends the recalculation
+        var sortAsc = true;
+        var fastSortField;
+        var sortComparer;
+        var refreshHints = {};
+        var prevRefreshHints = {};
+        var filterArgs;
+        var filteredItems = [];
+        var compiledFilter;
+        var compiledFilterWithCaching;
+        var filterCache = [];
+
+        // grouping
+        var groupingInfoDefaults = {
+            getter: null,
+            formatter: null,
+            comparer: function (a, b) {
+                return a.value - b.value;
+            },
+            predefinedValues: [],
+            aggregators: [],
+            aggregateEmpty: false,
+            aggregateCollapsed: false,
+            aggregateChildGroups: false,
+            collapsed: false,
+            displayTotalsRow: true
+        };
+        var groupingInfos = [];
+        var groups = [];
+        var toggledGroupsByLevel = [];
+        var groupingDelimiter = ':|:';
+
+        var pagesize = 0;
+        var pagenum = 0;
+        var totalRows = 0;
+
+        // events
+        var onRowCountChanged = new Slick.Event();
+        var onRowsChanged = new Slick.Event();
+        var onPagingInfoChanged = new Slick.Event();
+
+        options = $.extend(true, {}, defaults, options);
+
+        function beginUpdate() {
+            suspend = true;
+        }
 
-    function updateIdxById(startingIndex) {
-      startingIndex = startingIndex || 0;
-      var id;
-      for (var i = startingIndex, l = items.length; i < l; i++) {
-        id = items[i][idProperty];
-        if (id === undefined) {
-          throw "Each data element must implement a unique 'id' property";
+        function endUpdate() {
+            suspend = false;
+            refresh();
         }
-        idxById[id] = i;
-      }
-    }
 
-    function ensureIdUniqueness() {
-      var id;
-      for (var i = 0, l = items.length; i < l; i++) {
-        id = items[i][idProperty];
-        if (id === undefined || idxById[id] !== i) {
-          throw "Each data element must implement a unique 'id' property";
+        function setRefreshHints(hints) {
+            refreshHints = hints;
         }
-      }
-    }
 
-    function getItems() {
-      return items;
-    }
+        function setFilterArgs(args) {
+            filterArgs = args;
+        }
 
-    function setItems(data, objectIdProperty) {
-      if (objectIdProperty !== undefined) {
-        idProperty = objectIdProperty;
-      }
-      items = filteredItems = data;
-      idxById = {};
-      updateIdxById();
-      ensureIdUniqueness();
-      refresh();
-    }
+        function updateIdxById(startingIndex) {
+            startingIndex = startingIndex || 0;
+            var id;
+            for (var i = startingIndex, l = items.length; i < l; i++) {
+                id = items[i][idProperty];
+                if (id === undefined) {
+                    throw "Each data element must implement a unique 'id' property";
+                }
+                idxById[id] = i;
+            }
+        }
 
-    function setPagingOptions(args) {
-      if (args.pageSize != undefined) {
-        pagesize = args.pageSize;
-        pagenum = pagesize ? Math.min(pagenum, Math.max(0, Math.ceil(totalRows / pagesize) - 1)) : 0;
-      }
+        function ensureIdUniqueness() {
+            var id;
+            for (var i = 0, l = items.length; i < l; i++) {
+                id = items[i][idProperty];
+                if (id === undefined || idxById[id] !== i) {
+                    throw "Each data element must implement a unique 'id' property";
+                }
+            }
+        }
 
-      if (args.pageNum != undefined) {
-        pagenum = Math.min(args.pageNum, Math.max(0, Math.ceil(totalRows / pagesize) - 1));
-      }
+        function getItems() {
+            return items;
+        }
 
-      onPagingInfoChanged.notify(getPagingInfo(), null, self);
+        function setItems(data, objectIdProperty) {
+            if (objectIdProperty !== undefined) {
+                idProperty = objectIdProperty;
+            }
+            items = filteredItems = data;
+            idxById = {};
+            updateIdxById();
+            ensureIdUniqueness();
+            refresh();
+        }
 
-      refresh();
-    }
+        function setPagingOptions(args) {
+            if (args.pageSize != undefined) {
+                pagesize = args.pageSize;
+                pagenum = pagesize ? Math.min(pagenum, Math.max(0, Math.ceil(totalRows / pagesize) - 1)) : 0;
+            }
 
-    function getPagingInfo() {
-      var totalPages = pagesize ? Math.max(1, Math.ceil(totalRows / pagesize)) : 1;
-      return {pageSize: pagesize, pageNum: pagenum, totalRows: totalRows, totalPages: totalPages};
-    }
+            if (args.pageNum != undefined) {
+                pagenum = Math.min(args.pageNum, Math.max(0, Math.ceil(totalRows / pagesize) - 1));
+            }
 
-    function sort(comparer, ascending) {
-      sortAsc = ascending;
-      sortComparer = comparer;
-      fastSortField = null;
-      if (ascending === false) {
-        items.reverse();
-      }
-      items.sort(comparer);
-      if (ascending === false) {
-        items.reverse();
-      }
-      idxById = {};
-      updateIdxById();
-      refresh();
-    }
+            onPagingInfoChanged.notify(getPagingInfo(), null, self);
 
-    /***
-     * Provides a workaround for the extremely slow sorting in IE.
-     * Does a [lexicographic] sort on a give column by temporarily overriding Object.prototype.toString
-     * to return the value of that field and then doing a native Array.sort().
-     */
-    function fastSort(field, ascending) {
-      sortAsc = ascending;
-      fastSortField = field;
-      sortComparer = null;
-      var oldToString = Object.prototype.toString;
-      Object.prototype.toString = (typeof field == "function") ? field : function () {
-        return this[field]
-      };
-      // an extra reversal for descending sort keeps the sort stable
-      // (assuming a stable native sort implementation, which isn't true in some cases)
-      if (ascending === false) {
-        items.reverse();
-      }
-      items.sort();
-      Object.prototype.toString = oldToString;
-      if (ascending === false) {
-        items.reverse();
-      }
-      idxById = {};
-      updateIdxById();
-      refresh();
-    }
+            refresh();
+        }
 
-    function reSort() {
-      if (sortComparer) {
-        sort(sortComparer, sortAsc);
-      } else if (fastSortField) {
-        fastSort(fastSortField, sortAsc);
-      }
-    }
+        function getPagingInfo() {
+            var totalPages = pagesize ? Math.max(1, Math.ceil(totalRows / pagesize)) : 1;
+            return {
+                pageSize: pagesize,
+                pageNum: pagenum,
+                totalRows: totalRows,
+                totalPages: totalPages
+            };
+        }
 
-    function setFilter(filterFn) {
-      filter = filterFn;
-      if (options.inlineFilters) {
-        compiledFilter = compileFilter();
-        compiledFilterWithCaching = compileFilterWithCaching();
-      }
-      refresh();
-    }
+        function sort(comparer, ascending) {
+            sortAsc = ascending;
+            sortComparer = comparer;
+            fastSortField = null;
+            if (ascending === false) {
+                items.reverse();
+            }
+            items.sort(comparer);
+            if (ascending === false) {
+                items.reverse();
+            }
+            idxById = {};
+            updateIdxById();
+            refresh();
+        }
 
-    function getGrouping() {
-      return groupingInfos;
-    }
+        /***
+         * Provides a workaround for the extremely slow sorting in IE.
+         * Does a [lexicographic] sort on a give column by temporarily overriding Object.prototype.toString
+         * to return the value of that field and then doing a native Array.sort().
+         */
+
+        function fastSort(field, ascending) {
+            sortAsc = ascending;
+            fastSortField = field;
+            sortComparer = null;
+            var oldToString = Object.prototype.toString;
+            Object.prototype.toString = (typeof field == "function") ? field : function () {
+                return this[field]
+            };
+            // an extra reversal for descending sort keeps the sort stable
+            // (assuming a stable native sort implementation, which isn't true in some cases)
+            if (ascending === false) {
+                items.reverse();
+            }
+            items.sort();
+            Object.prototype.toString = oldToString;
+            if (ascending === false) {
+                items.reverse();
+            }
+            idxById = {};
+            updateIdxById();
+            refresh();
+        }
+
+        function reSort() {
+            if (sortComparer) {
+                sort(sortComparer, sortAsc);
+            } else if (fastSortField) {
+                fastSort(fastSortField, sortAsc);
+            }
+        }
+
+        function setFilter(filterFn) {
+            filter = filterFn;
+            if (options.inlineFilters) {
+                compiledFilter = compileFilter();
+                compiledFilterWithCaching = compileFilterWithCaching();
+            }
+            refresh();
+        }
+
+        function getGrouping() {
+            return groupingInfos;
+        }
 
-    function setGrouping(groupingInfo) {
-      if (!options.groupItemMetadataProvider) {
-        options.groupItemMetadataProvider = new Slick.Data.GroupItemMetadataProvider();
-      }
+        function setGrouping(groupingInfo) {
+            if (!options.groupItemMetadataProvider) {
+                options.groupItemMetadataProvider = new Slick.Data.GroupItemMetadataProvider();
+            }
+
+            groups = [];
+            toggledGroupsByLevel = [];
+            groupingInfo = groupingInfo || [];
+            groupingInfos = (groupingInfo instanceof Array) ? groupingInfo : [groupingInfo];
 
-      groups = [];
-      toggledGroupsByLevel = [];
-      groupingInfo = groupingInfo || [];
-      groupingInfos = (groupingInfo instanceof Array) ? groupingInfo : [groupingInfo];
+            for (var i = 0; i < groupingInfos.length; i++) {
+                var gi = groupingInfos[i] = $.extend(true, {}, groupingInfoDefaults, groupingInfos[i]);
+                gi.getterIsAFn = typeof gi.getter === "function";
 
-      for (var i = 0; i < groupingInfos.length; i++) {
-        var gi = groupingInfos[i] = $.extend(true, {}, groupingInfoDefaults, groupingInfos[i]);
-        gi.getterIsAFn = typeof gi.getter === "function";
+                // pre-compile accumulator loops
+                gi.compiledAccumulators = [];
+                var idx = gi.aggregators.length;
+                while (idx--) {
+                    gi.compiledAccumulators[idx] = compileAccumulatorLoop(gi.aggregators[idx]);
+                }
+
+                toggledGroupsByLevel[i] = {};
+            }
 
-        // pre-compile accumulator loops
-        gi.compiledAccumulators = [];
-        var idx = gi.aggregators.length;
-        while (idx--) {
-          gi.compiledAccumulators[idx] = compileAccumulatorLoop(gi.aggregators[idx]);
+            refresh();
         }
 
-        toggledGroupsByLevel[i] = {};
-      }
+        /**
+         * @deprecated Please use {@link setGrouping}.
+         */
+        function groupBy(valueGetter, valueFormatter, sortComparer) {
+            if (valueGetter == null) {
+                setGrouping([]);
+                return;
+            }
 
-      refresh();
-    }
+            setGrouping({
+                getter: valueGetter,
+                formatter: valueFormatter,
+                comparer: sortComparer
+            });
+        }
 
-    /**
-     * @deprecated Please use {@link setGrouping}.
-     */
-    function groupBy(valueGetter, valueFormatter, sortComparer) {
-      if (valueGetter == null) {
-        setGrouping([]);
-        return;
-      }
-
-      setGrouping({
-        getter: valueGetter,
-        formatter: valueFormatter,
-        comparer: sortComparer
-      });
-    }
+        /**
+         * @deprecated Please use {@link setGrouping}.
+         */
+        function setAggregators(groupAggregators, includeCollapsed) {
+            if (!groupingInfos.length) {
+                throw new Error("At least one grouping must be specified before calling setAggregators().");
+            }
 
-    /**
-     * @deprecated Please use {@link setGrouping}.
-     */
-    function setAggregators(groupAggregators, includeCollapsed) {
-      if (!groupingInfos.length) {
-        throw new Error("At least one grouping must be specified before calling setAggregators().");
-      }
+            groupingInfos[0].aggregators = groupAggregators;
+            groupingInfos[0].aggregateCollapsed = includeCollapsed;
 
-      groupingInfos[0].aggregators = groupAggregators;
-      groupingInfos[0].aggregateCollapsed = includeCollapsed;
+            setGrouping(groupingInfos);
+        }
 
-      setGrouping(groupingInfos);
-    }
+        function getItemByIdx(i) {
+            return items[i];
+        }
 
-    function getItemByIdx(i) {
-      return items[i];
-    }
+        function getIdxById(id) {
+            return idxById[id];
+        }
 
-    function getIdxById(id) {
-      return idxById[id];
-    }
+        function ensureRowsByIdCache() {
+            if (!rowsById) {
+                rowsById = {};
+                for (var i = 0, l = rows.length; i < l; i++) {
+                    rowsById[rows[i][idProperty]] = i;
+                }
+            }
+        }
 
-    function ensureRowsByIdCache() {
-      if (!rowsById) {
-        rowsById = {};
-        for (var i = 0, l = rows.length; i < l; i++) {
-          rowsById[rows[i][idProperty]] = i;
+        function getRowById(id) {
+            ensureRowsByIdCache();
+            return rowsById[id];
         }
-      }
-    }
 
-    function getRowById(id) {
-      ensureRowsByIdCache();
-      return rowsById[id];
-    }
+        function getItemById(id) {
+            return items[idxById[id]];
+        }
 
-    function getItemById(id) {
-      return items[idxById[id]];
-    }
+        function mapIdsToRows(idArray) {
+            var rows = [];
+            ensureRowsByIdCache();
+            for (var i = 0; i < idArray.length; i++) {
+                var row = rowsById[idArray[i]];
+                if (row != null) {
+                    rows[rows.length] = row;
+                }
+            }
+            return rows;
+        }
 
-    function mapIdsToRows(idArray) {
-      var rows = [];
-      ensureRowsByIdCache();
-      for (var i = 0; i < idArray.length; i++) {
-        var row = rowsById[idArray[i]];
-        if (row != null) {
-          rows[rows.length] = row;
+        function mapRowsToIds(rowArray) {
+            var ids = [];
+            for (var i = 0; i < rowArray.length; i++) {
+                if (rowArray[i] < rows.length) {
+                    ids[ids.length] = rows[rowArray[i]][idProperty];
+                }
+            }
+            return ids;
         }
-      }
-      return rows;
-    }
 
-    function mapRowsToIds(rowArray) {
-      var ids = [];
-      for (var i = 0; i < rowArray.length; i++) {
-        if (rowArray[i] < rows.length) {
-          ids[ids.length] = rows[rowArray[i]][idProperty];
+        function getIdProperty() {
+            return idProperty[0];
         }
-      }
-      return ids;
-    }
 
-    function updateItem(id, item) {
-      if (idxById[id] === undefined || id !== item[idProperty]) {
-        throw "Invalid or non-matching id";
-      }
-      items[idxById[id]] = item;
-      if (!updated) {
-        updated = {};
-      }
-      updated[id] = true;
-      refresh();
-    }
+        function updateItem(id, item) {
+            if (idxById[id] === undefined || id !== item[idProperty]) {
+                throw "Invalid or non-matching id";
+            }
+            items[idxById[id]] = item;
+            if (!updated) {
+                updated = {};
+            }
+            updated[id] = true;
+            refresh();
+        }
 
-    function insertItem(insertBefore, item) {
-      items.splice(insertBefore, 0, item);
-      updateIdxById(insertBefore);
-      refresh();
-    }
+        function insertItem(insertBefore, item) {
+            items.splice(insertBefore, 0, item);
+            updateIdxById(insertBefore);
+            refresh();
+        }
 
-    function addItem(item) {
-      items.push(item);
-      updateIdxById(items.length - 1);
-      refresh();
-    }
+        function addItem(item) {
+            items.push(item);
+            updateIdxById(items.length - 1);
+            refresh();
+        }
 
-    function deleteItem(id) {
-      var idx = idxById[id];
-      if (idx === undefined) {
-        throw "Invalid id";
-      }
-      delete idxById[id];
-      items.splice(idx, 1);
-      updateIdxById(idx);
-      refresh();
-    }
+        function deleteItem(id) {
+            var idx = idxById[id];
+            if (idx === undefined) {
+                throw "Invalid id";
+            }
+            delete idxById[id];
+            items.splice(idx, 1);
+            updateIdxById(idx);
+            refresh();
+        }
 
-    function getLength() {
-      return rows.length;
-    }
+        function getLength() {
+            return rows.length;
+        }
 
-    function getItem(i) {
-      return rows[i];
-    }
+        function getItem(i) {
+            return rows[i];
+        }
 
-    function getItemMetadata(i) {
-      var item = rows[i];
-      if (item === undefined) {
-        return null;
-      }
+        function getItemMetadata(i) {
+            var item = rows[i];
+            if (item === undefined) {
+                return null;
+            }
 
-      // overrides for grouping rows
-      if (item.__group) {
-        return options.groupItemMetadataProvider.getGroupRowMetadata(item);
-      }
+            // overrides for grouping rows
+            if (item.__group) {
+                return options.groupItemMetadataProvider.getGroupRowMetadata(item);
+            }
 
-      // overrides for totals rows
-      if (item.__groupTotals) {
-        return options.groupItemMetadataProvider.getTotalsRowMetadata(item);
-      }
+            // overrides for totals rows
+            if (item.__groupTotals) {
+                return options.groupItemMetadataProvider.getTotalsRowMetadata(item);
+            }
 
             if (options.groupItemMetadataProvider) {
                 return options.groupItemMetadataProvider.getRowMetadata(item);
             }
 
-      return null;
-    }
+            return null;
+        }
 
-    function expandCollapseAllGroups(level, collapse) {
-      if (level == null) {
-        for (var i = 0; i < groupingInfos.length; i++) {
-          toggledGroupsByLevel[i] = {};
-          groupingInfos[i].collapsed = collapse;
-        }
-      } else {
-        toggledGroupsByLevel[level] = {};
-        groupingInfos[level].collapsed = collapse;
-      }
-      refresh();
-    }
+        function expandCollapseAllGroups(level, collapse) {
+            if (level == null) {
+                for (var i = 0; i < groupingInfos.length; i++) {
+                    toggledGroupsByLevel[i] = {};
+                    groupingInfos[i].collapsed = collapse;
+                }
+            } else {
+                toggledGroupsByLevel[level] = {};
+                groupingInfos[level].collapsed = collapse;
+            }
+            refresh();
+        }
 
-    /**
-     * @param level {Number} Optional level to collapse.  If not specified, applies to all levels.
-     */
-    function collapseAllGroups(level) {
-      expandCollapseAllGroups(level, true);
-    }
+        /**
+         * @param level {Number} Optional level to collapse.  If not specified, applies to all levels.
+         */
+        function collapseAllGroups(level) {
+            expandCollapseAllGroups(level, true);
+        }
 
-    /**
-     * @param level {Number} Optional level to expand.  If not specified, applies to all levels.
-     */
-    function expandAllGroups(level) {
-      expandCollapseAllGroups(level, false);
-    }
+        /**
+         * @param level {Number} Optional level to expand.  If not specified, applies to all levels.
+         */
+        function expandAllGroups(level) {
+            expandCollapseAllGroups(level, false);
+        }
 
-    function expandCollapseGroup(level, groupingKey, collapse) {
-      toggledGroupsByLevel[level][groupingKey] = groupingInfos[level].collapsed ^ collapse;
-      refresh();
-    }
+        function expandCollapseGroup(level, groupingKey, collapse) {
+            toggledGroupsByLevel[level][groupingKey] = groupingInfos[level].collapsed ^ collapse;
+            refresh();
+        }
 
-    /**
-     * @param varArgs Either a Slick.Group's "groupingKey" property, or a
-     *     variable argument list of grouping values denoting a unique path to the row.  For
-     *     example, calling collapseGroup('high', '10%') will collapse the '10%' subgroup of
-     *     the 'high' setGrouping.
-     */
-    function collapseGroup(varArgs) {
-      var args = Array.prototype.slice.call(arguments);
-      var arg0 = args[0];
-      if (args.length == 1 && arg0.indexOf(groupingDelimiter) != -1) {
-        expandCollapseGroup(arg0.split(groupingDelimiter).length - 1, arg0, true);
-      } else {
-        expandCollapseGroup(args.length - 1, args.join(groupingDelimiter), true);
-      }
-    }
+        /**
+         * @param varArgs Either a Slick.Group's "groupingKey" property, or a
+         *     variable argument list of grouping values denoting a unique path to the row.  For
+         *     example, calling collapseGroup('high', '10%') will collapse the '10%' subgroup of
+         *     the 'high' setGrouping.
+         */
+        function collapseGroup(varArgs) {
+            var args = Array.prototype.slice.call(arguments);
+            var arg0 = args[0];
+            if (args.length == 1 && arg0.indexOf(groupingDelimiter) != -1) {
+                expandCollapseGroup(arg0.split(groupingDelimiter).length - 1, arg0, true);
+            } else {
+                expandCollapseGroup(args.length - 1, args.join(groupingDelimiter), true);
+            }
+        }
 
-    /**
-     * @param varArgs Either a Slick.Group's "groupingKey" property, or a
-     *     variable argument list of grouping values denoting a unique path to the row.  For
-     *     example, calling expandGroup('high', '10%') will expand the '10%' subgroup of
-     *     the 'high' setGrouping.
-     */
-    function expandGroup(varArgs) {
-      var args = Array.prototype.slice.call(arguments);
-      var arg0 = args[0];
-      if (args.length == 1 && arg0.indexOf(groupingDelimiter) != -1) {
-        expandCollapseGroup(arg0.split(groupingDelimiter).length - 1, arg0, false);
-      } else {
-        expandCollapseGroup(args.length - 1, args.join(groupingDelimiter), false);
-      }
-    }
+        /**
+         * @param varArgs Either a Slick.Group's "groupingKey" property, or a
+         *     variable argument list of grouping values denoting a unique path to the row.  For
+         *     example, calling expandGroup('high', '10%') will expand the '10%' subgroup of
+         *     the 'high' setGrouping.
+         */
+        function expandGroup(varArgs) {
+            var args = Array.prototype.slice.call(arguments);
+            var arg0 = args[0];
+            if (args.length == 1 && arg0.indexOf(groupingDelimiter) != -1) {
+                expandCollapseGroup(arg0.split(groupingDelimiter).length - 1, arg0, false);
+            } else {
+                expandCollapseGroup(args.length - 1, args.join(groupingDelimiter), false);
+            }
+        }
 
-    function getGroups() {
-      return groups;
-    }
+        function getGroups() {
+            return groups;
+        }
 
-    function extractGroups(rows, parentGroup) {
-      var group;
-      var val;
-      var groups = [];
-      var groupsByVal = {};
-      var r;
-      var level = parentGroup ? parentGroup.level + 1 : 0;
-      var gi = groupingInfos[level];
-
-      for (var i = 0, l = gi.predefinedValues.length; i < l; i++) {
-        val = gi.predefinedValues[i];
-        group = groupsByVal[val];
-        if (!group) {
-          group = new Slick.Group();
-          group.value = val;
-          group.level = level;
-          group.groupingKey = (parentGroup ? parentGroup.groupingKey + groupingDelimiter : '') + val;
-          groups[groups.length] = group;
-          groupsByVal[val] = group;
-        }
-      }
-
-      for (var i = 0, l = rows.length; i < l; i++) {
-        r = rows[i];
-        val = gi.getterIsAFn ? gi.getter(r) : r[gi.getter];
-        group = groupsByVal[val];
-        if (!group) {
-          group = new Slick.Group();
-          group.value = val;
-          group.level = level;
-          group.groupingKey = (parentGroup ? parentGroup.groupingKey + groupingDelimiter : '') + val;
-          groups[groups.length] = group;
-          groupsByVal[val] = group;
-        }
-
-        group.rows[group.count++] = r;
-      }
-
-      if (level < groupingInfos.length - 1) {
-        for (var i = 0; i < groups.length; i++) {
-          group = groups[i];
-          group.groups = extractGroups(group.rows, group);
-        }
-      }      
-
-      groups.sort(groupingInfos[level].comparer);
-
-      return groups;
-    }
+        function extractGroups(rows, parentGroup) {
+            var group;
+            var val;
+            var groups = [];
+            var groupsByVal = {};
+            var r;
+            var level = parentGroup ? parentGroup.level + 1 : 0;
+            var gi = groupingInfos[level];
+
+            for (var i = 0, l = gi.predefinedValues.length; i < l; i++) {
+                val = gi.predefinedValues[i];
+                group = groupsByVal[val];
+                if (!group) {
+                    group = new Slick.Group();
+                    group.value = val;
+                    group.level = level;
+                    group.groupingKey = (parentGroup ? parentGroup.groupingKey + groupingDelimiter : '') + val;
+                    groups[groups.length] = group;
+                    groupsByVal[val] = group;
+                }
+            }
 
-    // TODO:  lazy totals calculation
-    function calculateGroupTotals(group) {
-      // TODO:  try moving iterating over groups into compiled accumulator
-      var gi = groupingInfos[group.level];
-      var isLeafLevel = (group.level == groupingInfos.length);
-      var totals = new Slick.GroupTotals();
-      var agg, idx = gi.aggregators.length;
-      while (idx--) {
-        agg = gi.aggregators[idx];
-        agg.init();
-        gi.compiledAccumulators[idx].call(agg,
-            (!isLeafLevel && gi.aggregateChildGroups) ? group.groups : group.rows);
-        agg.storeResult(totals);
-      }
-      totals.group = group;
-      group.totals = totals;
-    }
+            for (var i = 0, l = rows.length; i < l; i++) {
+                r = rows[i];
+                val = gi.getterIsAFn ? gi.getter(r) : r[gi.getter];
+                group = groupsByVal[val];
+                if (!group) {
+                    group = new Slick.Group();
+                    group.value = val;
+                    group.level = level;
+                    group.groupingKey = (parentGroup ? parentGroup.groupingKey + groupingDelimiter : '') + val;
+                    groups[groups.length] = group;
+                    groupsByVal[val] = group;
+                }
+
+                group.rows[group.count++] = r;
+            }
+
+            if (level < groupingInfos.length - 1) {
+                for (var i = 0; i < groups.length; i++) {
+                    group = groups[i];
+                    group.groups = extractGroups(group.rows, group);
+                }
+            }
 
-    function calculateTotals(groups, level) {
-      level = level || 0;
-      var gi = groupingInfos[level];
-      var idx = groups.length, g;
-      while (idx--) {
-        g = groups[idx];
+            groups.sort(groupingInfos[level].comparer);
 
-        if (g.collapsed && !gi.aggregateCollapsed) {
-          continue;
+            return groups;
         }
 
-        // Do a depth-first aggregation so that parent setGrouping aggregators can access subgroup totals.
-        if (g.groups) {
-          calculateTotals(g.groups, level + 1);
+        function calculateGroupTotals(group) {
+            // TODO:  try moving iterating over groups into compiled accumulator
+            var gi = groupingInfos[group.level];
+            var isLeafLevel = (group.level == groupingInfos.length);
+            var totals = new Slick.GroupTotals();
+            var agg, idx = gi.aggregators.length;
+            while (idx--) {
+                agg = gi.aggregators[idx];
+                agg.init();
+                gi.compiledAccumulators[idx].call(agg,
+                    (!isLeafLevel && gi.aggregateChildGroups) ? group.groups : group.rows);
+                agg.storeResult(totals);
+            }
+            totals.group = group;
+            group.totals = totals;
         }
 
-        if (gi.aggregators.length && (
-            gi.aggregateEmpty || g.rows.length || (g.groups && g.groups.length))) {
-          calculateGroupTotals(g);
+        function calculateTotals(groups, level) {
+            level = level || 0;
+            var gi = groupingInfos[level];
+            var idx = groups.length, g;
+            while (idx--) {
+                g = groups[idx];
+
+                if (g.collapsed && !gi.aggregateCollapsed) {
+                    continue;
+                }
+
+                // Do a depth-first aggregation so that parent setGrouping aggregators can access subgroup totals.
+                if (g.groups) {
+                    calculateTotals(g.groups, level + 1);
+                }
+
+                if (gi.aggregators.length && (
+                    gi.aggregateEmpty || g.rows.length || (g.groups && g.groups.length))) {
+                    calculateGroupTotals(g);
+                }
+            }
         }
-      }
-    }
 
-    function finalizeGroups(groups, level) {
-      level = level || 0;
-      var gi = groupingInfos[level];
-      var groupCollapsed = gi.collapsed;
-      var toggledGroups = toggledGroupsByLevel[level];
-      var idx = groups.length, g;
-      while (idx--) {
-        g = groups[idx];
-        g.collapsed = groupCollapsed ^ toggledGroups[g.groupingKey];
-        g.title = gi.formatter ? gi.formatter(g) : g.value;
-
-        if (g.groups) {
-          finalizeGroups(g.groups, level + 1);
-          // Let the non-leaf setGrouping rows get garbage-collected.
-          // They may have been used by aggregates that go over all of the descendants,
-          // but at this point they are no longer needed.
-          g.rows = [];
-        }
-      }
-    }
+        function finalizeGroups(groups, level) {
+            level = level || 0;
+            var gi = groupingInfos[level];
+            var groupCollapsed = gi.collapsed;
+            var toggledGroups = toggledGroupsByLevel[level];
+            var idx = groups.length, g;
+            while (idx--) {
+                g = groups[idx];
+                g.collapsed = groupCollapsed ^ toggledGroups[g.groupingKey];
+                g.title = gi.formatter ? gi.formatter(g) : g.value;
+
+                if (g.groups) {
+                    finalizeGroups(g.groups, level + 1);
+                    // Let the non-leaf setGrouping rows get garbage-collected.
+                    // They may have been used by aggregates that go over all of the descendants,
+                    // but at this point they are no longer needed.
+                    g.rows = [];
+                }
+            }
+        }
 
-    function flattenGroupedRows(groups, level) {
-      level = level || 0;
-      var gi = groupingInfos[level];
-      var groupedRows = [], rows, gl = 0, g;
-      for (var i = 0, l = groups.length; i < l; i++) {
-        g = groups[i];
-        groupedRows[gl++] = g;
+        function flattenGroupedRows(groups, level) {
+            level = level || 0;
+            var gi = groupingInfos[level];
+            var groupedRows = [], rows, gl = 0, g;
+            for (var i = 0, l = groups.length; i < l; i++) {
+                g = groups[i];
+                groupedRows[gl++] = g;
+
+                if (!g.collapsed) {
+                    rows = g.groups ? flattenGroupedRows(g.groups, level + 1) : g.rows;
+                    for (var j = 0, jj = rows.length; j < jj; j++) {
+                        groupedRows[gl++] = rows[j];
+                    }
+                }
+
+                if (g.totals && gi.displayTotalsRow && (!g.collapsed || gi.aggregateCollapsed)) {
+                    groupedRows[gl++] = g.totals;
+                }
+            }
+            return groupedRows;
+        }
 
-        if (!g.collapsed) {
-          rows = g.groups ? flattenGroupedRows(g.groups, level + 1) : g.rows;
-          for (var j = 0, jj = rows.length; j < jj; j++) {
-            groupedRows[gl++] = rows[j];
-          }
+        function getFunctionInfo(fn) {
+            var fnRegex = /^function[^(]*\(([^)]*)\)\s*{([\s\S]*)}$/;
+            var matches = fn.toString().match(fnRegex);
+            return {
+                params: matches[1].split(","),
+                body: matches[2]
+            };
         }
 
-        if (g.totals && gi.displayTotalsRow && (!g.collapsed || gi.aggregateCollapsed)) {
-          groupedRows[gl++] = g.totals;
+        function compileAccumulatorLoop(aggregator) {
+            var accumulatorInfo = getFunctionInfo(aggregator.accumulate);
+            var fn = new Function(
+                "_items",
+                "for (var " + accumulatorInfo.params[0] + ", _i=0, _il=_items.length; _i<_il; _i++) {" +
+                accumulatorInfo.params[0] + " = _items[_i]; " +
+                accumulatorInfo.body +
+                "}"
+                );
+            fn.displayName = fn.name = "compiledAccumulatorLoop";
+            return fn;
         }
-      }
-      return groupedRows;
-    }
 
-    function getFunctionInfo(fn) {
-      var fnRegex = /^function[^(]*\(([^)]*)\)\s*{([\s\S]*)}$/;
-      var matches = fn.toString().match(fnRegex);
-      return {
-        params: matches[1].split(","),
-        body: matches[2]
-      };
-    }
+        function compileFilter() {
+            var filterInfo = getFunctionInfo(filter);
+
+            var filterBody = filterInfo.body
+                .replace(/return false\s*([;}]|$)/gi, "{ continue _coreloop; }$1")
+                .replace(/return true\s*([;}]|$)/gi, "{ _retval[_idx++] = $item$; continue _coreloop; }$1")
+                .replace(/return ([^;}]+?)\s*([;}]|$)/gi,
+                    "{ if ($1) { _retval[_idx++] = $item$; }; continue _coreloop; }$2");
+
+            // This preserves the function template code after JS compression,
+            // so that replace() commands still work as expected.
+            var tpl = [
+            //"function(_items, _args) { ",
+                "var _retval = [], _idx = 0; ",
+                "var $item$, $args$ = _args; ",
+                "_coreloop: ",
+                "for (var _i = 0, _il = _items.length; _i < _il; _i++) { ",
+                "$item$ = _items[_i]; ",
+                "$filter$; ",
+                "} ",
+                "return _retval; "
+                //"}"
+            ].join("");
+            tpl = tpl.replace(/\$filter\$/gi, filterBody);
+            tpl = tpl.replace(/\$item\$/gi, filterInfo.params[0]);
+            tpl = tpl.replace(/\$args\$/gi, filterInfo.params[1]);
+
+            var fn = new Function("_items,_args", tpl);
+            fn.displayName = fn.name = "compiledFilter";
+            return fn;
+        }
 
-    function compileAccumulatorLoop(aggregator) {
-      var accumulatorInfo = getFunctionInfo(aggregator.accumulate);
-      var fn = new Function(
-          "_items",
-          "for (var " + accumulatorInfo.params[0] + ", _i=0, _il=_items.length; _i<_il; _i++) {" +
-              accumulatorInfo.params[0] + " = _items[_i]; " +
-              accumulatorInfo.body +
-          "}"
-      );
-      fn.displayName = fn.name = "compiledAccumulatorLoop";
-      return fn;
-    }
+        function compileFilterWithCaching() {
+            var filterInfo = getFunctionInfo(filter);
+
+            var filterBody = filterInfo.body
+                .replace(/return false\s*([;}]|$)/gi, "{ continue _coreloop; }$1")
+                .replace(/return true\s*([;}]|$)/gi, "{ _cache[_i] = true;_retval[_idx++] = $item$; continue _coreloop; }$1")
+                .replace(/return ([^;}]+?)\s*([;}]|$)/gi,
+                    "{ if ((_cache[_i] = $1)) { _retval[_idx++] = $item$; }; continue _coreloop; }$2");
+
+            // This preserves the function template code after JS compression,
+            // so that replace() commands still work as expected.
+            var tpl = [
+            //"function(_items, _args, _cache) { ",
+                "var _retval = [], _idx = 0; ",
+                "var $item$, $args$ = _args; ",
+                "_coreloop: ",
+                "for (var _i = 0, _il = _items.length; _i < _il; _i++) { ",
+                "$item$ = _items[_i]; ",
+                "if (_cache[_i]) { ",
+                "_retval[_idx++] = $item$; ",
+                "continue _coreloop; ",
+                "} ",
+                "$filter$; ",
+                "} ",
+                "return _retval; "
+                //"}"
+            ].join("");
+            tpl = tpl.replace(/\$filter\$/gi, filterBody);
+            tpl = tpl.replace(/\$item\$/gi, filterInfo.params[0]);
+            tpl = tpl.replace(/\$args\$/gi, filterInfo.params[1]);
+
+            var fn = new Function("_items,_args,_cache", tpl);
+            fn.displayName = fn.name = "compiledFilterWithCaching";
+            return fn;
+        }
 
-    function compileFilter() {
-      var filterInfo = getFunctionInfo(filter);
-
-      var filterBody = filterInfo.body
-          .replace(/return false\s*([;}]|$)/gi, "{ continue _coreloop; }$1")
-          .replace(/return true\s*([;}]|$)/gi, "{ _retval[_idx++] = $item$; continue _coreloop; }$1")
-          .replace(/return ([^;}]+?)\s*([;}]|$)/gi,
-          "{ if ($1) { _retval[_idx++] = $item$; }; continue _coreloop; }$2");
-
-      // This preserves the function template code after JS compression,
-      // so that replace() commands still work as expected.
-      var tpl = [
-        //"function(_items, _args) { ",
-        "var _retval = [], _idx = 0; ",
-        "var $item$, $args$ = _args; ",
-        "_coreloop: ",
-        "for (var _i = 0, _il = _items.length; _i < _il; _i++) { ",
-        "$item$ = _items[_i]; ",
-        "$filter$; ",
-        "} ",
-        "return _retval; "
-        //"}"
-      ].join("");
-      tpl = tpl.replace(/\$filter\$/gi, filterBody);
-      tpl = tpl.replace(/\$item\$/gi, filterInfo.params[0]);
-      tpl = tpl.replace(/\$args\$/gi, filterInfo.params[1]);
-
-      var fn = new Function("_items,_args", tpl);
-      fn.displayName = fn.name = "compiledFilter";
-      return fn;
-    }
+        function uncompiledFilter(items, args) {
+            var retval = [],
+                idx = 0;
 
-    function compileFilterWithCaching() {
-      var filterInfo = getFunctionInfo(filter);
-
-      var filterBody = filterInfo.body
-          .replace(/return false\s*([;}]|$)/gi, "{ continue _coreloop; }$1")
-          .replace(/return true\s*([;}]|$)/gi, "{ _cache[_i] = true;_retval[_idx++] = $item$; continue _coreloop; }$1")
-          .replace(/return ([^;}]+?)\s*([;}]|$)/gi,
-          "{ if ((_cache[_i] = $1)) { _retval[_idx++] = $item$; }; continue _coreloop; }$2");
-
-      // This preserves the function template code after JS compression,
-      // so that replace() commands still work as expected.
-      var tpl = [
-        //"function(_items, _args, _cache) { ",
-        "var _retval = [], _idx = 0; ",
-        "var $item$, $args$ = _args; ",
-        "_coreloop: ",
-        "for (var _i = 0, _il = _items.length; _i < _il; _i++) { ",
-        "$item$ = _items[_i]; ",
-        "if (_cache[_i]) { ",
-        "_retval[_idx++] = $item$; ",
-        "continue _coreloop; ",
-        "} ",
-        "$filter$; ",
-        "} ",
-        "return _retval; "
-        //"}"
-      ].join("");
-      tpl = tpl.replace(/\$filter\$/gi, filterBody);
-      tpl = tpl.replace(/\$item\$/gi, filterInfo.params[0]);
-      tpl = tpl.replace(/\$args\$/gi, filterInfo.params[1]);
-
-      var fn = new Function("_items,_args,_cache", tpl);
-      fn.displayName = fn.name = "compiledFilterWithCaching";
-      return fn;
-    }
+            for (var i = 0, ii = items.length; i < ii; i++) {
+                if (filter(items[i], args)) {
+                    retval[idx++] = items[i];
+                }
+            }
+
+            return retval;
+        }
 
-    function uncompiledFilter(items, args) {
-      var retval = [], idx = 0;
+        function uncompiledFilterWithCaching(items, args, cache) {
+            var retval = [],
+                idx = 0,
+                item;
+
+            for (var i = 0, ii = items.length; i < ii; i++) {
+                item = items[i];
+                if (cache[i]) {
+                    retval[idx++] = item;
+                } else if (filter(item, args)) {
+                    retval[idx++] = item;
+                    cache[i] = true;
+                }
+            }
 
-      for (var i = 0, ii = items.length; i < ii; i++) {
-        if (filter(items[i], args)) {
-          retval[idx++] = items[i];
+            return retval;
         }
-      }
 
-      return retval;
-    }
+        function getFilteredAndPagedItems(items) {
+            if (filter) {
+                var batchFilter = options.inlineFilters ? compiledFilter : uncompiledFilter;
+                var batchFilterWithCaching = options.inlineFilters ? compiledFilterWithCaching : uncompiledFilterWithCaching;
+
+                if (refreshHints.isFilterNarrowing) {
+                    filteredItems = batchFilter(filteredItems, filterArgs);
+                } else if (refreshHints.isFilterExpanding) {
+                    filteredItems = batchFilterWithCaching(items, filterArgs, filterCache);
+                } else if (!refreshHints.isFilterUnchanged) {
+                    filteredItems = batchFilter(items, filterArgs);
+                }
+            } else {
+                // special case:  if not filtering and not paging, the resulting
+                // rows collection needs to be a copy so that changes due to sort
+                // can be caught
+                filteredItems = pagesize ? items : items.concat();
+            }
 
-    function uncompiledFilterWithCaching(items, args, cache) {
-      var retval = [], idx = 0, item;
+            // get the current page
+            var paged;
+            if (pagesize) {
+                if (filteredItems.length < pagenum * pagesize) {
+                    pagenum = Math.floor(filteredItems.length / pagesize);
+                }
+                paged = filteredItems.slice(pagesize * pagenum, pagesize * pagenum + pagesize);
+            } else {
+                paged = filteredItems;
+            }
 
-      for (var i = 0, ii = items.length; i < ii; i++) {
-        item = items[i];
-        if (cache[i]) {
-          retval[idx++] = item;
-        } else if (filter(item, args)) {
-          retval[idx++] = item;
-          cache[i] = true;
+            return {
+                totalRows: filteredItems.length,
+                rows: paged
+            };
         }
-      }
 
-      return retval;
-    }
+        function getRowDiffs(rows, newRows) {
+            var item, r, eitherIsNonData, diff = [];
+            var from = 0,
+                to = newRows.length;
 
-    function getFilteredAndPagedItems(items) {
-      if (filter) {
-        var batchFilter = options.inlineFilters ? compiledFilter : uncompiledFilter;
-        var batchFilterWithCaching = options.inlineFilters ? compiledFilterWithCaching : uncompiledFilterWithCaching;
-
-        if (refreshHints.isFilterNarrowing) {
-          filteredItems = batchFilter(filteredItems, filterArgs);
-        } else if (refreshHints.isFilterExpanding) {
-          filteredItems = batchFilterWithCaching(items, filterArgs, filterCache);
-        } else if (!refreshHints.isFilterUnchanged) {
-          filteredItems = batchFilter(items, filterArgs);
-        }
-      } else {
-        // special case:  if not filtering and not paging, the resulting
-        // rows collection needs to be a copy so that changes due to sort
-        // can be caught
-        filteredItems = pagesize ? items : items.concat();
-      }
-
-      // get the current page
-      var paged;
-      if (pagesize) {
-        if (filteredItems.length < pagenum * pagesize) {
-          pagenum = Math.floor(filteredItems.length / pagesize);
-        }
-        paged = filteredItems.slice(pagesize * pagenum, pagesize * pagenum + pagesize);
-      } else {
-        paged = filteredItems;
-      }
-
-      return {totalRows: filteredItems.length, rows: paged};
-    }
+            if (refreshHints && refreshHints.ignoreDiffsBefore) {
+                from = Math.max(0, Math.min(newRows.length, refreshHints.ignoreDiffsBefore));
+            }
 
-    function getRowDiffs(rows, newRows) {
-      var item, r, eitherIsNonData, diff = [];
-      var from = 0, to = newRows.length;
-
-      if (refreshHints && refreshHints.ignoreDiffsBefore) {
-        from = Math.max(0,
-            Math.min(newRows.length, refreshHints.ignoreDiffsBefore));
-      }
-
-      if (refreshHints && refreshHints.ignoreDiffsAfter) {
-        to = Math.min(newRows.length,
-            Math.max(0, refreshHints.ignoreDiffsAfter));
-      }
-
-      for (var i = from, rl = rows.length; i < to; i++) {
-        if (i >= rl) {
-          diff[diff.length] = i;
-        } else {
-          item = newRows[i];
-          r = rows[i];
-
-          if ((groupingInfos.length && (eitherIsNonData = (item.__nonDataRow) || (r.__nonDataRow)) &&
-              item.__group !== r.__group ||
-              item.__group && !item.equals(r))
-              || (eitherIsNonData &&
-              // no good way to compare totals since they are arbitrary DTOs
-              // deep object comparison is pretty expensive
-              // always considering them 'dirty' seems easier for the time being
-              (item.__groupTotals || r.__groupTotals))
-              || item[idProperty] != r[idProperty]
-              || (updated && updated[item[idProperty]])
-              ) {
-            diff[diff.length] = i;
-          }
-        }
-      }
-      return diff;
-    }
+            if (refreshHints && refreshHints.ignoreDiffsAfter) {
+                to = Math.min(newRows.length, Math.max(0, refreshHints.ignoreDiffsAfter));
+            }
 
-    function recalc(_items) {
-      rowsById = null;
+            for (var i = from, rl = rows.length; i < to; i++) {
+                if (i >= rl) {
+                    diff[diff.length] = i;
+                } else {
+                    item = newRows[i];
+                    r = rows[i];
+
+                    if ((groupingInfos.length && (eitherIsNonData = (item.__nonDataRow) || (r.__nonDataRow)) &&
+                        item.__group !== r.__group ||
+                        item.__group && !item.equals(r))
+                        || (eitherIsNonData &&
+                            // no good way to compare totals since they are arbitrary DTOs
+                            // deep object comparison is pretty expensive
+                            // always considering them 'dirty' seems easier for the time being
+                            (item.__groupTotals || r.__groupTotals))
+                        || item[idProperty] != r[idProperty]
+                        || (updated && updated[item[idProperty]])
+                        ) {
+                        diff[diff.length] = i;
+                    }
+                }
+            }
+            return diff;
+        }
+
+        function recalc(_items) {
+            rowsById = null;
+
+            if (refreshHints.isFilterNarrowing != prevRefreshHints.isFilterNarrowing ||
+                refreshHints.isFilterExpanding != prevRefreshHints.isFilterExpanding) {
+                filterCache = [];
+            }
 
-      if (refreshHints.isFilterNarrowing != prevRefreshHints.isFilterNarrowing ||
-          refreshHints.isFilterExpanding != prevRefreshHints.isFilterExpanding) {
-        filterCache = [];
-      }
+            var filteredItems = getFilteredAndPagedItems(_items);
+            totalRows = filteredItems.totalRows;
+            var newRows = filteredItems.rows;
+
+            groups = [];
+            if (groupingInfos.length) {
+                groups = extractGroups(newRows);
+                if (groups.length) {
+                    calculateTotals(groups);
+                    finalizeGroups(groups);
+                    newRows = flattenGroupedRows(groups);
+                }
+            }
+
+            var diff = getRowDiffs(rows, newRows);
 
-      var filteredItems = getFilteredAndPagedItems(_items);
-      totalRows = filteredItems.totalRows;
-      var newRows = filteredItems.rows;
+            rows = newRows;
 
-      groups = [];
-      if (groupingInfos.length) {
-        groups = extractGroups(newRows);
-        if (groups.length) {
-          calculateTotals(groups);
-          finalizeGroups(groups);
-          newRows = flattenGroupedRows(groups);
+            return diff;
         }
-      }
 
-      var diff = getRowDiffs(rows, newRows);
+        function refresh() {
+            if (suspend) {
+                return;
+            }
 
-      rows = newRows;
+            var countBefore = rows.length;
+            var totalRowsBefore = totalRows;
 
-      return diff;
-    }
+            var diff = recalc(items, filter); // pass as direct refs to avoid closure perf hit
+            // if the current page is no longer valid, go to last page and recalc
+            // we suffer a performance penalty here, but the main loop (recalc) remains highly optimized
+            if (pagesize && totalRows < pagenum * pagesize) {
+                pagenum = Math.max(0, Math.ceil(totalRows / pagesize) - 1);
+                diff = recalc(items, filter);
+            }
 
-    function refresh() {
-      if (suspend) {
-        return;
-      }
-
-      var countBefore = rows.length;
-      var totalRowsBefore = totalRows;
-
-      var diff = recalc(items, filter); // pass as direct refs to avoid closure perf hit
-
-      // if the current page is no longer valid, go to last page and recalc
-      // we suffer a performance penalty here, but the main loop (recalc) remains highly optimized
-      if (pagesize && totalRows < pagenum * pagesize) {
-        pagenum = Math.max(0, Math.ceil(totalRows / pagesize) - 1);
-        diff = recalc(items, filter);
-      }
-
-      updated = null;
-      prevRefreshHints = refreshHints;
-      refreshHints = {};
-
-      if (totalRowsBefore != totalRows) {
-        onPagingInfoChanged.notify(getPagingInfo(), null, self);
-      }
-      if (countBefore != rows.length) {
-        onRowCountChanged.notify({previous: countBefore, current: rows.length}, null, self);
-      }
-      if (diff.length > 0) {
-        onRowsChanged.notify({rows: diff}, null, self);
-      }
-    }
+            updated = null;
+            prevRefreshHints = refreshHints;
+            refreshHints = {};
+
+            if (totalRowsBefore != totalRows) {
+                onPagingInfoChanged.notify(getPagingInfo(), null, self);
+            }
+            if (countBefore != rows.length) {
+                onRowCountChanged.notify({
+                    previous: countBefore,
+                    current: rows.length
+                }, null, self);
+            }
+            if (diff.length > 0) {
+                onRowsChanged.notify({
+                    rows: diff
+                }, null, self);
+            }
+        }
 
-    function syncGridSelection(grid, preserveHidden) {
-      var self = this;
-      var selectedRowIds = self.mapRowsToIds(grid.getSelectedRows());;
-      var inHandler;
+        function syncGridSelection(grid, preserveHidden) {
+            var self = this;
+            var selectedRowIds = self.mapRowsToIds(grid.getSelectedRows());
+            ;
+            var inHandler;
+
+            function update() {
+                if (selectedRowIds.length > 0) {
+                    inHandler = true;
+                    var selectedRows = self.mapIdsToRows(selectedRowIds);
+                    if (!preserveHidden) {
+                        selectedRowIds = self.mapRowsToIds(selectedRows);
+                    }
+                    grid.setSelectedRows(selectedRows);
+                    inHandler = false;
+                }
+            }
+
+            grid.onSelectedRowsChanged.subscribe(function (e, args) {
+                if (inHandler) {
+                    return;
+                }
+
+                selectedRowIds = self.mapRowsToIds(grid.getSelectedRows());
+            });
+
+            this.onRowsChanged.subscribe(update);
 
-      function update() {
-        if (selectedRowIds.length > 0) {
-          inHandler = true;
-          var selectedRows = self.mapIdsToRows(selectedRowIds);
-          if (!preserveHidden) {
-            selectedRowIds = self.mapRowsToIds(selectedRows);
-          }
-          grid.setSelectedRows(selectedRows);
-          inHandler = false;
+            this.onRowCountChanged.subscribe(update);
         }
-      }
 
-      grid.onSelectedRowsChanged.subscribe(function(e, args) {
-        if (inHandler) { return; }
-        selectedRowIds = self.mapRowsToIds(grid.getSelectedRows());
-      });
+        function syncGridCellCssStyles(grid, key) {
+            var hashById;
+            var inHandler;
 
-      this.onRowsChanged.subscribe(update);
+            // since this method can be called after the cell styles have been set,
+            // get the existing ones right away
+            storeCellCssStyles(grid.getCellCssStyles(key));
+
+            function storeCellCssStyles(hash) {
+                hashById = {};
+                for (var row in hash) {
+                    var id = rows[row][idProperty];
+                    hashById[id] = hash[row];
+                }
+            }
+
+            function update() {
+                if (hashById) {
+                    inHandler = true;
+                    ensureRowsByIdCache();
+                    var newHash = {};
+                    for (var id in hashById) {
+                        var row = rowsById[id];
+                        if (row != undefined) {
+                            newHash[row] = hashById[id];
+                        }
+                    }
+                    grid.setCellCssStyles(key, newHash);
+                    inHandler = false;
+                }
+            }
 
-      this.onRowCountChanged.subscribe(update);
+            grid.onCellCssStylesChanged.subscribe(function (e, args) {
+                if (inHandler) {
+                    return;
+                }
+                if (key != args.key) {
+                    return;
+                }
+                if (args.hash) {
+                    storeCellCssStyles(args.hash);
+                }
+            });
+
+            this.onRowsChanged.subscribe(update);
+
+            this.onRowCountChanged.subscribe(update);
+        }
+
+        $.extend(this, {
+            // methods
+            getIdProperty: getIdProperty,
+            "beginUpdate": beginUpdate,
+            "endUpdate": endUpdate,
+            "setPagingOptions": setPagingOptions,
+            "getPagingInfo": getPagingInfo,
+            "getItems": getItems,
+            "setItems": setItems,
+            "setFilter": setFilter,
+            "sort": sort,
+            "fastSort": fastSort,
+            "reSort": reSort,
+            "setGrouping": setGrouping,
+            "getGrouping": getGrouping,
+            "groupBy": groupBy,
+            "setAggregators": setAggregators,
+            "collapseAllGroups": collapseAllGroups,
+            "expandAllGroups": expandAllGroups,
+            "collapseGroup": collapseGroup,
+            "expandGroup": expandGroup,
+            "getGroups": getGroups,
+            "getIdxById": getIdxById,
+            "getRowById": getRowById,
+            "getItemById": getItemById,
+            "getItemByIdx": getItemByIdx,
+            "mapRowsToIds": mapRowsToIds,
+            "mapIdsToRows": mapIdsToRows,
+            "setRefreshHints": setRefreshHints,
+            "setFilterArgs": setFilterArgs,
+            "refresh": refresh,
+            "updateItem": updateItem,
+            "insertItem": insertItem,
+            "addItem": addItem,
+            "deleteItem": deleteItem,
+            "syncGridSelection": syncGridSelection,
+            "syncGridCellCssStyles": syncGridCellCssStyles,
+
+            // data provider methods
+            "getLength": getLength,
+            "getItem": getItem,
+            "getItemMetadata": getItemMetadata,
+
+            // events
+            "onRowCountChanged": onRowCountChanged,
+            "onRowsChanged": onRowsChanged,
+            "onPagingInfoChanged": onPagingInfoChanged
+        });
     }
 
-    function syncGridCellCssStyles(grid, key) {
-      var hashById;
-      var inHandler;
+    function UniqueStringAggregator(field) {
+        this.field_ = field;
 
-      // since this method can be called after the cell styles have been set,
-      // get the existing ones right away
-      storeCellCssStyles(grid.getCellCssStyles(key));
+        this.init = init;
+        this.accumulate = accumulate;
+        this.storeResult = storeResult;
 
-      function storeCellCssStyles(hash) {
-        hashById = {};
-        for (var row in hash) {
-          var id = rows[row][idProperty];
-          hashById[id] = hash[row];
+        function init() {
+            this.stringField_ = null;
+            this.shortCircuit_ = false;
         }
-      }
 
-      function update() {
-        if (hashById) {
-          inHandler = true;
-          ensureRowsByIdCache();
-          var newHash = {};
-          for (var id in hashById) {
-            var row = rowsById[id];
-            if (row != undefined) {
-              newHash[row] = hashById[id];
+        function accumulate(item) {
+            if (this.shortCircuit_) {
+                return;
+            }
+
+            var value = item[this.field_];
+            if (value !== null && value !== undefined) {
+                if (!this.stringField_) {
+                    this.stringField_ = value;
+                }
+
+                if (this.stringField_ !== value) {
+                    this.stringField_ = '';
+                    this.shortCircuit_ = true;
+                    return;
+                }
             }
-          }
-          grid.setCellCssStyles(key, newHash);
-          inHandler = false;
         }
-      }
 
-      grid.onCellCssStylesChanged.subscribe(function(e, args) {
-        if (inHandler) { return; }
-        if (key != args.key) { return; }
-        if (args.hash) {
-          storeCellCssStyles(args.hash);
+        function storeResult(groupTotals) {
+            groupTotals.uniqueString = groupTotals.uniqueString || {};
+            groupTotals.uniqueString[this.field_] = this.stringField_;
         }
-      });
+    }
+
+    function AvgAggregator(field) {
+        this.field_ = field;
+
+        this.init = function () {
+            this.count_ = 0;
+            this.nonNullCount_ = 0;
+            this.sum_ = 0;
+        };
+
+        this.accumulate = function (item) {
+            var val = item[this.field_];
+            this.count_++;
+            if (val != null && val !== "" && val !== NaN) {
+                this.nonNullCount_++;
+                this.sum_ += parseFloat(val);
+            }
+        };
 
-      this.onRowsChanged.subscribe(update);
+        this.storeResult = function (groupTotals) {
+            if (!groupTotals.avg) {
+                groupTotals.avg = {};
+            }
+            if (this.nonNullCount_ != 0) {
+                groupTotals.avg[this.field_] = this.sum_ / this.nonNullCount_;
+            }
+        };
+    }
+
+    function MinAggregator(field) {
+        this.field_ = field;
 
-      this.onRowCountChanged.subscribe(update);
+        this.init = function () {
+            this.min_ = null;
+        };
+
+        this.accumulate = function (item) {
+            var val = item[this.field_];
+            if (val != null && val !== "" && val !== NaN) {
+                if (this.min_ == null || val < this.min_) {
+                    this.min_ = val;
+                }
+            }
+        };
+
+        this.storeResult = function (groupTotals) {
+            if (!groupTotals.min) {
+                groupTotals.min = {};
+            }
+            groupTotals.min[this.field_] = this.min_;
+        }
     }
 
-    $.extend(this, {
-      // methods
-      "beginUpdate": beginUpdate,
-      "endUpdate": endUpdate,
-      "setPagingOptions": setPagingOptions,
-      "getPagingInfo": getPagingInfo,
-      "getItems": getItems,
-      "setItems": setItems,
-      "setFilter": setFilter,
-      "sort": sort,
-      "fastSort": fastSort,
-      "reSort": reSort,
-      "setGrouping": setGrouping,
-      "getGrouping": getGrouping,
-      "groupBy": groupBy,
-      "setAggregators": setAggregators,
-      "collapseAllGroups": collapseAllGroups,
-      "expandAllGroups": expandAllGroups,
-      "collapseGroup": collapseGroup,
-      "expandGroup": expandGroup,
-      "getGroups": getGroups,
-      "getIdxById": getIdxById,
-      "getRowById": getRowById,
-      "getItemById": getItemById,
-      "getItemByIdx": getItemByIdx,
-      "mapRowsToIds": mapRowsToIds,
-      "mapIdsToRows": mapIdsToRows,
-      "setRefreshHints": setRefreshHints,
-      "setFilterArgs": setFilterArgs,
-      "refresh": refresh,
-      "updateItem": updateItem,
-      "insertItem": insertItem,
-      "addItem": addItem,
-      "deleteItem": deleteItem,
-      "syncGridSelection": syncGridSelection,
-      "syncGridCellCssStyles": syncGridCellCssStyles,
-
-      // data provider methods
-      "getLength": getLength,
-      "getItem": getItem,
-      "getItemMetadata": getItemMetadata,
-
-      // events
-      "onRowCountChanged": onRowCountChanged,
-      "onRowsChanged": onRowsChanged,
-      "onPagingInfoChanged": onPagingInfoChanged
-    });
-  }
-
-  function AvgAggregator(field) {
-    this.field_ = field;
-
-    this.init = function () {
-      this.count_ = 0;
-      this.nonNullCount_ = 0;
-      this.sum_ = 0;
-    };
-
-    this.accumulate = function (item) {
-      var val = item[this.field_];
-      this.count_++;
-      if (val != null && val !== "" && val !== NaN) {
-        this.nonNullCount_++;
-        this.sum_ += parseFloat(val);
-      }
-    };
-
-    this.storeResult = function (groupTotals) {
-      if (!groupTotals.avg) {
-        groupTotals.avg = {};
-      }
-      if (this.nonNullCount_ != 0) {
-        groupTotals.avg[this.field_] = this.sum_ / this.nonNullCount_;
-      }
-    };
-  }
-
-  function MinAggregator(field) {
-    this.field_ = field;
-
-    this.init = function () {
-      this.min_ = null;
-    };
-
-    this.accumulate = function (item) {
-      var val = item[this.field_];
-      if (val != null && val !== "" && val !== NaN) {
-        if (this.min_ == null || val < this.min_) {
-          this.min_ = val;
-        }
-      }
-    };
-
-    this.storeResult = function (groupTotals) {
-      if (!groupTotals.min) {
-        groupTotals.min = {};
-      }
-      groupTotals.min[this.field_] = this.min_;
+    function SelectionCountAggregator(selectionModel) {
+        /// variables
+        this.selectionModel = selectionModel;
+        this.selectionCount = 0;
+        this.selectedIdLookup = {};
+        this.cached = false;
+
+        /// API
+        this.init = init;
+        this.accumulate = accumulate;
+        this.storeResult = storeResult;
+        this.generateSelectedIdLookup = generateSelectedIdLookup;
+
+        /// API Implementation
+        function init() {
+            this.selectionCount = 0;
+            this.selectedIdLookup = {};
+            this.cached = false;
+        }
+
+        function accumulate(item) {
+            if (!this.cached) {
+                this.cached = true;
+                this.selectionCount = 0;
+                this.selectedIdLookup = this.generateSelectedIdLookup();
+            }
+
+            if (this.selectedIdLookup[item._id]) {
+                this.selectionCount += 1;
+            }
+        }
+
+        function storeResult(groupTotals) {
+            this.cached = false;
+
+            groupTotals.selectedCount = this.selectionCount;
+        }
+
+        /// private helper methods
+        function generateSelectedIdLookup() {
+            var lookup = {};
+            var ids = this.selectionModel.getSelectedUniqueIds();
+            if (!$.isArray(ids) || !ids.length) {
+                return lookup;
+            }
+            $.each(ids, function (index, id) { lookup[id] = true; });
+            return lookup;
+        }
     }
-  }
 
-  function MaxAggregator(field) {
-    this.field_ = field;
+    function MaxAggregator(field) {
+        this.field_ = field;
 
-    this.init = function () {
-      this.max_ = null;
-    };
+        this.init = function () {
+            this.max_ = null;
+        };
+
+        this.accumulate = function (item) {
+            var val = item[this.field_];
+            if (val != null && val !== "" && val !== NaN) {
+                if (this.max_ == null || val > this.max_) {
+                    this.max_ = val;
+                }
+            }
+        };
 
-    this.accumulate = function (item) {
-      var val = item[this.field_];
-      if (val != null && val !== "" && val !== NaN) {
-        if (this.max_ == null || val > this.max_) {
-          this.max_ = val;
+        this.storeResult = function (groupTotals) {
+            if (!groupTotals.max) {
+                groupTotals.max = {};
+            }
+            groupTotals.max[this.field_] = this.max_;
         }
-      }
-    };
+    }
+
+    function SumAggregator(field) {
+        this.field_ = field;
+
+        this.init = function () {
+            this.sum_ = null;
+        };
 
-    this.storeResult = function (groupTotals) {
-      if (!groupTotals.max) {
-        groupTotals.max = {};
-      }
-      groupTotals.max[this.field_] = this.max_;
+        this.accumulate = function (item) {
+            var val = item[this.field_];
+            if (val != null && val !== "" && val !== NaN) {
+                this.sum_ += parseFloat(val);
+            }
+        };
+
+        this.storeResult = function (groupTotals) {
+            if (!groupTotals.sum) {
+                groupTotals.sum = {};
+            }
+            groupTotals.sum[this.field_] = this.sum_;
+        }
     }
-  }
-
-  function SumAggregator(field) {
-    this.field_ = field;
-
-    this.init = function () {
-      this.sum_ = null;
-    };
-
-    this.accumulate = function (item) {
-      var val = item[this.field_];
-      if (val != null && val !== "" && val !== NaN) {
-        this.sum_ += parseFloat(val);
-      }
-    };
-
-    this.storeResult = function (groupTotals) {
-      if (!groupTotals.sum) {
-        groupTotals.sum = {};
-      }
-      groupTotals.sum[this.field_] = this.sum_;
+
+    function NumberRangeAggregator(field){
+        this.field_ = field;
+
+        this.init = init;
+        this.accumulate = accumulate;
+        this.storeResult = storeResult;
+
+        function init() {
+            this.min = undefined;
+            this.max = undefined
+        }
+
+        function accumulate(item) {
+            var startElement = item[this.field_][0] || 0;
+            var endElement = item[this.field_][1] || 0;
+            if (item[this.field_][1] === undefined){
+                endElement = startElement;
+            }
+
+            var min = Math.min(startElement, endElement);
+            var max = Math.max(startElement, endElement);
+
+            if ((this.min || Number.MAX_VALUE) > min) {
+                this.min = min;
+            }
+            if ((this.max || Number.MIN_VALUE) < max) {
+                this.max = max;
+            }
+        }
+
+        function storeResult(groupTotals) {
+            groupTotals.numberRange = groupTotals.numberRange || {};
+            groupTotals.numberRange[this.field_] = [this.min || 0];
+            if (this.max > this.min) {
+                groupTotals.numberRange[this.field_].push(this.max);
+            }
+        }
     }
-  }
 
-  // TODO:  add more built-in aggregators
-  // TODO:  merge common aggregators in one to prevent needles iterating
+    function DateStringRangeAggregator(field){
+        this.field_ = field;
+
+        this.init = init;
+        this.accumulate = accumulate;
+        this.storeResult = storeResult;
+
+        function init() {
+            this.min = undefined;
+            this.max = undefined;
+            this.actualMinFormat = undefined;
+            this.actualMaxFormat = undefined;
+        }
+
+        function accumulate(item) {
+            var startElement = new Date(item[this.field_][0]);
+            var endElement = new Date(item[this.field_][1]);
+
+            if (item[this.field_][1] === undefined){
+                endElement = startElement;
+            }
+
+            var min = Math.min(startElement, endElement);
+            var max = Math.max(startElement, endElement);
+
+            if ((this.min || Number.MAX_VALUE) > min) {
+                this.min = min;
+                this.actualMinFormat = (min === startElement.getTime()) ? item[this.field_][0] : item[this.field_][1];
+            }
+            if ((this.max || Number.MIN_VALUE) < max) {
+                this.max = max;
+                this.actualMaxFormat = (max === startElement.getTime()) ? item[this.field_][0] : item[this.field_][1];
+            }
+        }
+
+        function storeResult(groupTotals) {
+            groupTotals.DateRange =  groupTotals.DateRange || {};
+            groupTotals.DateRange[this.field_] = [this.actualMinFormat];
+            if (this.max > this.min) {
+                groupTotals.DateRange[this.field_].push(this.actualMaxFormat);
+            }
+        }
+    }
 
 })(jQuery);
diff --git a/slick.grid.css b/slick.grid.css
index 6a416db1e..8be87f401 100644
--- a/slick.grid.css
+++ b/slick.grid.css
@@ -71,6 +71,10 @@ classes should alter those!
   height: 100%;
 }
 
+.slick-resizable-handle-hover {
+	background-color: #ccc;
+}
+
 .slick-sortable-placeholder {
   background: silver;
 }
@@ -78,6 +82,7 @@ classes should alter those!
 .grid-canvas {
   position: relative;
   outline: 0;
+	overflow: hidden;
 }
 
 .slick-row.ui-widget-content, .slick-row.ui-state-active {
@@ -155,3 +160,39 @@ classes should alter those!
   position: absolute;
   border: 2px dashed black;
 }
+
+.slick-pane {
+	position: absolute;
+	outline: 0;
+	overflow: hidden;
+	width: 100%;
+}
+
+.slick-pane-header {
+	display: block;
+}
+
+.slick-header {
+	overflow: hidden;
+	position: relative;
+}
+
+.slick-headerrow {
+	overflow: hidden;
+	position: relative;
+}
+
+.slick-top-panel-scroller {
+	overflow: hidden;
+	position: relative;
+}
+
+.slick-top-panel {
+	width:10000px
+}
+
+.slick-viewport {
+	position: relative;
+	outline: 0;
+	width: 100%;
+}
diff --git a/slick.grid.js b/slick.grid.js
index 4b7f9f203..0ba9361b1 100644
--- a/slick.grid.js
+++ b/slick.grid.js
@@ -15,3393 +15,4291 @@
  *     or data associated with any cell/row DOM nodes.  Cell editors must make sure they implement .destroy()
  *     and do proper cleanup.
  *
- * TODO: Scroll the viewport during column reorder
  */
 
 // make sure required JavaScript modules are loaded
 if (typeof jQuery === "undefined") {
-  throw "SlickGrid requires jquery module to be loaded";
+    throw "SlickGrid requires jquery module to be loaded";
 }
 if (!jQuery.fn.drag) {
-  throw "SlickGrid requires jquery.event.drag module to be loaded";
+    throw "SlickGrid requires jquery.event.drag module to be loaded";
 }
 if (typeof Slick === "undefined") {
-  throw "slick.core.js not loaded";
+    throw "slick.core.js not loaded";
 }
 
-
 (function ($) {
-  // Slick.Grid
-  $.extend(true, window, {
-    Slick: {
-      Grid: SlickGrid
-    }
-  });
-
-  // shared across all grids on the page
-  var scrollbarDimensions;
-  var maxSupportedCssHeight;  // browser's breaking point
-
-  //////////////////////////////////////////////////////////////////////////////////////////////
-  // SlickGrid class implementation (available as Slick.Grid)
-
-  /**
-   * Creates a new instance of the grid.
-   * @class SlickGrid
-   * @constructor
-   * @param {Node}              container   Container node to create the grid in.
-   * @param {Array,Object}      data        An array of objects for databinding.
-   * @param {Array}             columns     An array of column definitions.
-   * @param {Object}            options     Grid options.
-   **/
-  function SlickGrid(container, data, columns, options) {
-    // settings
-    var defaults = {
-      explicitInitialization: false,
-      rowHeight: 25,
-      defaultColumnWidth: 80,
-      enableAddRow: false,
-      leaveSpaceForNewRows: false,
-      editable: false,
-      autoEdit: true,
-      enableCellNavigation: true,
-      enableColumnReorder: true,
-      asyncEditorLoading: false,
-      asyncEditorLoadDelay: 100,
-      forceFitColumns: false,
-      enableAsyncPostRender: false,
-      asyncPostRenderDelay: 50,
-      autoHeight: false,
-      editorLock: Slick.GlobalEditorLock,
-      showHeaderRow: false,
-      headerRowHeight: 25,
-      showTopPanel: false,
-      topPanelHeight: 25,
-      formatterFactory: null,
-      editorFactory: null,
-      cellFlashingCssClass: "flashing",
-      selectedCellCssClass: "selected",
-      multiSelect: true,
-      enableTextSelectionOnCells: false,
-      dataItemColumnValueExtractor: null,
-      fullWidthRows: false,
-      multiColumnSort: false,
-      defaultFormatter: defaultFormatter,
-      forceSyncScrolling: false
-    };
-
-    var columnDefaults = {
-      name: "",
-      resizable: true,
-      sortable: false,
-      minWidth: 30,
-      rerenderOnResize: false,
-      headerCssClass: null,
-      defaultSortAsc: true,
-      focusable: true,
-      selectable: true
-    };
-
-    // scroller
-    var th;   // virtual height
-    var h;    // real scrollable height
-    var ph;   // page height
-    var n;    // number of pages
-    var cj;   // "jumpiness" coefficient
-
-    var page = 0;       // current page
-    var offset = 0;     // current page offset
-    var vScrollDir = 1;
-
-    // private
-    var initialized = false;
-    var $container;
-    var uid = "slickgrid_" + Math.round(1000000 * Math.random());
-    var self = this;
-    var $focusSink, $focusSink2;
-    var $headerScroller;
-    var $headers;
-    var $headerRow, $headerRowScroller, $headerRowSpacer;
-    var $topPanelScroller;
-    var $topPanel;
-    var $viewport;
-    var $canvas;
-    var $style;
-    var $boundAncestors;
-    var stylesheet, columnCssRulesL, columnCssRulesR;
-    var viewportH, viewportW;
-    var canvasWidth;
-    var viewportHasHScroll, viewportHasVScroll;
-    var headerColumnWidthDiff = 0, headerColumnHeightDiff = 0, // border+padding
-        cellWidthDiff = 0, cellHeightDiff = 0;
-    var absoluteColumnMinWidth;
-
-    var tabbingDirection = 1;
-    var activePosX;
-    var activeRow, activeCell;
-    var activeCellNode = null;
-    var currentEditor = null;
-    var serializedEditorValue;
-    var editController;
-
-    var rowsCache = {};
-    var renderedRows = 0;
-    var numVisibleRows;
-    var prevScrollTop = 0;
-    var scrollTop = 0;
-    var lastRenderedScrollTop = 0;
-    var lastRenderedScrollLeft = 0;
-    var prevScrollLeft = 0;
-    var scrollLeft = 0;
-
-    var selectionModel;
-    var selectedRows = [];
-
-    var plugins = [];
-    var cellCssClasses = {};
-
-    var columnsById = {};
-    var sortColumns = [];
-    var columnPosLeft = [];
-    var columnPosRight = [];
-
-
-    // async call handles
-    var h_editorLoader = null;
-    var h_render = null;
-    var h_postrender = null;
-    var postProcessedRows = {};
-    var postProcessToRow = null;
-    var postProcessFromRow = null;
-
-    // perf counters
-    var counter_rows_rendered = 0;
-    var counter_rows_removed = 0;
-
-
-    //////////////////////////////////////////////////////////////////////////////////////////////
-    // Initialization
-
-    function init() {
-      $container = $(container);
-      if ($container.length < 1) {
-        throw new Error("SlickGrid requires a valid container, " + container + " does not exist in the DOM.");
-      }
-
-      // calculate these only once and share between grid instances
-      maxSupportedCssHeight = maxSupportedCssHeight || getMaxSupportedCssHeight();
-      scrollbarDimensions = scrollbarDimensions || measureScrollbar();
-
-      options = $.extend({}, defaults, options);
-      validateAndEnforceOptions();
-      columnDefaults.width = options.defaultColumnWidth;
-
-      columnsById = {};
-      for (var i = 0; i < columns.length; i++) {
-        var m = columns[i] = $.extend({}, columnDefaults, columns[i]);
-        columnsById[m.id] = i;
-        if (m.minWidth && m.width < m.minWidth) {
-          m.width = m.minWidth;
-        }
-        if (m.maxWidth && m.width > m.maxWidth) {
-          m.width = m.maxWidth;
-        }
-      }
-
-      // validate loaded JavaScript modules against requested options
-      if (options.enableColumnReorder && !$.fn.sortable) {
-        throw new Error("SlickGrid's 'enableColumnReorder = true' option requires jquery-ui.sortable module to be loaded");
-      }
-
-      editController = {
-        "commitCurrentEdit": commitCurrentEdit,
-        "cancelCurrentEdit": cancelCurrentEdit
-      };
-
-      $container
-          .empty()
-          .css("overflow", "hidden")
-          .css("outline", 0)
-          .addClass(uid)
-          .addClass("ui-widget");
-
-      // set up a positioning container if needed
-      if (!/relative|absolute|fixed/.test($container.css("position"))) {
-        $container.css("position", "relative");
-      }
-
-      $focusSink = $("<div tabIndex='0' hideFocus style='position:fixed;width:0;height:0;top:0;left:0;outline:0;'></div>").appendTo($container);
-
-      $headerScroller = $("<div class='slick-header ui-state-default' style='overflow:hidden;position:relative;' />").appendTo($container);
-      $headers = $("<div class='slick-header-columns' style='left:-1000px' />").appendTo($headerScroller);
-      $headers.width(getHeadersWidth());
-
-      $headerRowScroller = $("<div class='slick-headerrow ui-state-default' style='overflow:hidden;position:relative;' />").appendTo($container);
-      $headerRow = $("<div class='slick-headerrow-columns' />").appendTo($headerRowScroller);
-      $headerRowSpacer = $("<div style='display:block;height:1px;position:absolute;top:0;left:0;'></div>")
-          .css("width", getCanvasWidth() + scrollbarDimensions.width + "px")
-          .appendTo($headerRowScroller);
-
-      $topPanelScroller = $("<div class='slick-top-panel-scroller ui-state-default' style='overflow:hidden;position:relative;' />").appendTo($container);
-      $topPanel = $("<div class='slick-top-panel' style='width:10000px' />").appendTo($topPanelScroller);
-
-      if (!options.showTopPanel) {
-        $topPanelScroller.hide();
-      }
+    // Slick.Grid
+    $.extend(true, window, {
+        Slick: {
+            Grid: SlickGrid
+        }
+    });
 
-      if (!options.showHeaderRow) {
-        $headerRowScroller.hide();
-      }
+    // shared across all grids on the page
+    var scrollbarDimensions;
+    var maxSupportedCssHeight; // browser's breaking point
 
-      $viewport = $("<div class='slick-viewport' style='width:100%;overflow:auto;outline:0;position:relative;;'>").appendTo($container);
-      $viewport.css("overflow-y", options.autoHeight ? "hidden" : "auto");
+    // ////////////////////////////////////////////////////////////////////////////////////////////
+    // SlickGrid class implementation (available as Slick.Grid)
 
-      $canvas = $("<div class='grid-canvas' />").appendTo($viewport);
+    /**
+     * Creates a new instance of the grid.
+     * @class SlickGrid
+     * @constructor
+     * @param {Node}              container   Container node to create the grid in.
+     * @param {Array,Object}      data        An array of objects for databinding.
+     * @param {Array}             columns     An array of column definitions.
+     * @param {Object}            options     Grid options.
+     **/
+    function SlickGrid(container, data, columns, options) {
+        // settings
+        var defaults = {
+            explicitInitialization: false,
+            rowHeight: 25,
+            defaultColumnWidth: 80,
+            enableAddRow: false,
+            leaveSpaceForNewRows: false,
+            editable: false,
+            autoEdit: true,
+            enableCellNavigation: true,
+            enableColumnReorder: true,
+            asyncEditorLoading: false,
+            asyncEditorLoadDelay: 100,
+            forceFitColumns: false,
+            enableAsyncPostRender: false,
+            asyncPostRenderDelay: 50,
+            autoHeight: false,
+            editorLock: Slick.GlobalEditorLock,
+            showHeaderRow: false,
+            headerRowHeight: 25,
+            showTopPanel: false,
+            topPanelHeight: 25,
+            formatterFactory: null,
+            editorFactory: null,
+            cellFlashingCssClass: "flashing",
+            selectedCellCssClass: "selected",
+            multiSelect: true,
+            enableTextSelectionOnCells: false,
+            dataItemColumnValueExtractor: null,
+            frozenBottom: false,
+            frozenColumn: -1,
+            frozenRow: -1,
+            fullWidthRows: false,
+            multiColumnSort: false,
+            defaultFormatter: defaultFormatter,
+            forceSyncScrolling: false
+        };
 
-      $focusSink2 = $focusSink.clone().appendTo($container);
+        var columnDefaults = {
+            name: "",
+            resizable: true,
+            sortable: false,
+            minWidth: 30,
+            rerenderOnResize: false,
+            headerCssClass: null,
+            defaultSortAsc: true,
+            focusable: true,
+            selectable: true
+        };
 
-      if (!options.explicitInitialization) {
-        finishInitialization();
-      }
-    }
+        // scroller
+        var th;   // virtual height
+        var h;    // real scrollable height
+        var ph;   // page height
+        var n;    // number of pages
+        var cj;   // "jumpiness" coefficient
+
+        var page = 0; // current page
+        var offset = 0; // current page offset
+        var vScrollDir = 1;
+
+        // private
+        var initialized = false;
+        var $container;
+        var uid = "slickgrid_" + Math.round(1000000 * Math.random());
+        var self = this;
+        var $focusSink, $focusSink2;
+        var $headerScroller;
+        var $headers;
+        var $headerRow, $headerRowScroller, $headerRowSpacerL, $headerRowSpacerR;
+        var $topPanelScroller;
+        var $topPanel;
+        var $viewport;
+        var $canvas;
+        var $style;
+        var $boundAncestors;
+        var stylesheet, columnCssRulesL, columnCssRulesR;
+        var viewportH, viewportW;
+        var canvasWidth, canvasWidthL, canvasWidthR;
+        var headersWidth, headersWidthL, headersWidthR;
+        var viewportHasHScroll, viewportHasVScroll;
+        var headerColumnWidthDiff = 0,
+            headerColumnHeightDiff = 0,
+        // border+padding
+            cellWidthDiff = 0,
+            cellHeightDiff = 0;
+        var absoluteColumnMinWidth;
+        var hasFrozenRows = false;
+        var frozenRowsHeight = 0;
+        var actualFrozenRow = -1;
+        var paneTopH = 0;
+        var paneBottomH = 0;
+        var viewportTopH = 0;
+        var viewportBottomH = 0;
+        var topPanelH = 0;
+        var headerRowH = 0;
+
+        var tabbingDirection = 1;
+        var $activeCanvasNode;
+        var $activeViewportNode;
+        var activePosX;
+        var activeRow, activeCell;
+        var activeCellNode = null;
+        var currentEditor = null;
+        var serializedEditorValue;
+        var editController;
+
+        var rowsCache = {};
+        var renderedRows = 0;
+        var numVisibleRows = 0;
+        var prevScrollTop = 0;
+        var scrollTop = 0;
+        var lastRenderedScrollTop = 0;
+        var lastRenderedScrollLeft = 0;
+        var prevScrollLeft = 0;
+        var scrollLeft = 0;
+
+        var selectionModel;
+        var selectedRows = [];
+
+        var plugins = [];
+        var cellCssClasses = {};
+
+        var columnsById = {};
+        var sortColumns = [];
+        var columnPosLeft = [];
+        var columnPosRight = [];
+
+        // async call handles
+        var h_editorLoader = null;
+        var h_render = null;
+        var h_postrender = null;
+        var postProcessedRows = {};
+        var postProcessToRow = null;
+        var postProcessFromRow = null;
+
+        // perf counters
+        var counter_rows_rendered = 0;
+        var counter_rows_removed = 0;
+
+        var $paneHeaderL;
+        var $paneHeaderR;
+        var $paneTopL;
+        var $paneTopR;
+        var $paneBottomL;
+        var $paneBottomR;
+
+        var $headerScrollerL;
+        var $headerScrollerR;
+
+        var $headerL;
+        var $headerR;
+
+        var $headerRowScrollerL;
+        var $headerRowScrollerR;
+
+        var $headerRowL;
+        var $headerRowR;
+
+        var $topPanelScrollerL;
+        var $topPanelScrollerR;
+
+        var $topPanelL;
+        var $topPanelR;
+
+        var $viewportTopL;
+        var $viewportTopR;
+        var $viewportBottomL;
+        var $viewportBottomR;
+
+        var $canvasTopL;
+        var $canvasTopR;
+        var $canvasBottomL;
+        var $canvasBottomR;
+
+        var $viewportScrollContainerX;
+        var $viewportScrollContainerY;
+        var $headerScrollContainer;
+        var $headerRowScrollContainer;
+
+        // ////////////////////////////////////////////////////////////////////////////////////////////
+        // Initialization
+
+        function init() {
+            $container = $(container);
+            if ($container.length < 1) {
+                throw new Error("SlickGrid requires a valid container, " + container + " does not exist in the DOM.");
+            }
 
-    function finishInitialization() {
-      if (!initialized) {
-        initialized = true;
-
-        viewportW = parseFloat($.css($container[0], "width", true));
-
-        // header columns and cells may have different padding/border skewing width calculations (box-sizing, hello?)
-        // calculate the diff so we can set consistent sizes
-        measureCellPaddingAndBorder();
-
-        // for usability reasons, all text selection in SlickGrid is disabled
-        // with the exception of input and textarea elements (selection must
-        // be enabled there so that editors work as expected); note that
-        // selection in grid cells (grid body) is already unavailable in
-        // all browsers except IE
-        disableSelection($headers); // disable all text selection in header (including input and textarea)
-
-        if (!options.enableTextSelectionOnCells) {
-          // disable text selection in grid cells except in input and textarea elements
-          // (this is IE-specific, because selectstart event will only fire in IE)
-          $viewport.bind("selectstart.ui", function (event) {
-            return $(event.target).is("input,textarea");
-          });
-        }
-
-        updateColumnCaches();
-        createColumnHeaders();
-        setupColumnSort();
-        createCssRules();
-        resizeCanvas();
-        bindAncestorScrollEvents();
-
-        $container
-            .bind("resize.slickgrid", resizeCanvas);
-        $viewport
-            //.bind("click", handleClick)
-            .bind("scroll", handleScroll);
-        $headerScroller
-            .bind("contextmenu", handleHeaderContextMenu)
-            .bind("click", handleHeaderClick)
-            .delegate(".slick-header-column", "mouseenter", handleHeaderMouseEnter)
-            .delegate(".slick-header-column", "mouseleave", handleHeaderMouseLeave);
-        $headerRowScroller
-            .bind("scroll", handleHeaderRowScroll);
-        $focusSink.add($focusSink2)
-            .bind("keydown", handleKeyDown);
-        $canvas
-            .bind("keydown", handleKeyDown)
-            .bind("click", handleClick)
-            .bind("dblclick", handleDblClick)
-            .bind("contextmenu", handleContextMenu)
-            .bind("draginit", handleDragInit)
-            .bind("dragstart", {distance: 3}, handleDragStart)
-            .bind("drag", handleDrag)
-            .bind("dragend", handleDragEnd)
-            .delegate(".slick-cell", "mouseenter", handleMouseEnter)
-            .delegate(".slick-cell", "mouseleave", handleMouseLeave);
-      }
-    }
+            // calculate these only once and share between grid instances
+            maxSupportedCssHeight = maxSupportedCssHeight || getMaxSupportedCssHeight();
+            scrollbarDimensions = scrollbarDimensions || measureScrollbar();
 
-    function registerPlugin(plugin) {
-      plugins.unshift(plugin);
-      plugin.init(self);
-    }
+            options = $.extend({}, defaults, options);
+            validateAndEnforceOptions();
+            columnDefaults.width = options.defaultColumnWidth;
 
-    function unregisterPlugin(plugin) {
-      for (var i = plugins.length; i >= 0; i--) {
-        if (plugins[i] === plugin) {
-          if (plugins[i].destroy) {
-            plugins[i].destroy();
-          }
-          plugins.splice(i, 1);
-          break;
-        }
-      }
-    }
+            columnsById = {};
+            for (var i = 0; i < columns.length; i++) {
+                var m = columns[i] = $.extend({}, columnDefaults, columns[i]);
+                columnsById[m.id] = i;
+                if (m.minWidth && m.width < m.minWidth) {
+                    m.width = m.minWidth;
+                }
+                if (m.maxWidth && m.width > m.maxWidth) {
+                    m.width = m.maxWidth;
+                }
+            }
 
-    function setSelectionModel(model) {
-      if (selectionModel) {
-        selectionModel.onSelectedRangesChanged.unsubscribe(handleSelectedRangesChanged);
-        if (selectionModel.destroy) {
-          selectionModel.destroy();
-        }
-      }
+            // validate loaded JavaScript modules against requested options
+            if (options.enableColumnReorder && !$.fn.sortable) {
+                throw new Error("SlickGrid's 'enableColumnReorder = true' option requires jquery-ui.sortable module to be loaded");
+            }
 
-      selectionModel = model;
-      if (selectionModel) {
-        selectionModel.init(self);
-        selectionModel.onSelectedRangesChanged.subscribe(handleSelectedRangesChanged);
-      }
-    }
+            editController = {
+                "commitCurrentEdit": commitCurrentEdit,
+                "cancelCurrentEdit": cancelCurrentEdit
+            };
+
+            $container
+                .empty()
+                .css("overflow", "hidden")
+                .css("outline", 0)
+                .addClass(uid)
+                .addClass("ui-widget");
+
+            // set up a positioning container if needed
+            if (!/relative|absolute|fixed/.test($container.css("position"))) {
+                $container.css("position", "relative");
+            }
 
-    function getSelectionModel() {
-      return selectionModel;
-    }
+            $focusSink = $("<div tabIndex='0' hideFocus style='position:fixed;width:0;height:0;top:0;left:0;outline:0;'></div>").appendTo($container);
 
-    function getCanvasNode() {
-      return $canvas[0];
-    }
+            // Containers used for scrolling frozen columns and rows
+            $paneHeaderL = $("<div class='slick-pane slick-pane-header slick-pane-left' tabIndex='0' />").appendTo($container);
+            $paneHeaderR = $("<div class='slick-pane slick-pane-header slick-pane-right' tabIndex='0' />").appendTo($container);
+            $paneTopL = $("<div class='slick-pane slick-pane-top slick-pane-left' tabIndex='0' />").appendTo($container);
+            $paneTopR = $("<div class='slick-pane slick-pane-top slick-pane-right' tabIndex='0' />").appendTo($container);
+            $paneBottomL = $("<div class='slick-pane slick-pane-bottom slick-pane-left' tabIndex='0' />").appendTo($container);
+            $paneBottomR = $("<div class='slick-pane slick-pane-bottom slick-pane-right' tabIndex='0' />").appendTo($container);
 
-    function measureScrollbar() {
-      var $c = $("<div style='position:absolute; top:-10000px; left:-10000px; width:100px; height:100px; overflow:scroll;'></div>").appendTo("body");
-      var dim = {
-        width: $c.width() - $c[0].clientWidth,
-        height: $c.height() - $c[0].clientHeight
-      };
-      $c.remove();
-      return dim;
-    }
+            // Append the header scroller containers
+            $headerScrollerL = $("<div class='ui-state-default slick-header slick-header-left' />").appendTo($paneHeaderL);
+            $headerScrollerR = $("<div class='ui-state-default slick-header slick-header-right' />").appendTo($paneHeaderR);
 
-    function getHeadersWidth() {
-      var headersWidth = 0;
-      for (var i = 0, ii = columns.length; i < ii; i++) {
-        var width = columns[i].width;
-        headersWidth += width;
-      }
-      headersWidth += scrollbarDimensions.width;
-      return Math.max(headersWidth, viewportW) + 1000;
-    }
+            // Cache the header scroller containers
+            $headerScroller = $().add($headerScrollerL).add($headerScrollerR);
 
-    function getCanvasWidth() {
-      var availableWidth = viewportHasVScroll ? viewportW - scrollbarDimensions.width : viewportW;
-      var rowWidth = 0;
-      var i = columns.length;
-      while (i--) {
-        rowWidth += columns[i].width;
-      }
-      return options.fullWidthRows ? Math.max(rowWidth, availableWidth) : rowWidth;
-    }
+            // Append the columnn containers to the headers
+            $headerL = $("<div class='slick-header-columns slick-header-columns-left' style='left:-1000px' />").appendTo($headerScrollerL);
+            $headerR = $("<div class='slick-header-columns slick-header-columns-right' style='left:-1000px' />").appendTo($headerScrollerR);
 
-    function updateCanvasWidth(forceColumnWidthsUpdate) {
-      var oldCanvasWidth = canvasWidth;
-      canvasWidth = getCanvasWidth();
+            // Cache the header columns
+            $headers = $().add($headerL).add($headerR);
 
-      if (canvasWidth != oldCanvasWidth) {
-        $canvas.width(canvasWidth);
-        $headerRow.width(canvasWidth);
-        $headers.width(getHeadersWidth());
-        viewportHasHScroll = (canvasWidth > viewportW - scrollbarDimensions.width);
-      }
+            $headerRowScrollerL = $("<div class='ui-state-default slick-headerrow' />").appendTo($paneTopL);
+            $headerRowScrollerR = $("<div class='ui-state-default slick-headerrow' />").appendTo($paneTopR);
 
-      $headerRowSpacer.width(canvasWidth + (viewportHasVScroll ? scrollbarDimensions.width : 0));
+            $headerRowScroller = $().add($headerRowScrollerL).add($headerRowScrollerR);
 
-      if (canvasWidth != oldCanvasWidth || forceColumnWidthsUpdate) {
-        applyColumnWidths();
-      }
-    }
+            $headerRowSpacerL = $("<div style='display:block;height:1px;position:absolute;top:0;left:0;'></div>")
+                .css("width", getCanvasWidth() + scrollbarDimensions.width + "px")
+                .appendTo($headerRowScrollerL);
+            $headerRowSpacerR = $("<div style='display:block;height:1px;position:absolute;top:0;left:0;'></div>")
+                .css("width", getCanvasWidth() + scrollbarDimensions.width + "px")
+                .appendTo($headerRowScrollerR);
 
-    function disableSelection($target) {
-      if ($target && $target.jquery) {
-        $target
-            .attr("unselectable", "on")
-            .css("MozUserSelect", "none")
-            .bind("selectstart.ui", function () {
-              return false;
-            }); // from jquery:ui.core.js 1.7.2
-      }
-    }
 
-    function getMaxSupportedCssHeight() {
-      var supportedHeight = 1000000;
-      // FF reports the height back but still renders blank after ~6M px
-      var testUpTo = navigator.userAgent.toLowerCase().match(/firefox/) ? 6000000 : 1000000000;
-      var div = $("<div style='display:none' />").appendTo(document.body);
+            $headerRowL = $("<div class='slick-headerrow-columns slick-headerrow-columns-left' />").appendTo($headerRowScrollerL);
+            $headerRowR = $("<div class='slick-headerrow-columns slick-headerrow-columns-right' />").appendTo($headerRowScrollerR);
 
-      while (true) {
-        var test = supportedHeight * 2;
-        div.css("height", test);
-        if (test > testUpTo || div.height() !== test) {
-          break;
-        } else {
-          supportedHeight = test;
-        }
-      }
+            $headerRow = $().add($headerRowL).add($headerRowR);
 
-      div.remove();
-      return supportedHeight;
-    }
+            // Append the top panel scroller
+            $topPanelScrollerL = $("<div class='ui-state-default slick-top-panel-scroller' />").appendTo($paneTopL);
+            $topPanelScrollerR = $("<div class='ui-state-default slick-top-panel-scroller' />").appendTo($paneTopR);
 
-    // TODO:  this is static.  need to handle page mutation.
-    function bindAncestorScrollEvents() {
-      var elem = $canvas[0];
-      while ((elem = elem.parentNode) != document.body && elem != null) {
-        // bind to scroll containers only
-        if (elem == $viewport[0] || elem.scrollWidth != elem.clientWidth || elem.scrollHeight != elem.clientHeight) {
-          var $elem = $(elem);
-          if (!$boundAncestors) {
-            $boundAncestors = $elem;
-          } else {
-            $boundAncestors = $boundAncestors.add($elem);
-          }
-          $elem.bind("scroll." + uid, handleActiveCellPositionChange);
-        }
-      }
-    }
+            $topPanelScroller = $().add($topPanelScrollerL).add($topPanelScrollerR);
 
-    function unbindAncestorScrollEvents() {
-      if (!$boundAncestors) {
-        return;
-      }
-      $boundAncestors.unbind("scroll." + uid);
-      $boundAncestors = null;
-    }
+            // Append the top panel
+            $topPanelL = $("<div class='slick-top-panel' style='width:10000px' />").appendTo($topPanelScrollerL);
+            $topPanelR = $("<div class='slick-top-panel' style='width:10000px' />").appendTo($topPanelScrollerR);
 
-    function updateColumnHeader(columnId, title, toolTip) {
-      if (!initialized) { return; }
-      var idx = getColumnIndex(columnId);
-      if (idx == null) {
-        return;
-      }
+            $topPanel = $().add($topPanelL).add($topPanelR);
 
-      var columnDef = columns[idx];
-      var $header = $headers.children().eq(idx);
-      if ($header) {
-        if (title !== undefined) {
-          columns[idx].name = title;
-        }
-        if (toolTip !== undefined) {
-          columns[idx].toolTip = toolTip;
-        }
+            if (!options.showTopPanel) {
+                $topPanelScroller.hide();
+            }
 
-        trigger(self.onBeforeHeaderCellDestroy, {
-          "node": $header[0],
-          "column": columnDef
-        });
+            if (!options.showHeaderRow) {
+                $headerRowScroller.hide();
+            }
 
-        $header
-            .attr("title", toolTip || "")
-            .children().eq(0).html(title);
+            // Append the viewport containers
+            $viewportTopL = $("<div class='slick-viewport slick-viewport-top slick-viewport-left' tabIndex='0' hideFocus />").appendTo($paneTopL);
+            $viewportTopR = $("<div class='slick-viewport slick-viewport-top slick-viewport-right' tabIndex='0' hideFocus />").appendTo($paneTopR);
+            $viewportBottomL = $("<div class='slick-viewport slick-viewport-bottom slick-viewport-left' tabIndex='0' hideFocus />").appendTo($paneBottomL);
+            $viewportBottomR = $("<div class='slick-viewport slick-viewport-bottom slick-viewport-right' tabIndex='0' hideFocus />").appendTo($paneBottomR);
 
-        trigger(self.onHeaderCellRendered, {
-          "node": $header[0],
-          "column": columnDef
-        });
-      }
-    }
+            // Cache the viewports
+            $viewport = $().add($viewportTopL).add($viewportTopR).add($viewportBottomL).add($viewportBottomR);
 
-    function getHeaderRow() {
-      return $headerRow[0];
-    }
+            // Default the active viewport to the top left
+            $activeViewportNode = $viewportTopL;
 
-    function getHeaderRowColumn(columnId) {
-      var idx = getColumnIndex(columnId);
-      var $header = $headerRow.children().eq(idx);
-      return $header && $header[0];
-    }
+            // Append the canvas containers
+            $canvasTopL = $("<div class='grid-canvas grid-canvas-top grid-canvas-left' tabIndex='0' hideFocus />").appendTo($viewportTopL);
+            $canvasTopR = $("<div class='grid-canvas grid-canvas-top grid-canvas-right' tabIndex='0' hideFocus />").appendTo($viewportTopR);
+            $canvasBottomL = $("<div class='grid-canvas grid-canvas-bottom grid-canvas-left' tabIndex='0' hideFocus />").appendTo($viewportBottomL);
+            $canvasBottomR = $("<div class='grid-canvas grid-canvas-bottom grid-canvas-right' tabIndex='0' hideFocus />").appendTo($viewportBottomR);
 
-    function createColumnHeaders() {
-      function onMouseEnter() {
-        $(this).addClass("ui-state-hover");
-      }
-
-      function onMouseLeave() {
-        $(this).removeClass("ui-state-hover");
-      }
-
-      $headers.find(".slick-header-column")
-        .each(function() {
-          var columnDef = $(this).data("column");
-          if (columnDef) {
-            trigger(self.onBeforeHeaderCellDestroy, {
-              "node": this,
-              "column": columnDef
-            });
-          }
-        });
-      $headers.empty();
-      $headers.width(getHeadersWidth());
-
-      $headerRow.find(".slick-headerrow-column")
-        .each(function() {
-          var columnDef = $(this).data("column");
-          if (columnDef) {
-            trigger(self.onBeforeHeaderRowCellDestroy, {
-              "node": this,
-              "column": columnDef
-            });
-          }
-        });
-      $headerRow.empty();
+            // Cache the canvases
+            $canvas = $().add($canvasTopL).add($canvasTopR).add($canvasBottomL).add($canvasBottomR);
 
-      for (var i = 0; i < columns.length; i++) {
-        var m = columns[i];
+            // Default the active canvas to the top left
+            $activeCanvasNode = $canvasTopL;
 
-        var header = $("<div class='ui-state-default slick-header-column' />")
-            .html("<span class='slick-column-name'>" + m.name + "</span>")
-            .width(m.width - headerColumnWidthDiff)
-            .attr("id", "" + uid + m.id)
-            .attr("title", m.toolTip || "")
-            .data("column", m)
-            .addClass(m.headerCssClass || "")
-            .appendTo($headers);
+            $focusSink2 = $focusSink.clone().appendTo($container);
 
-        if (options.enableColumnReorder || m.sortable) {
-          header
-            .on('mouseenter', onMouseEnter)
-            .on('mouseleave', onMouseLeave);
+            if (!options.explicitInitialization) {
+                finishInitialization();
+            }
         }
 
-        if (m.sortable) {
-          header.addClass("slick-header-sortable");
-          header.append("<span class='slick-sort-indicator' />");
-        }
+        function finishInitialization() {
+            if (!initialized) {
+                initialized = true;
+
+                getViewportWidth();
+                getViewportHeight();
+
+                // header columns and cells may have different padding/border
+                // skewing width calculations (box-sizing, hello?)
+                // calculate the diff so we can set consistent sizes
+                measureCellPaddingAndBorder();
+
+                // for usability reasons, all text selection in SlickGrid is
+                // disabled with the exception of input and textarea elements (selection
+                // must be enabled there so that editors work as expected); note that
+                // selection in grid cells (grid body) is already unavailable in
+                // all browsers except IE
+                disableSelection($headers); // disable all text selection in header (including input and textarea)
+
+                if (!options.enableTextSelectionOnCells) {
+                    // disable text selection in grid cells except in input and textarea elements
+                    // (this is IE-specific, because selectstart event will only fire in IE)
+                    $viewport.bind("selectstart.ui", function (event) {
+                        return $(event.target).is("input,textarea");
+                    });
+                }
 
-        trigger(self.onHeaderCellRendered, {
-          "node": header[0],
-          "column": m
-        });
+                setFrozenOptions();
+                setPaneVisibility();
+                setScroller();
+                setOverflow();
+
+                updateColumnCaches();
+                createColumnHeaders();
+                setupColumnSort();
+                createCssRules();
+                resizeCanvas();
+                bindAncestorScrollEvents();
+
+                $container
+                    .bind("resize.slickgrid", resizeCanvas);
+                $viewport
+                    //.bind("click", handleClick)
+                    .bind("scroll", handleScroll);
+                if (jQuery.fn.mousewheel && ( options.frozenColumn > -1 || hasFrozenRows )) {
+                    $viewport
+                        .bind("mousewheel", handleMouseWheel);
+                }
+                $headerScroller
+                    .bind("contextmenu", handleHeaderContextMenu)
+                    .bind("click", handleHeaderClick)
+                    .delegate(".slick-header-column", "mouseenter", handleHeaderMouseEnter)
+                    .delegate(".slick-header-column", "mouseleave", handleHeaderMouseLeave);
+                $headerRowScroller
+                    .bind("scroll", handleHeaderRowScroll);
+                $focusSink.add($focusSink2)
+                    .bind("keydown", handleKeyDown);
+                $canvas
+                    .bind("keydown", handleKeyDown)
+                    .bind("click", handleClick)
+                    .bind("dblclick", handleDblClick)
+                    .bind("contextmenu", handleContextMenu)
+                    .bind("draginit", handleDragInit)
+                    .bind("dragstart", {distance: 3}, handleDragStart)
+                    .bind("drag", handleDrag)
+                    .bind("dragend", handleDragEnd)
+                    .delegate(".slick-cell", "mouseenter", handleMouseEnter)
+                    .delegate(".slick-cell", "mouseleave", handleMouseLeave);
+            }
+        }
 
-        if (options.showHeaderRow) {
-          var headerRowCell = $("<div class='ui-state-default slick-headerrow-column l" + i + " r" + i + "'></div>")
-              .data("column", m)
-              .appendTo($headerRow);
+        function registerPlugin(plugin) {
+            plugins.unshift(plugin);
+            plugin.init(self);
+        }
 
-          trigger(self.onHeaderRowCellRendered, {
-            "node": headerRowCell[0],
-            "column": m
-          });
+        function unregisterPlugin(plugin) {
+            for (var i = plugins.length; i >= 0; i--) {
+                if (plugins[i] === plugin) {
+                    if (plugins[i].destroy) {
+                        plugins[i].destroy();
+                    }
+                    plugins.splice(i, 1);
+                    break;
+                }
+            }
         }
-      }
 
-      setSortColumns(sortColumns);
-      setupColumnResize();
-      if (options.enableColumnReorder) {
-        setupColumnReorder();
-      }
-    }
+        function setSelectionModel(model) {
+            if (selectionModel) {
+                selectionModel.onSelectedRangesChanged.unsubscribe(handleSelectedRangesChanged);
+                if (selectionModel.destroy) {
+                    selectionModel.destroy();
+                }
+            }
 
-    function setupColumnSort() {
-      $headers.click(function (e) {
-        // temporary workaround for a bug in jQuery 1.7.1 (http://bugs.jquery.com/ticket/11328)
-        e.metaKey = e.metaKey || e.ctrlKey;
+            selectionModel = model;
+            if (selectionModel) {
+                selectionModel.init(self);
+                selectionModel.onSelectedRangesChanged.subscribe(handleSelectedRangesChanged);
+            }
+        }
 
-        if ($(e.target).hasClass("slick-resizable-handle")) {
-          return;
+        function getSelectionModel() {
+            return selectionModel;
         }
 
-        var $col = $(e.target).closest(".slick-header-column");
-        if (!$col.length) {
-          return;
+        function getCanvasNode() {
+            return $canvas[0];
         }
 
-        var column = $col.data("column");
-        if (column.sortable) {
-          if (!getEditorLock().commitCurrentEdit()) {
-            return;
-          }
+        function getActiveCanvasNode(element) {
+            setActiveCanvasNode(element);
 
-          var sortOpts = null;
-          var i = 0;
-          for (; i < sortColumns.length; i++) {
-            if (sortColumns[i].columnId == column.id) {
-              sortOpts = sortColumns[i];
-              sortOpts.sortAsc = !sortOpts.sortAsc;
-              break;
-            }
-          }
+            return $activeCanvasNode[0];
+        }
 
-          if (e.metaKey && options.multiColumnSort) {
-            if (sortOpts) {
-              sortColumns.splice(i, 1);
-            }
-          }
-          else {
-            if ((!e.shiftKey && !e.metaKey) || !options.multiColumnSort) {
-              sortColumns = [];
-            }
+        function getCanvases() {
+            return $canvas;
+        }
 
-            if (!sortOpts) {
-              sortOpts = { columnId: column.id, sortAsc: column.defaultSortAsc };
-              sortColumns.push(sortOpts);
-            } else if (sortColumns.length == 0) {
-              sortColumns.push(sortOpts);
+        function setActiveCanvasNode(element) {
+            if (element) {
+                $activeCanvasNode = $(element.target).closest('.grid-canvas');
             }
-          }
-
-          setSortColumns(sortColumns);
+        }
 
-          if (!options.multiColumnSort) {
-            trigger(self.onSort, {
-              multiColumnSort: false,
-              sortCol: column,
-              sortAsc: sortOpts.sortAsc}, e);
-          } else {
-            trigger(self.onSort, {
-              multiColumnSort: true,
-              sortCols: $.map(sortColumns, function(col) {
-                return {sortCol: columns[getColumnIndex(col.columnId)], sortAsc: col.sortAsc };
-              })}, e);
-          }
+        function getViewportNode() {
+            return $viewport[0];
         }
-      });
-    }
 
-    function setupColumnReorder() {
-      $headers.filter(":ui-sortable").sortable("destroy");
-            var columnScrollTimer = null;
-            var viewportLeft = $viewport.offset().left;
+        function getActiveViewportNode(element) {
+            setActiveViewPortNode(element);
 
-            function scrollColumnsRight() {
-                $viewport[0].scrollLeft = $viewport[0].scrollLeft + 10;
-            }
+            return $activeViewportNode[0];
+        }
 
-            function scrollColumnsLeft() {
-                $viewport[0].scrollLeft = $viewport[0].scrollLeft - 10;
-            }
-
-      $headers.sortable({
-        containment: "parent",
-        distance: 3,
-        axis: "x",
-        cursor: "default",
-        tolerance: "intersection",
-        helper: "clone",
-        placeholder: "slick-sortable-placeholder ui-state-default slick-header-column",
-        start: function (e, ui) {
-          ui.placeholder.width(ui.helper.outerWidth() - headerColumnWidthDiff);
-          $(ui.helper).addClass("slick-header-column-active");
-        },
-        beforeStop: function (e, ui) {
-          $(ui.helper).removeClass("slick-header-column-active");
-        },
-        sort: function(e, ui) {
-                   if ( e.originalEvent.pageX > $viewport[0].clientWidth ) {
-                       if ( !( columnScrollTimer ) ) {
-                           columnScrollTimer = setInterval(scrollColumnsRight, 100);
-                        }
-                    } else if ( e.originalEvent.pageX < viewportLeft ) {
-                        if ( !( columnScrollTimer ) ) {
-                            columnScrollTimer = setInterval(scrollColumnsLeft, 100);
-                        }
-                    } else {
-                        clearInterval(columnScrollTimer);
-                        columnScrollTimer = null;
-                    }
-                },
-        stop: function (e) {
-                    clearInterval( columnScrollTimer );
-                    columnScrollTimer = null;
+        function setActiveViewportNode(element) {
+            if (element) {
+                $activeViewportNode = $(element.target).closest('.slick-viewport');
+            }
+        }
 
-          if (!getEditorLock().commitCurrentEdit()) {
-            $(this).sortable("cancel");
-            return;
-          }
+        function measureScrollbar() {
+            var $c = $("<div style='position:absolute; top:-10000px; left:-10000px; width:100px; height:100px; overflow:scroll;'></div>").appendTo("body");
+            var dim = {
+                width: $c.width() - $c[0].clientWidth,
+                height: $c.height() - $c[0].clientHeight
+            };
+            $c.remove();
+            return dim;
+        }
 
-          var reorderedIds = $headers.sortable("toArray");
-          var reorderedColumns = [];
-          for (var i = 0; i < reorderedIds.length; i++) {
-            reorderedColumns.push(columns[getColumnIndex(reorderedIds[i].replace(uid, ""))]);
-          }
-          setColumns(reorderedColumns);
+        function getHeadersWidth() {
+            headersWidth = headersWidthL = headersWidthR = 0;
 
-          trigger(self.onColumnsReordered, {});
-          e.stopPropagation();
-          setupColumnResize();
-        }
-      });
-    }
+            for (var i = 0, ii = columns.length; i < ii; i++) {
+                var width = columns[ i ].width;
 
-    function setupColumnResize() {
-      var $col, j, c, pageX, columnElements, minPageX, maxPageX, firstResizable, lastResizable;
-      columnElements = $headers.children();
-      columnElements.find(".slick-resizable-handle").remove();
-      columnElements.each(function (i, e) {
-        if (columns[i].resizable) {
-          if (firstResizable === undefined) {
-            firstResizable = i;
-          }
-          lastResizable = i;
-        }
-      });
-      if (firstResizable === undefined) {
-        return;
-      }
-      columnElements.each(function (i, e) {
-        if (i < firstResizable || (options.forceFitColumns && i >= lastResizable)) {
-          return;
-        }
-        $col = $(e);
-        $("<div class='slick-resizable-handle' />")
-            .appendTo(e)
-            .bind("dragstart", function (e, dd) {
-              if (!getEditorLock().commitCurrentEdit()) {
-                return false;
-              }
-              pageX = e.pageX;
-              $(this).parent().addClass("slick-header-column-active");
-              var shrinkLeewayOnRight = null, stretchLeewayOnRight = null;
-              // lock each column's width option to current width
-              columnElements.each(function (i, e) {
-                columns[i].previousWidth = $(e).outerWidth();
-              });
-              if (options.forceFitColumns) {
-                shrinkLeewayOnRight = 0;
-                stretchLeewayOnRight = 0;
-                // colums on right affect maxPageX/minPageX
-                for (j = i + 1; j < columnElements.length; j++) {
-                  c = columns[j];
-                  if (c.resizable) {
-                    if (stretchLeewayOnRight !== null) {
-                      if (c.maxWidth) {
-                        stretchLeewayOnRight += c.maxWidth - c.previousWidth;
-                      } else {
-                        stretchLeewayOnRight = null;
-                      }
-                    }
-                    shrinkLeewayOnRight += c.previousWidth - Math.max(c.minWidth || 0, absoluteColumnMinWidth);
-                  }
-                }
-              }
-              var shrinkLeewayOnLeft = 0, stretchLeewayOnLeft = 0;
-              for (j = 0; j <= i; j++) {
-                // columns on left only affect minPageX
-                c = columns[j];
-                if (c.resizable) {
-                  if (stretchLeewayOnLeft !== null) {
-                    if (c.maxWidth) {
-                      stretchLeewayOnLeft += c.maxWidth - c.previousWidth;
-                    } else {
-                      stretchLeewayOnLeft = null;
-                    }
-                  }
-                  shrinkLeewayOnLeft += c.previousWidth - Math.max(c.minWidth || 0, absoluteColumnMinWidth);
-                }
-              }
-              if (shrinkLeewayOnRight === null) {
-                shrinkLeewayOnRight = 100000;
-              }
-              if (shrinkLeewayOnLeft === null) {
-                shrinkLeewayOnLeft = 100000;
-              }
-              if (stretchLeewayOnRight === null) {
-                stretchLeewayOnRight = 100000;
-              }
-              if (stretchLeewayOnLeft === null) {
-                stretchLeewayOnLeft = 100000;
-              }
-              maxPageX = pageX + Math.min(shrinkLeewayOnRight, stretchLeewayOnLeft);
-              minPageX = pageX - Math.min(shrinkLeewayOnLeft, stretchLeewayOnRight);
-            })
-            .bind("drag", function (e, dd) {
-              var actualMinWidth, d = Math.min(maxPageX, Math.max(minPageX, e.pageX)) - pageX, x;
-              if (d < 0) { // shrink column
-                x = d;
-                for (j = i; j >= 0; j--) {
-                  c = columns[j];
-                  if (c.resizable) {
-                    actualMinWidth = Math.max(c.minWidth || 0, absoluteColumnMinWidth);
-                    if (x && c.previousWidth + x < actualMinWidth) {
-                      x += c.previousWidth - actualMinWidth;
-                      c.width = actualMinWidth;
-                    } else {
-                      c.width = c.previousWidth + x;
-                      x = 0;
-                    }
-                  }
-                }
-
-                if (options.forceFitColumns) {
-                  x = -d;
-                  for (j = i + 1; j < columnElements.length; j++) {
-                    c = columns[j];
-                    if (c.resizable) {
-                      if (x && c.maxWidth && (c.maxWidth - c.previousWidth < x)) {
-                        x -= c.maxWidth - c.previousWidth;
-                        c.width = c.maxWidth;
-                      } else {
-                        c.width = c.previousWidth + x;
-                        x = 0;
-                      }
-                    }
-                  }
-                }
-              } else { // stretch column
-                x = d;
-                for (j = i; j >= 0; j--) {
-                  c = columns[j];
-                  if (c.resizable) {
-                    if (x && c.maxWidth && (c.maxWidth - c.previousWidth < x)) {
-                      x -= c.maxWidth - c.previousWidth;
-                      c.width = c.maxWidth;
-                    } else {
-                      c.width = c.previousWidth + x;
-                      x = 0;
-                    }
-                  }
-                }
-
-                if (options.forceFitColumns) {
-                  x = -d;
-                  for (j = i + 1; j < columnElements.length; j++) {
-                    c = columns[j];
-                    if (c.resizable) {
-                      actualMinWidth = Math.max(c.minWidth || 0, absoluteColumnMinWidth);
-                      if (x && c.previousWidth + x < actualMinWidth) {
-                        x += c.previousWidth - actualMinWidth;
-                        c.width = actualMinWidth;
-                      } else {
-                        c.width = c.previousWidth + x;
-                        x = 0;
-                      }
-                    }
-                  }
+                if (( options.frozenColumn ) > -1 && ( i > options.frozenColumn )) {
+                    headersWidthR += width;
+                } else {
+                    headersWidthL += width;
                 }
-              }
-              applyColumnHeaderWidths();
-              if (options.syncColumnCellResize) {
-                applyColumnWidths();
-              }
-            })
-            .bind("dragend", function (e, dd) {
-              var newWidth;
-              $(this).parent().removeClass("slick-header-column-active");
-              for (j = 0; j < columnElements.length; j++) {
-                c = columns[j];
-                newWidth = $(columnElements[j]).outerWidth();
-
-                if (c.previousWidth !== newWidth && c.rerenderOnResize) {
-                  invalidateAllRows();
-                }
-              }
-              updateCanvasWidth(true);
-              render();
-              trigger(self.onColumnsResized, {});
-            });
-      });
-    }
+            }
 
-    function getVBoxDelta($el) {
-      var p = ["borderTopWidth", "borderBottomWidth", "paddingTop", "paddingBottom"];
-      var delta = 0;
-      $.each(p, function (n, val) {
-        delta += parseFloat($el.css(val)) || 0;
-      });
-      return delta;
-    }
+            if (options.frozenColumn > -1) {
+                headersWidthL = headersWidthL + 1000;
 
-    function measureCellPaddingAndBorder() {
-      var el;
-      var h = ["borderLeftWidth", "borderRightWidth", "paddingLeft", "paddingRight"];
-      var v = ["borderTopWidth", "borderBottomWidth", "paddingTop", "paddingBottom"];
+                headersWidthR = Math.max(headersWidthR, viewportW) + headersWidthL;
+                headersWidthR += scrollbarDimensions.width;
+            } else {
+                headersWidthL += scrollbarDimensions.width;
+                headersWidthL = Math.max(headersWidthL, viewportW) + 1000;
+            }
 
-      el = $("<div class='ui-state-default slick-header-column' style='visibility:hidden'>-</div>").appendTo($headers);
-      headerColumnWidthDiff = headerColumnHeightDiff = 0;
-      if (el.css("box-sizing") != "border-box" && el.css("-moz-box-sizing") != "border-box" && el.css("-webkit-box-sizing") != "border-box") {
-        $.each(h, function (n, val) {
-          headerColumnWidthDiff += parseFloat(el.css(val)) || 0;
-        });
-        $.each(v, function (n, val) {
-          headerColumnHeightDiff += parseFloat(el.css(val)) || 0;
-        });
-      }
-      el.remove();
-
-      var r = $("<div class='slick-row' />").appendTo($canvas);
-      el = $("<div class='slick-cell' id='' style='visibility:hidden'>-</div>").appendTo(r);
-      cellWidthDiff = cellHeightDiff = 0;
-      if (el.css("box-sizing") != "border-box" && el.css("-moz-box-sizing") != "border-box" && el.css("-webkit-box-sizing") != "border-box") {
-        $.each(h, function (n, val) {
-          cellWidthDiff += parseFloat(el.css(val)) || 0;
-        });
-        $.each(v, function (n, val) {
-          cellHeightDiff += parseFloat(el.css(val)) || 0;
-        });
-      }
-      r.remove();
+            headersWidth = headersWidthL + headersWidthR;
+        }
 
-      absoluteColumnMinWidth = Math.max(headerColumnWidthDiff, cellWidthDiff);
-    }
+        function getCanvasWidth() {
+            var availableWidth = viewportHasVScroll ? viewportW - scrollbarDimensions.width : viewportW;
 
-    function createCssRules() {
-      $style = $("<style type='text/css' rel='stylesheet' />").appendTo($("head"));
-      var rowHeight = (options.rowHeight - cellHeightDiff);
-      var rules = [
-        "." + uid + " .slick-header-column { left: 1000px; }",
-        "." + uid + " .slick-top-panel { height:" + options.topPanelHeight + "px; }",
-        "." + uid + " .slick-headerrow-columns { height:" + options.headerRowHeight + "px; }",
-        "." + uid + " .slick-cell { height:" + rowHeight + "px; }",
-        "." + uid + " .slick-row { height:" + options.rowHeight + "px; }"
-      ];
-
-      for (var i = 0; i < columns.length; i++) {
-        rules.push("." + uid + " .l" + i + " { }");
-        rules.push("." + uid + " .r" + i + " { }");
-      }
-
-      if ($style[0].styleSheet) { // IE
-        $style[0].styleSheet.cssText = rules.join(" ");
-      } else {
-        $style[0].appendChild(document.createTextNode(rules.join(" ")));
-      }
-    }
+            var i = columns.length;
 
-    function getColumnCssRules(idx) {
-      if (!stylesheet) {
-        var sheets = document.styleSheets;
-        for (var i = 0; i < sheets.length; i++) {
-          if ((sheets[i].ownerNode || sheets[i].owningElement) == $style[0]) {
-            stylesheet = sheets[i];
-            break;
-          }
-        }
-
-        if (!stylesheet) {
-          throw new Error("Cannot find stylesheet.");
-        }
-
-        // find and cache column CSS rules
-        columnCssRulesL = [];
-        columnCssRulesR = [];
-        var cssRules = (stylesheet.cssRules || stylesheet.rules);
-        var matches, columnIdx;
-        for (var i = 0; i < cssRules.length; i++) {
-          var selector = cssRules[i].selectorText;
-          if (matches = /\.l\d+/.exec(selector)) {
-            columnIdx = parseInt(matches[0].substr(2, matches[0].length - 2), 10);
-            columnCssRulesL[columnIdx] = cssRules[i];
-          } else if (matches = /\.r\d+/.exec(selector)) {
-            columnIdx = parseInt(matches[0].substr(2, matches[0].length - 2), 10);
-            columnCssRulesR[columnIdx] = cssRules[i];
-          }
-        }
-      }
-
-      return {
-        "left": columnCssRulesL[idx],
-        "right": columnCssRulesR[idx]
-      };
-    }
+            canvasWidthL = canvasWidthR = 0;
 
-    function removeCssRules() {
-      $style.remove();
-      stylesheet = null;
-    }
+            while (i--) {
+                if ((options.frozenColumn > -1) && (i > options.frozenColumn)) {
+                    canvasWidthR += columns[i].width;
+                } else {
+                    canvasWidthL += columns[i].width;
+                }
+            }
 
-    function destroy() {
-      getEditorLock().cancelCurrentEdit();
+            var totalRowWidth = canvasWidthL + canvasWidthR;
 
-      trigger(self.onBeforeDestroy, {});
+            return options.fullWidthRows ? Math.max(totalRowWidth, availableWidth) : totalRowWidth;
+        }
 
-      var i = plugins.length;
-      while(i--) {
-        unregisterPlugin(plugins[i]);
-      }
+        function updateCanvasWidth(forceColumnWidthsUpdate) {
+            var oldCanvasWidth = canvasWidth;
+            var oldCanvasWidthL = canvasWidthL;
+            var oldCanvasWidthR = canvasWidthR;
+            var widthChanged;
+            canvasWidth = getCanvasWidth();
 
-      if (options.enableColumnReorder) {
-          $headers.filter(":ui-sortable").sortable("destroy");
-      }
+            widthChanged = canvasWidth !== oldCanvasWidth || canvasWidthL !== oldCanvasWidthL || canvasWidthR !== oldCanvasWidthR;
 
-      unbindAncestorScrollEvents();
-      $container.unbind(".slickgrid");
-      removeCssRules();
+            if (widthChanged || options.frozenColumn > -1 || hasFrozenRows) {
+                $canvasTopL.width(canvasWidthL);
 
-      $canvas.unbind("draginit dragstart dragend drag");
-      $container.empty().removeClass(uid);
-    }
+                getHeadersWidth();
 
+                $headerL.width(headersWidthL);
+                $headerR.width(headersWidthR);
 
-    //////////////////////////////////////////////////////////////////////////////////////////////
-    // General
+                if (options.frozenColumn > -1) {
+                    $canvasTopR.width(canvasWidthR);
 
-    function trigger(evt, args, e) {
-      e = e || new Slick.EventData();
-      args = args || {};
-      args.grid = self;
-      return evt.notify(args, e, self);
-    }
+                    $paneHeaderL.width(canvasWidthL);
+                    $paneHeaderR.css('left', canvasWidthL);
+                    $paneHeaderR.css('width', viewportW - canvasWidthL);
 
-    function getEditorLock() {
-      return options.editorLock;
-    }
+                    $paneTopL.width(canvasWidthL);
+                    $paneTopR.css('left', canvasWidthL);
+                    $paneTopR.css('width', viewportW - canvasWidthL);
 
-    function getEditController() {
-      return editController;
-    }
+                    $headerRowScrollerL.width(canvasWidthL);
+                    $headerRowScrollerR.width(viewportW - canvasWidthL);
 
-    function getColumnIndex(id) {
-      return columnsById[id];
-    }
+                    $headerRowL.width(canvasWidthL);
+                    $headerRowR.width(canvasWidthR);
 
-    function autosizeColumns() {
-      var i, c,
-          widths = [],
-          shrinkLeeway = 0,
-          total = 0,
-          prevTotal,
-          availWidth = viewportHasVScroll ? viewportW - scrollbarDimensions.width : viewportW;
-
-      for (i = 0; i < columns.length; i++) {
-        c = columns[i];
-        widths.push(c.width);
-        total += c.width;
-        if (c.resizable) {
-          shrinkLeeway += c.width - Math.max(c.minWidth, absoluteColumnMinWidth);
-        }
-      }
-
-      // shrink
-      prevTotal = total;
-      while (total > availWidth && shrinkLeeway) {
-        var shrinkProportion = (total - availWidth) / shrinkLeeway;
-        for (i = 0; i < columns.length && total > availWidth; i++) {
-          c = columns[i];
-          var width = widths[i];
-          if (!c.resizable || width <= c.minWidth || width <= absoluteColumnMinWidth) {
-            continue;
-          }
-          var absMinWidth = Math.max(c.minWidth, absoluteColumnMinWidth);
-          var shrinkSize = Math.floor(shrinkProportion * (width - absMinWidth)) || 1;
-          shrinkSize = Math.min(shrinkSize, width - absMinWidth);
-          total -= shrinkSize;
-          shrinkLeeway -= shrinkSize;
-          widths[i] -= shrinkSize;
-        }
-        if (prevTotal == total) {  // avoid infinite loop
-          break;
-        }
-        prevTotal = total;
-      }
-
-      // grow
-      prevTotal = total;
-      while (total < availWidth) {
-        var growProportion = availWidth / total;
-        for (i = 0; i < columns.length && total < availWidth; i++) {
-          c = columns[i];
-          if (!c.resizable || c.maxWidth <= c.width) {
-            continue;
-          }
-          var growSize = Math.min(Math.floor(growProportion * c.width) - c.width, (c.maxWidth - c.width) || 1000000) || 1;
-          total += growSize;
-          widths[i] += growSize;
-        }
-        if (prevTotal == total) {  // avoid infinite loop
-          break;
-        }
-        prevTotal = total;
-      }
-
-      var reRender = false;
-      for (i = 0; i < columns.length; i++) {
-        if (columns[i].rerenderOnResize && columns[i].width != widths[i]) {
-          reRender = true;
-        }
-        columns[i].width = widths[i];
-      }
-
-      applyColumnHeaderWidths();
-      updateCanvasWidth(true);
-      if (reRender) {
-        invalidateAllRows();
-        render();
-      }
-    }
+                    $viewportTopL.width(canvasWidthL);
+                    $viewportTopR.width(viewportW - canvasWidthL);
 
-    function applyColumnHeaderWidths() {
-      if (!initialized) { return; }
-      var h;
-      for (var i = 0, headers = $headers.children(), ii = headers.length; i < ii; i++) {
-        h = $(headers[i]);
-        if (h.width() !== columns[i].width - headerColumnWidthDiff) {
-          h.width(columns[i].width - headerColumnWidthDiff);
-        }
-      }
+                    if (hasFrozenRows) {
+                        $paneBottomL.width(canvasWidthL);
+                        $paneBottomR.css('left', canvasWidthL);
 
-      updateColumnCaches();
-    }
+                        $viewportBottomL.width(canvasWidthL);
+                        $viewportBottomR.width(viewportW - canvasWidthL);
 
-    function applyColumnWidths() {
-      var x = 0, w, rule;
-      for (var i = 0; i < columns.length; i++) {
-        w = columns[i].width;
+                        $canvasBottomL.width(canvasWidthL);
+                        $canvasBottomR.width(canvasWidthR);
+                    }
+                } else {
+                    $paneHeaderL.width('100%');
 
-        rule = getColumnCssRules(i);
-        rule.left.style.left = x + "px";
-        rule.right.style.right = (canvasWidth - x - w) + "px";
+                    $paneTopL.width('100%');
 
-        x += columns[i].width;
-      }
-    }
+                    $headerRowScrollerL.width('100%');
 
-    function setSortColumn(columnId, ascending) {
-      setSortColumns([{ columnId: columnId, sortAsc: ascending}]);
-    }
+                    $headerRowL.width(canvasWidth);
 
-    function setSortColumns(cols) {
-      sortColumns = cols;
+                    $viewportTopL.width('100%');
 
-      var headerColumnEls = $headers.children();
-      headerColumnEls
-          .removeClass("slick-header-column-sorted")
-          .find(".slick-sort-indicator")
-              .removeClass("slick-sort-indicator-asc slick-sort-indicator-desc");
+                    if (hasFrozenRows) {
+                        $viewportBottomL.width('100%');
+                        $canvasBottomL.width(canvasWidthL);
+                    }
+                }
 
-      $.each(sortColumns, function(i, col) {
-        if (col.sortAsc == null) {
-          col.sortAsc = true;
-        }
-        var columnIndex = getColumnIndex(col.columnId);
-        if (columnIndex != null) {
-          headerColumnEls.eq(columnIndex)
-              .addClass("slick-header-column-sorted")
-              .find(".slick-sort-indicator")
-                  .addClass(col.sortAsc ? "slick-sort-indicator-asc" : "slick-sort-indicator-desc");
-        }
-      });
-    }
+                viewportHasHScroll = (canvasWidth > viewportW - scrollbarDimensions.width);
+            }
 
-    function getSortColumns() {
-      return sortColumns;
-    }
+            $headerRowSpacerL.width(canvasWidth + (viewportHasVScroll ? scrollbarDimensions.width : 0));
+            $headerRowSpacerR.width(canvasWidth + (viewportHasVScroll ? scrollbarDimensions.width : 0));
 
-    function handleSelectedRangesChanged(e, ranges) {
-      selectedRows = [];
-      var hash = {};
-      for (var i = 0; i < ranges.length; i++) {
-        for (var j = ranges[i].fromRow; j <= ranges[i].toRow; j++) {
-          if (!hash[j]) {  // prevent duplicates
-            selectedRows.push(j);
-            hash[j] = {};
-          }
-          for (var k = ranges[i].fromCell; k <= ranges[i].toCell; k++) {
-            if (canCellBeSelected(j, k)) {
-              hash[j][columns[k].id] = options.selectedCellCssClass;
+            if (widthChanged || forceColumnWidthsUpdate) {
+                applyColumnWidths();
             }
-          }
         }
-      }
-
-      setCellCssStyles(options.selectedCellCssClass, hash);
-
-      trigger(self.onSelectedRowsChanged, {rows: getSelectedRows()}, e);
-    }
-
-    function getColumns() {
-      return columns;
-    }
-
-    function updateColumnCaches() {
-      // Pre-calculate cell boundaries.
-      columnPosLeft = [];
-      columnPosRight = [];
-      var x = 0;
-      for (var i = 0, ii = columns.length; i < ii; i++) {
-        columnPosLeft[i] = x;
-        columnPosRight[i] = x + columns[i].width;
-        x += columns[i].width;
-      }
-    }
-
-    function setColumns(columnDefinitions) {
-      columns = columnDefinitions;
 
-      columnsById = {};
-      for (var i = 0; i < columns.length; i++) {
-        var m = columns[i] = $.extend({}, columnDefaults, columns[i]);
-        columnsById[m.id] = i;
-        if (m.minWidth && m.width < m.minWidth) {
-          m.width = m.minWidth;
-        }
-        if (m.maxWidth && m.width > m.maxWidth) {
-          m.width = m.maxWidth;
+        function disableSelection($target) {
+            if ($target && $target.jquery) {
+                $target.attr("unselectable", "on").css("MozUserSelect", "none").bind("selectstart.ui", function () {
+                    return false;
+                }); // from jquery:ui.core.js 1.7.2
+            }
         }
-      }
 
-      updateColumnCaches();
-
-      if (initialized) {
-        invalidateAllRows();
-        createColumnHeaders();
-        removeCssRules();
-        createCssRules();
-        resizeCanvas();
-        applyColumnWidths();
-        handleScroll();
-      }
-    }
-
-    function getOptions() {
-      return options;
-    }
+        function getMaxSupportedCssHeight() {
+            var supportedHeight = 1000000;
+            // FF reports the height back but still renders blank after ~6M px
+            var testUpTo = navigator.userAgent.toLowerCase().match(/firefox/) ? 6000000 : 1000000000;
+            var div = $("<div style='display:none' />").appendTo(document.body);
+
+            while (true) {
+                var test = supportedHeight * 2;
+                div.css("height", test);
+                if (test > testUpTo || div.height() !== test) {
+                    break;
+                } else {
+                    supportedHeight = test;
+                }
+            }
 
-    function setOptions(args) {
-      if (!getEditorLock().commitCurrentEdit()) {
-        return;
-      }
+            div.remove();
+            return supportedHeight;
+        }
 
-      makeActiveCellNormal();
+        // TODO:  this is static.  need to handle page mutation.
+        function bindAncestorScrollEvents() {
+            var elem = (hasFrozenRows && !options.frozenBottom) ? $canvasBottomL[0] : $canvasTopL[0];
+            while ((elem = elem.parentNode) != document.body && elem != null) {
+                // bind to scroll containers only
+                if (elem == $viewportTopL[0] || elem.scrollWidth != elem.clientWidth || elem.scrollHeight != elem.clientHeight) {
+                    var $elem = $(elem);
+                    if (!$boundAncestors) {
+                        $boundAncestors = $elem;
+                    } else {
+                        $boundAncestors = $boundAncestors.add($elem);
+                    }
+                    $elem.bind("scroll." + uid, handleActiveCellPositionChange);
+                }
+            }
+        }
 
-      if (options.enableAddRow !== args.enableAddRow) {
-        invalidateRow(getDataLength());
-      }
+        function unbindAncestorScrollEvents() {
+            if (!$boundAncestors) {
+                return;
+            }
+            $boundAncestors.unbind("scroll." + uid);
+            $boundAncestors = null;
+        }
 
-      options = $.extend(options, args);
-      validateAndEnforceOptions();
+        function updateColumnHeader(columnId, title, toolTip) {
+            if (!initialized) {
+                return;
+            }
+            var idx = getColumnIndex(columnId);
+            if (idx == null) {
+                return;
+            }
 
-      $viewport.css("overflow-y", options.autoHeight ? "hidden" : "auto");
-      render();
-    }
+            var columnDef = columns[idx];
+            var $header = $headers.children().eq(idx);
+            if ($header) {
+                if (title !== undefined) {
+                    columns[idx].name = title;
+                }
+                if (toolTip !== undefined) {
+                    columns[idx].toolTip = toolTip;
+                }
 
-    function validateAndEnforceOptions() {
-      if (options.autoHeight) {
-        options.leaveSpaceForNewRows = false;
-      }
-    }
+                trigger(self.onBeforeHeaderCellDestroy, {
+                    "node": $header[0],
+                    "column": columnDef
+                });
 
-    function setData(newData, scrollToTop) {
-      data = newData;
-      invalidateAllRows();
-      updateRowCount();
-      if (scrollToTop) {
-        scrollTo(0);
-      }
-    }
+                $header.attr("title", toolTip || "").children().eq(0).html(title);
 
-    function getData() {
-      return data;
-    }
+                trigger(self.onHeaderCellRendered, {
+                    "node": $header[0],
+                    "column": columnDef
+                });
+            }
+        }
 
-    function getDataLength() {
-      if (data.getLength) {
-        return data.getLength();
-      } else {
-        return data.length;
-      }
-    }
+        function getHeaderRow() {
+            return (options.frozenColumn > -1) ? $headerRow : $headerRow[0];
+        }
 
-    function getDataLengthIncludingAddNew() {
-      return getDataLength() + (options.enableAddRow ? 1 : 0);
-    }
+        function getHeaderRowColumn(columnId) {
+            var idx = getColumnIndex(columnId);
 
-    function getDataItem(i) {
-      if (data.getItem) {
-        return data.getItem(i);
-      } else {
-        return data[i];
-      }
-    }
+            var $headerRowTarget;
 
-    function getTopPanel() {
-      return $topPanel[0];
-    }
+            if (options.frozenColumn > -1) {
+                if (idx <= options.frozenColumn) {
+                    $headerRowTarget = $headerRowL;
+                } else {
+                    $headerRowTarget = $headerRowR;
 
-    function setTopPanelVisibility(visible) {
-      if (options.showTopPanel != visible) {
-        options.showTopPanel = visible;
-        if (visible) {
-          $topPanelScroller.slideDown("fast", resizeCanvas);
-        } else {
-          $topPanelScroller.slideUp("fast", resizeCanvas);
-        }
-      }
-    }
+                    idx -= options.frozenColumn + 1;
+                }
+            } else {
+                $headerRowTarget = $headerRowL;
+            }
 
-    function setHeaderRowVisibility(visible) {
-      if (options.showHeaderRow != visible) {
-        options.showHeaderRow = visible;
-        if (visible) {
-          $headerRowScroller.slideDown("fast", resizeCanvas);
-        } else {
-          $headerRowScroller.slideUp("fast", resizeCanvas);
+            var $header = $headerRowTarget.children().eq(idx);
+            return $header && $header[0];
         }
-      }
-    }
 
-    function getContainerNode() {
-      return $container.get(0);
-    }
+        function createColumnHeaders() {
+            function onMouseEnter() {
+                $(this).addClass("ui-state-hover");
+            }
 
-    //////////////////////////////////////////////////////////////////////////////////////////////
-    // Rendering / Scrolling
+            function onMouseLeave() {
+                $(this).removeClass("ui-state-hover");
+            }
 
-    function getRowTop(row) {
-      return options.rowHeight * row - offset;
-    }
+            $headers.find(".slick-header-column")
+                .each(function () {
+                    var columnDef = $(this).data("column");
+                    if (columnDef) {
+                        trigger(self.onBeforeHeaderCellDestroy, {
+                            "node": this,
+                            "column": columnDef
+                        });
+                    }
+                });
 
-    function getRowFromPosition(y) {
-      return Math.floor((y + offset) / options.rowHeight);
-    }
+            $headerL.empty();
+            $headerR.empty();
 
-    function scrollTo(y) {
-      y = Math.max(y, 0);
-      y = Math.min(y, th - viewportH + (viewportHasHScroll ? scrollbarDimensions.height : 0));
+            getHeadersWidth();
 
-      var oldOffset = offset;
+            $headerL.width(headersWidthL);
+            $headerR.width(headersWidthR);
 
-      page = Math.min(n - 1, Math.floor(y / ph));
-      offset = Math.round(page * cj);
-      var newScrollTop = y - offset;
+            $headerRow.find(".slick-headerrow-column")
+                .each(function () {
+                    var columnDef = $(this).data("column");
+                    if (columnDef) {
+                        trigger(self.onBeforeHeaderRowCellDestroy, {
+                            "node": this,
+                            "column": columnDef
+                        });
+                    }
+                });
 
-      if (offset != oldOffset) {
-        var range = getVisibleRange(newScrollTop);
-        cleanupRows(range);
-        updateRowPositions();
-      }
+            $headerRowL.empty();
+            $headerRowR.empty();
 
-      if (prevScrollTop != newScrollTop) {
-        vScrollDir = (prevScrollTop + oldOffset < newScrollTop + offset) ? 1 : -1;
-        $viewport[0].scrollTop = (lastRenderedScrollTop = scrollTop = prevScrollTop = newScrollTop);
+            for (var i = 0; i < columns.length; i++) {
+                var m = columns[i];
 
-        trigger(self.onViewportChanged, {});
-      }
-    }
+                var $headerTarget = (options.frozenColumn > -1) ? ((i <= options.frozenColumn) ? $headerL : $headerR) : $headerL;
+                var $headerRowTarget = (options.frozenColumn > -1) ? ((i <= options.frozenColumn) ? $headerRowL : $headerRowR) : $headerRowL;
 
-    function defaultFormatter(row, cell, value, columnDef, dataContext) {
-      if (value == null) {
-        return "";
-      } else {
-        return (value + "").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;");
-      }
-    }
+                var header = $("<div class='ui-state-default slick-header-column' />")
+                    .html("<span class='slick-column-name'>" + m.name + "</span>")
+                    .width(m.width - headerColumnWidthDiff)
+                    .attr("id", "" + uid + m.id)
+                    .attr("title", m.toolTip || "")
+                    .data("column", m)
+                    .addClass(m.headerCssClass || "")
+                    .appendTo($headerTarget);
 
-    function getFormatter(row, column) {
-      var rowMetadata = data.getItemMetadata && data.getItemMetadata(row);
+                if (options.enableColumnReorder || m.sortable) {
+                    header
+                        .on('mouseenter', onMouseEnter)
+                        .on('mouseleave', onMouseLeave);
+                }
 
-      // look up by id, then index
-      var columnOverrides = rowMetadata &&
-          rowMetadata.columns &&
-          (rowMetadata.columns[column.id] || rowMetadata.columns[getColumnIndex(column.id)]);
+                if (m.sortable) {
+                    header.addClass("slick-header-sortable");
+                    header.append("<span class='slick-sort-indicator' />");
+                }
 
-      return (columnOverrides && columnOverrides.formatter) ||
-          (rowMetadata && rowMetadata.formatter) ||
-          column.formatter ||
-          (options.formatterFactory && options.formatterFactory.getFormatter(column)) ||
-          options.defaultFormatter;
-    }
+                trigger(self.onHeaderCellRendered, {
+                    "node": header[0],
+                    "column": m
+                });
 
-    function getEditor(row, cell) {
-      var column = columns[cell];
-      var rowMetadata = data.getItemMetadata && data.getItemMetadata(row);
-      var columnMetadata = rowMetadata && rowMetadata.columns;
+                if (options.showHeaderRow) {
+                    var headerRowCell = $("<div class='ui-state-default slick-headerrow-column l" + i + " r" + i + "'></div>")
+                        .data("column", m)
+                        .appendTo($headerRowTarget);
 
-      if (columnMetadata && columnMetadata[column.id] && columnMetadata[column.id].editor !== undefined) {
-        return columnMetadata[column.id].editor;
-      }
-      if (columnMetadata && columnMetadata[cell] && columnMetadata[cell].editor !== undefined) {
-        return columnMetadata[cell].editor;
-      }
+                    trigger(self.onHeaderRowCellRendered, {
+                        "node": headerRowCell[0],
+                        "column": m
+                    });
+                }
+            }
 
-      return column.editor || (options.editorFactory && options.editorFactory.getEditor(column));
-    }
+            setSortColumns(sortColumns);
+            setupColumnResize();
+            if (options.enableColumnReorder) {
+                setupColumnReorder();
+            }
+        }
 
-    function getDataItemValueForColumn(item, columnDef) {
-      if (options.dataItemColumnValueExtractor) {
-        return options.dataItemColumnValueExtractor(item, columnDef);
-      }
-      return item[columnDef.field];
-    }
+        function setupColumnSort() {
+            $headers.click(function (e) {
+                // temporary workaround for a bug in jQuery 1.7.1
+                // (http://bugs.jquery.com/ticket/11328)
+                e.metaKey = e.metaKey || e.ctrlKey;
 
-    function appendRowHtml(stringArray, row, range, dataLength) {
-      var d = getDataItem(row);
-      var dataLoading = row < dataLength && !d;
-      var rowCss = "slick-row" +
-          (dataLoading ? " loading" : "") +
-          (row === activeRow ? " active" : "") +
-          (row % 2 == 1 ? " odd" : " even");
+                if ($(e.target).hasClass("slick-resizable-handle")) {
+                    return;
+                }
 
-      var metadata = data.getItemMetadata && data.getItemMetadata(row);
+                var $col = $(e.target).closest(".slick-header-column");
+                if (!$col.length) {
+                    return;
+                }
 
-      if (metadata && metadata.cssClasses) {
-        rowCss += " " + metadata.cssClasses;
-      }
+                var column = $col.data("column");
+                if (column.sortable) {
+                    if (!getEditorLock().commitCurrentEdit()) {
+                        return;
+                    }
 
-      stringArray.push("<div class='ui-widget-content " + rowCss + "' style='top:" + getRowTop(row) + "px'>");
+                    var sortOpts = null;
+                    var i = 0;
+                    for (; i < sortColumns.length; i++) {
+                        if (sortColumns[i].columnId == column.id) {
+                            sortOpts = sortColumns[i];
+                            sortOpts.sortAsc = !sortOpts.sortAsc;
+                            break;
+                        }
+                    }
 
-      var colspan, m;
-      for (var i = 0, ii = columns.length; i < ii; i++) {
-        m = columns[i];
-        colspan = 1;
-        if (metadata && metadata.columns) {
-          var columnData = metadata.columns[m.id] || metadata.columns[i];
-          colspan = (columnData && columnData.colspan) || 1;
-          if (colspan === "*") {
-            colspan = ii - i;
-          }
-        }
+                    if (e.metaKey && options.multiColumnSort) {
+                        if (sortOpts) {
+                            sortColumns.splice(i, 1);
+                        }
+                    } else {
+                        if ((!e.shiftKey && !e.metaKey) || !options.multiColumnSort) {
+                            sortColumns = [];
+                        }
 
-        // Do not render cells outside of the viewport.
-        if (columnPosRight[Math.min(ii - 1, i + colspan - 1)] > range.leftPx) {
-          if (columnPosLeft[i] > range.rightPx) {
-            // All columns to the right are outside the range.
-            break;
-          }
+                        if (!sortOpts) {
+                            sortOpts = {
+                                columnId: column.id,
+                                sortAsc: true
+                            };
+                            sortColumns.push(sortOpts);
+                        } else if (sortColumns.length == 0) {
+                            sortColumns.push(sortOpts);
+                        }
+                    }
 
-          appendCellHtml(stringArray, row, i, colspan, d);
-        }
+                    setSortColumns(sortColumns);
 
-        if (colspan > 1) {
-          i += (colspan - 1);
+                    if (!options.multiColumnSort) {
+                        trigger(self.onSort, {
+                            multiColumnSort: false,
+                            sortCol: column,
+                            sortAsc: sortOpts.sortAsc
+                        }, e);
+                    } else {
+                        trigger(
+                            self.onSort, {
+                                multiColumnSort: true,
+                                sortCols: $.map(
+                                    sortColumns, function (col) {
+                                        return {
+                                            sortCol: columns[getColumnIndex(col.columnId)],
+                                            sortAsc: col.sortAsc
+                                        };
+                                    })
+                            }, e);
+                    }
+                }
+            });
         }
-      }
 
-      stringArray.push("</div>");
-    }
-
-    function appendCellHtml(stringArray, row, cell, colspan, item) {
-      var m = columns[cell];
-      var cellCss = "slick-cell l" + cell + " r" + Math.min(columns.length - 1, cell + colspan - 1) +
-          (m.cssClass ? " " + m.cssClass : "");
-      if (row === activeRow && cell === activeCell) {
-        cellCss += (" active");
-      }
+        function setupColumnReorder() {
+            $headers.filter(":ui-sortable").sortable("destroy");
+            var columnScrollTimer = null;
 
-      // TODO:  merge them together in the setter
-      for (var key in cellCssClasses) {
-        if (cellCssClasses[key][row] && cellCssClasses[key][row][m.id]) {
-          cellCss += (" " + cellCssClasses[key][row][m.id]);
-        }
-      }
+            function scrollColumnsRight() {
+                $viewportScrollContainerX[0].scrollLeft = $viewportScrollContainerX[0].scrollLeft + 10;
+            }
 
-      stringArray.push("<div class='" + cellCss + "'>");
+            function scrollColumnsLeft() {
+                $viewportScrollContainerX[0].scrollLeft = $viewportScrollContainerX[0].scrollLeft - 10;
+            }
 
-      // if there is a corresponding row (if not, this is the Add New row or this data hasn't been loaded yet)
-      if (item) {
-        var value = getDataItemValueForColumn(item, m);
-        stringArray.push(getFormatter(row, m)(row, cell, value, m, item));
-      }
+            $headers.sortable({
+                containment: "parent",
+                distance: 3,
+                axis: "x",
+                cursor: "default",
+                tolerance: "intersection",
+                helper: "clone",
+                placeholder: "slick-sortable-placeholder ui-state-default slick-header-column",
+                start: function (e, ui) {
+                    ui.placeholder.width(ui.helper.outerWidth() - headerColumnWidthDiff);
+                    $(ui.helper).addClass("slick-header-column-active");
+                },
+                beforeStop: function (e, ui) {
+                    $(ui.helper).removeClass("slick-header-column-active");
+                },
+                sort: function (e, ui) {
+                    if (e.originalEvent.pageX > $container[0].clientWidth) {
+                        if (!(columnScrollTimer)) {
+                            columnScrollTimer = setInterval(
+                                scrollColumnsRight, 100);
+                        }
+                    } else if (e.originalEvent.pageX < $viewportScrollContainerX.offset().left) {
+                        if (!(columnScrollTimer)) {
+                            columnScrollTimer = setInterval(
+                                scrollColumnsLeft, 100);
+                        }
+                    } else {
+                        clearInterval(columnScrollTimer);
+                        columnScrollTimer = null;
+                    }
+                },
+                stop: function (e) {
+                    clearInterval(columnScrollTimer);
+                    columnScrollTimer = null;
 
-      stringArray.push("</div>");
+                    if (!getEditorLock().commitCurrentEdit()) {
+                        $(this).sortable("cancel");
+                        return;
+                    }
 
-      rowsCache[row].cellRenderQueue.push(cell);
-      rowsCache[row].cellColSpans[cell] = colspan;
-    }
+                    var reorderedIds = $headerL.sortable("toArray");
+                    reorderedIds = reorderedIds.concat($headerR.sortable("toArray"));
 
+                    var reorderedColumns = [];
+                    for (var i = 0; i < reorderedIds.length; i++) {
+                        reorderedColumns.push(columns[getColumnIndex(reorderedIds[i].replace(uid, ""))]);
+                    }
+                    setColumns(reorderedColumns);
 
-    function cleanupRows(rangeToKeep) {
-      for (var i in rowsCache) {
-        if (((i = parseInt(i, 10)) !== activeRow) && (i < rangeToKeep.top || i > rangeToKeep.bottom)) {
-          removeRowFromCache(i);
+                    trigger(self.onColumnsReordered, {});
+                    e.stopPropagation();
+                    setupColumnResize();
+                }
+            });
         }
-      }
-    }
 
-    function invalidate() {
-      updateRowCount();
-      invalidateAllRows();
-      render();
-    }
-
-    function invalidateAllRows() {
-      if (currentEditor) {
-        makeActiveCellNormal();
-      }
-      for (var row in rowsCache) {
-        removeRowFromCache(row);
-      }
-    }
-
-    function removeRowFromCache(row) {
-      var cacheEntry = rowsCache[row];
-      if (!cacheEntry) {
-        return;
-      }
-      $canvas[0].removeChild(cacheEntry.rowNode);
-      delete rowsCache[row];
-      delete postProcessedRows[row];
-      renderedRows--;
-      counter_rows_removed++;
-    }
-
-    function invalidateRows(rows) {
-      var i, rl;
-      if (!rows || !rows.length) {
-        return;
-      }
-      vScrollDir = 0;
-      for (i = 0, rl = rows.length; i < rl; i++) {
-        if (currentEditor && activeRow === rows[i]) {
-          makeActiveCellNormal();
-        }
-        if (rowsCache[rows[i]]) {
-          removeRowFromCache(rows[i]);
-        }
-      }
-    }
-
-    function invalidateRow(row) {
-      invalidateRows([row]);
-    }
-
-    function updateCell(row, cell) {
-      var cellNode = getCellNode(row, cell);
-      if (!cellNode) {
-        return;
-      }
-
-      var m = columns[cell], d = getDataItem(row);
-      if (currentEditor && activeRow === row && activeCell === cell) {
-        currentEditor.loadValue(d);
-      } else {
-        cellNode.innerHTML = d ? getFormatter(row, m)(row, cell, getDataItemValueForColumn(d, m), m, d) : "";
-        invalidatePostProcessingResults(row);
-      }
-    }
-
-    function updateRow(row) {
-      var cacheEntry = rowsCache[row];
-      if (!cacheEntry) {
-        return;
-      }
+        function setupColumnResize() {
+            var $col, j, c, pageX, columnElements, minPageX, maxPageX, firstResizable, lastResizable;
+            columnElements = $headers.children();
+            columnElements.find(".slick-resizable-handle").remove();
+            columnElements.each(function (i, e) {
+                if (columns[i].resizable) {
+                    if (firstResizable === undefined) {
+                        firstResizable = i;
+                    }
+                    lastResizable = i;
+                }
+            });
+            if (firstResizable === undefined) {
+                return;
+            }
+            columnElements.each(function (i, e) {
+                if (i < firstResizable || (options.forceFitColumns && i >= lastResizable)) {
+                    return;
+                }
+                $col = $(e);
+                $("<div class='slick-resizable-handle' />")
+                    .appendTo(e)
+                    .bind("dragstart",function (e, dd) {
+                        if (!getEditorLock().commitCurrentEdit()) {
+                            return false;
+                        }
+                        pageX = e.pageX;
+                        $(this).parent().addClass("slick-header-column-active");
+                        var shrinkLeewayOnRight = null,
+                            stretchLeewayOnRight = null;
+                        // lock each column's width option to current width
+                        columnElements.each(function (i, e) {
+                            columns[i].previousWidth = $(e).outerWidth();
+                        });
+                        if (options.forceFitColumns) {
+                            shrinkLeewayOnRight = 0;
+                            stretchLeewayOnRight = 0;
+                            // colums on right affect maxPageX/minPageX
+                            for (j = i + 1; j < columnElements.length; j++) {
+                                c = columns[j];
+                                if (c.resizable) {
+                                    if (stretchLeewayOnRight !== null) {
+                                        if (c.maxWidth) {
+                                            stretchLeewayOnRight += c.maxWidth - c.previousWidth;
+                                        } else {
+                                            stretchLeewayOnRight = null;
+                                        }
+                                    }
+                                    shrinkLeewayOnRight += c.previousWidth - Math.max(c.minWidth || 0, absoluteColumnMinWidth);
+                                }
+                            }
+                        }
+                        var shrinkLeewayOnLeft = 0,
+                            stretchLeewayOnLeft = 0;
+                        for (j = 0; j <= i; j++) {
+                            // columns on left only affect minPageX
+                            c = columns[j];
+                            if (c.resizable) {
+                                if (stretchLeewayOnLeft !== null) {
+                                    if (c.maxWidth) {
+                                        stretchLeewayOnLeft += c.maxWidth - c.previousWidth;
+                                    } else {
+                                        stretchLeewayOnLeft = null;
+                                    }
+                                }
+                                shrinkLeewayOnLeft += c.previousWidth - Math.max(c.minWidth || 0, absoluteColumnMinWidth);
+                            }
+                        }
+                        if (shrinkLeewayOnRight === null) {
+                            shrinkLeewayOnRight = 100000;
+                        }
+                        if (shrinkLeewayOnLeft === null) {
+                            shrinkLeewayOnLeft = 100000;
+                        }
+                        if (stretchLeewayOnRight === null) {
+                            stretchLeewayOnRight = 100000;
+                        }
+                        if (stretchLeewayOnLeft === null) {
+                            stretchLeewayOnLeft = 100000;
+                        }
+                        maxPageX = pageX + Math.min(shrinkLeewayOnRight, stretchLeewayOnLeft);
+                        minPageX = pageX - Math.min(shrinkLeewayOnLeft, stretchLeewayOnRight);
+                    }).bind("drag",function (e, dd) {
+                        var actualMinWidth, d = Math.min(maxPageX, Math.max(minPageX, e.pageX)) - pageX,
+                            x;
+
+                        if (d < 0) { // shrink column
+                            x = d;
+
+                            var newCanvasWidthL = 0, newCanvasWidthR = 0;
+
+                            for (j = i; j >= 0; j--) {
+                                c = columns[j];
+                                if (c.resizable) {
+                                    actualMinWidth = Math.max(c.minWidth || 0, absoluteColumnMinWidth);
+                                    if (x && c.previousWidth + x < actualMinWidth) {
+                                        x += c.previousWidth - actualMinWidth;
+                                        c.width = actualMinWidth;
+                                    } else {
+                                        c.width = c.previousWidth + x;
+                                        x = 0;
+                                    }
+                                }
+                            }
+
+                            for (k = 0; k <= i; k++) {
+                                c = columns[k];
+
+                                if ((options.frozenColumn > -1) && (k > options.frozenColumn)) {
+                                    newCanvasWidthR += c.width;
+                                } else {
+                                    newCanvasWidthL += c.width;
+                                }
+                            }
+
+                            if (options.forceFitColumns) {
+                                x = -d;
+
+                                for (j = i + 1; j < columnElements.length; j++) {
+                                    c = columns[j];
+                                    if (c.resizable) {
+                                        if (x && c.maxWidth && (c.maxWidth - c.previousWidth < x)) {
+                                            x -= c.maxWidth - c.previousWidth;
+                                            c.width = c.maxWidth;
+                                        } else {
+                                            c.width = c.previousWidth + x;
+                                            x = 0;
+                                        }
+
+                                        if ((options.frozenColumn > -1) && (j > options.frozenColumn)) {
+                                            newCanvasWidthR += c.width;
+                                        } else {
+                                            newCanvasWidthL += c.width;
+                                        }
+                                    }
+                                }
+                            } else {
+                                for (j = i + 1; j < columnElements.length; j++) {
+                                    c = columns[j];
+
+                                    if ((options.frozenColumn > -1) && (j > options.frozenColumn)) {
+                                        newCanvasWidthR += c.width;
+                                    } else {
+                                        newCanvasWidthL += c.width;
+                                    }
+                                }
+                            }
+                        } else { // stretch column
+                            x = d;
+
+                            var newCanvasWidthL = 0, newCanvasWidthR = 0;
+
+                            for (j = i; j >= 0; j--) {
+                                c = columns[j];
+                                if (c.resizable) {
+                                    if (x && c.maxWidth && (c.maxWidth - c.previousWidth < x)) {
+                                        x -= c.maxWidth - c.previousWidth;
+                                        c.width = c.maxWidth;
+                                    } else {
+                                        c.width = c.previousWidth + x;
+                                        x = 0;
+                                    }
+                                }
+                            }
+
+                            for (k = 0; k <= i; k++) {
+                                c = columns[k];
+
+                                if ((options.frozenColumn > -1) && (k > options.frozenColumn)) {
+                                    newCanvasWidthR += c.width;
+                                } else {
+                                    newCanvasWidthL += c.width;
+                                }
+                            }
+
+                            if (options.forceFitColumns) {
+                                x = -d;
+
+                                for (j = i + 1; j < columnElements.length; j++) {
+                                    c = columns[j];
+                                    if (c.resizable) {
+                                        actualMinWidth = Math.max(c.minWidth || 0, absoluteColumnMinWidth);
+                                        if (x && c.previousWidth + x < actualMinWidth) {
+                                            x += c.previousWidth - actualMinWidth;
+                                            c.width = actualMinWidth;
+                                        } else {
+                                            c.width = c.previousWidth + x;
+                                            x = 0;
+                                        }
+
+                                        if ((options.frozenColumn > -1) && (j > options.frozenColumn)) {
+                                            newCanvasWidthR += c.width;
+                                        } else {
+                                            newCanvasWidthL += c.width;
+                                        }
+                                    }
+                                }
+                            } else {
+                                for (j = i + 1; j < columnElements.length; j++) {
+                                    c = columns[j];
+
+                                    if ((options.frozenColumn > -1) && (j > options.frozenColumn)) {
+                                        newCanvasWidthR += c.width;
+                                    } else {
+                                        newCanvasWidthL += c.width;
+                                    }
+                                }
+                            }
+                        }
 
-      ensureCellNodesInRowsCache(row);
+                        if (options.frozenColumn > -1 && newCanvasWidthL != canvasWidthL) {
+                            $headerL.width(newCanvasWidthL + 1000);
+                            $paneHeaderR.css('left', newCanvasWidthL);
+                        }
 
-      var d = getDataItem(row);
+                        applyColumnHeaderWidths();
+                        if (options.syncColumnCellResize) {
+                            updateCanvasWidth();
+                            applyColumnWidths();
+                        }
+                    }).bind("dragend", function (e, dd) {
+                        var newWidth;
+                        $(this).parent().removeClass("slick-header-column-active");
+                        for (j = 0; j < columnElements.length; j++) {
+                            c = columns[j];
+                            newWidth = $(columnElements[j]).outerWidth();
+
+                            if (c.previousWidth !== newWidth && c.rerenderOnResize) {
+                                invalidateAllRows();
+                            }
+                        }
 
-      for (var columnIdx in cacheEntry.cellNodesByColumnIdx) {
-        if (!cacheEntry.cellNodesByColumnIdx.hasOwnProperty(columnIdx)) {
-          continue;
+                        updateCanvasWidth(true);
+                        render();
+                        trigger(self.onColumnsResized, {});
+                    });
+            });
         }
 
-        columnIdx = columnIdx | 0;
-        var m = columns[columnIdx],
-            node = cacheEntry.cellNodesByColumnIdx[columnIdx];
-
-        if (row === activeRow && columnIdx === activeCell && currentEditor) {
-          currentEditor.loadValue(d);
-        } else if (d) {
-          node.innerHTML = getFormatter(row, m)(row, columnIdx, getDataItemValueForColumn(d, m), m, d);
-        } else {
-          node.innerHTML = "";
+        function getVBoxDelta($el) {
+            var p = ["borderTopWidth", "borderBottomWidth", "paddingTop", "paddingBottom"];
+            var delta = 0;
+            $.each(p, function (n, val) {
+                delta += parseFloat($el.css(val)) || 0;
+            });
+            return delta;
         }
-      }
 
-      invalidatePostProcessingResults(row);
-    }
+        function setFrozenOptions() {
+            options.frozenColumn = ( options.frozenColumn >= 0
+                && options.frozenColumn < columns.length
+                )
+                ? parseInt(options.frozenColumn)
+                : -1;
 
-    function getViewportHeight() {
-      return parseFloat($.css($container[0], "height", true)) -
-          parseFloat($.css($container[0], "paddingTop", true)) -
-          parseFloat($.css($container[0], "paddingBottom", true)) -
-          parseFloat($.css($headerScroller[0], "height")) - getVBoxDelta($headerScroller) -
-          (options.showTopPanel ? options.topPanelHeight + getVBoxDelta($topPanelScroller) : 0) -
-          (options.showHeaderRow ? options.headerRowHeight + getVBoxDelta($headerRowScroller) : 0);
-    }
+            options.frozenRow = ( options.frozenRow >= 0
+                && options.frozenRow < numVisibleRows
+                )
+                ? parseInt(options.frozenRow)
+                : -1;
 
-    function resizeCanvas() {
-      if (!initialized) { return; }
-      if (options.autoHeight) {
-        viewportH = options.rowHeight * getDataLengthIncludingAddNew();
-      } else {
-        viewportH = getViewportHeight();
-      }
-
-      numVisibleRows = Math.ceil(viewportH / options.rowHeight);
-      viewportW = parseFloat($.css($container[0], "width", true));
-      if (!options.autoHeight) {
-        $viewport.height(viewportH);
-      }
-
-      if (options.forceFitColumns) {
-        autosizeColumns();
-      }
-
-      updateRowCount();
-      handleScroll();
-      // Since the width has changed, force the render() to reevaluate virtually rendered cells.
-      lastRenderedScrollLeft = -1;
-      render();
-    }
+            if (options.frozenRow > -1) {
+                hasFrozenRows = true;
+                frozenRowsHeight = ( options.frozenRow ) * options.rowHeight;
 
-    function updateRowCount() {
-      if (!initialized) { return; }
-
-      var dataLengthIncludingAddNew = getDataLengthIncludingAddNew();
-      var numberOfRows = dataLengthIncludingAddNew +
-          (options.leaveSpaceForNewRows ? numVisibleRows - 1 : 0);
-
-      var oldViewportHasVScroll = viewportHasVScroll;
-      // with autoHeight, we do not need to accommodate the vertical scroll bar
-      viewportHasVScroll = !options.autoHeight && (numberOfRows * options.rowHeight > viewportH);
-
-      // remove the rows that are now outside of the data range
-      // this helps avoid redundant calls to .removeRow() when the size of the data decreased by thousands of rows
-      var l = dataLengthIncludingAddNew - 1;
-      for (var i in rowsCache) {
-        if (i >= l) {
-          removeRowFromCache(i);
-        }
-      }
-
-      if (activeCellNode && activeRow > l) {
-        resetActiveCell();
-      }
-
-      var oldH = h;
-      th = Math.max(options.rowHeight * numberOfRows, viewportH - scrollbarDimensions.height);
-      if (th < maxSupportedCssHeight) {
-        // just one page
-        h = ph = th;
-        n = 1;
-        cj = 0;
-      } else {
-        // break into pages
-        h = maxSupportedCssHeight;
-        ph = h / 100;
-        n = Math.floor(th / ph);
-        cj = (th - h) / (n - 1);
-      }
-
-      if (h !== oldH) {
-        $canvas.css("height", h);
-        scrollTop = $viewport[0].scrollTop;
-      }
-
-      var oldScrollTopInRange = (scrollTop + offset <= th - viewportH);
-
-      if (th == 0 || scrollTop == 0) {
-        page = offset = 0;
-      } else if (oldScrollTopInRange) {
-        // maintain virtual position
-        scrollTo(scrollTop + offset);
-      } else {
-        // scroll to bottom
-        scrollTo(th - viewportH);
-      }
-
-      if (h != oldH && options.autoHeight) {
-        resizeCanvas();
-      }
-
-      if (options.forceFitColumns && oldViewportHasVScroll != viewportHasVScroll) {
-        autosizeColumns();
-      }
-      updateCanvasWidth(false);
-    }
+                var dataLength = getDataLength() || this.data.length;
 
-    function getVisibleRange(viewportTop, viewportLeft) {
-      if (viewportTop == null) {
-        viewportTop = scrollTop;
-      }
-      if (viewportLeft == null) {
-        viewportLeft = scrollLeft;
-      }
-
-      return {
-        top: getRowFromPosition(viewportTop),
-        bottom: getRowFromPosition(viewportTop + viewportH) + 1,
-        leftPx: viewportLeft,
-        rightPx: viewportLeft + viewportW
-      };
-    }
+                actualFrozenRow = ( options.frozenBottom )
+                    ? ( dataLength - options.frozenRow )
+                    : options.frozenRow;
+            } else {
+                hasFrozenRows = false;
+            }
+        }
+
+        function setPaneVisibility() {
+            if (options.frozenColumn > -1) {
+                $paneHeaderR.show();
+                $paneTopR.show();
 
-    function getRenderedRange(viewportTop, viewportLeft) {
-      var range = getVisibleRange(viewportTop, viewportLeft);
-      var buffer = Math.round(viewportH / options.rowHeight);
-      var minBuffer = 3;
+                if (hasFrozenRows) {
+                    $paneBottomL.show();
+                    $paneBottomR.show();
+                } else {
+                    $paneBottomR.hide();
+                    $paneBottomL.hide();
+                }
+            } else {
+                $paneHeaderR.hide();
+                $paneTopR.hide();
+                $paneBottomR.hide();
 
-      if (vScrollDir == -1) {
-        range.top -= buffer;
-        range.bottom += minBuffer;
-      } else if (vScrollDir == 1) {
-        range.top -= minBuffer;
-        range.bottom += buffer;
-      } else {
-        range.top -= minBuffer;
-        range.bottom += minBuffer;
-      }
+                if (hasFrozenRows) {
+                    $paneBottomL.show();
+                } else {
+                    $paneBottomR.hide();
+                    $paneBottomL.hide();
+                }
+            }
+        }
 
-      range.top = Math.max(0, range.top);
-      range.bottom = Math.min(getDataLengthIncludingAddNew() - 1, range.bottom);
+        function setOverflow() {
+            $viewportTopL.css({
+                'overflow-x': ( options.frozenColumn > -1 ) ? ( hasFrozenRows ) ? 'hidden' : 'scroll' : ( hasFrozenRows ) ? 'hidden' : 'auto',
+                'overflow-y': ( options.frozenColumn > -1 ) ? ( hasFrozenRows ) ? 'hidden' : 'hidden' : ( hasFrozenRows ) ? 'scroll' : 'auto'
+            });
 
-      range.leftPx -= viewportW;
-      range.rightPx += viewportW;
+            $viewportTopR.css({
+                'overflow-x': ( options.frozenColumn > -1 ) ? ( hasFrozenRows ) ? 'hidden' : 'scroll' : ( hasFrozenRows ) ? 'hidden' : 'auto',
+                'overflow-y': ( options.frozenColumn > -1 ) ? ( hasFrozenRows ) ? 'scroll' : 'auto' : ( hasFrozenRows ) ? 'scroll' : 'auto'
+            });
 
-      range.leftPx = Math.max(0, range.leftPx);
-      range.rightPx = Math.min(canvasWidth, range.rightPx);
+            $viewportBottomL.css({
+                'overflow-x': ( options.frozenColumn > -1 ) ? ( hasFrozenRows ) ? 'scroll' : 'auto' : ( hasFrozenRows ) ? 'auto' : 'auto',
+                'overflow-y': ( options.frozenColumn > -1 ) ? ( hasFrozenRows ) ? 'hidden' : 'hidden' : ( hasFrozenRows ) ? 'scroll' : 'auto'
+            });
 
-      return range;
-    }
+            $viewportBottomR.css({
+                'overflow-x': ( options.frozenColumn > -1 ) ? ( hasFrozenRows ) ? 'scroll' : 'auto' : ( hasFrozenRows ) ? 'auto' : 'auto',
+                'overflow-y': ( options.frozenColumn > -1 ) ? ( hasFrozenRows ) ? 'auto' : 'auto' : ( hasFrozenRows ) ? 'auto' : 'auto'
+            });
+        }
 
-    function ensureCellNodesInRowsCache(row) {
-      var cacheEntry = rowsCache[row];
-      if (cacheEntry) {
-        if (cacheEntry.cellRenderQueue.length) {
-          var lastChild = cacheEntry.rowNode.lastChild;
-          while (cacheEntry.cellRenderQueue.length) {
-            var columnIdx = cacheEntry.cellRenderQueue.pop();
-            cacheEntry.cellNodesByColumnIdx[columnIdx] = lastChild;
-            lastChild = lastChild.previousSibling;
-          }
-        }
-      }
-    }
+        function setScroller() {
+            if (options.frozenColumn > -1) {
+                $headerScrollContainer = $headerScrollerR;
+                $headerRowScrollContainer = $headerRowScrollerR;
 
-    function cleanUpCells(range, row) {
-      var totalCellsRemoved = 0;
-      var cacheEntry = rowsCache[row];
+                if (hasFrozenRows) {
+                    if (options.frozenBottom) {
+                        $viewportScrollContainerX = $viewportBottomR;
+                        $viewportScrollContainerY = $viewportTopR;
+                    } else {
+                        $viewportScrollContainerX = $viewportScrollContainerY = $viewportBottomR;
+                    }
+                } else {
+                    $viewportScrollContainerX = $viewportScrollContainerY = $viewportTopR;
+                }
+            } else {
+                $headerScrollContainer = $headerScrollerL;
+                $headerRowScrollContainer = $headerRowScrollerL;
 
-      // Remove cells outside the range.
-      var cellsToRemove = [];
-      for (var i in cacheEntry.cellNodesByColumnIdx) {
-        // I really hate it when people mess with Array.prototype.
-        if (!cacheEntry.cellNodesByColumnIdx.hasOwnProperty(i)) {
-          continue;
+                if (hasFrozenRows) {
+                    if (options.frozenBottom) {
+                        $viewportScrollContainerX = $viewportBottomL;
+                        $viewportScrollContainerY = $viewportTopL;
+                    } else {
+                        $viewportScrollContainerX = $viewportScrollContainerY = $viewportBottomL;
+                    }
+                } else {
+                    $viewportScrollContainerX = $viewportScrollContainerY = $viewportTopL;
+                }
+            }
         }
 
-        // This is a string, so it needs to be cast back to a number.
-        i = i | 0;
+        function measureCellPaddingAndBorder() {
+            var el;
+            var h = ["borderLeftWidth", "borderRightWidth", "paddingLeft", "paddingRight"];
+            var v = ["borderTopWidth", "borderBottomWidth", "paddingTop", "paddingBottom"];
 
-        var colspan = cacheEntry.cellColSpans[i];
-        if (columnPosLeft[i] > range.rightPx ||
-          columnPosRight[Math.min(columns.length - 1, i + colspan - 1)] < range.leftPx) {
-          if (!(row == activeRow && i == activeCell)) {
-            cellsToRemove.push(i);
-          }
-        }
-      }
+            el = $("<div class='ui-state-default slick-header-column' style='visibility:hidden'>-</div>").appendTo($headers);
+            headerColumnWidthDiff = headerColumnHeightDiff = 0;
+            if (el.css("box-sizing") != "border-box" && el.css("-moz-box-sizing") != "border-box" && el.css("-webkit-box-sizing") != "border-box") {
+                $.each(h, function (n, val) {
+                    headerColumnWidthDiff += parseFloat(el.css(val)) || 0;
+                });
+                $.each(v, function (n, val) {
+                    headerColumnHeightDiff += parseFloat(el.css(val)) || 0;
+                });
+            }
+            el.remove();
+
+            var r = $("<div class='slick-row' />").appendTo($canvas);
+            el = $("<div class='slick-cell' id='' style='visibility:hidden'>-</div>").appendTo(r);
+            cellWidthDiff = cellHeightDiff = 0;
+            if (el.css("box-sizing") != "border-box" && el.css("-moz-box-sizing") != "border-box" && el.css("-webkit-box-sizing") != "border-box") {
+                $.each(h, function (n, val) {
+                    cellWidthDiff += parseFloat(el.css(val)) || 0;
+                });
+                $.each(v, function (n, val) {
+                    cellHeightDiff += parseFloat(el.css(val)) || 0;
+                });
+            }
+            r.remove();
 
-      var cellToRemove;
-      while ((cellToRemove = cellsToRemove.pop()) != null) {
-        cacheEntry.rowNode.removeChild(cacheEntry.cellNodesByColumnIdx[cellToRemove]);
-        delete cacheEntry.cellColSpans[cellToRemove];
-        delete cacheEntry.cellNodesByColumnIdx[cellToRemove];
-        if (postProcessedRows[row]) {
-          delete postProcessedRows[row][cellToRemove];
+            absoluteColumnMinWidth = Math.max(headerColumnWidthDiff, cellWidthDiff);
         }
-        totalCellsRemoved++;
-      }
-    }
 
-    function cleanUpAndRenderCells(range) {
-      var cacheEntry;
-      var stringArray = [];
-      var processedRows = [];
-      var cellsAdded;
-      var totalCellsAdded = 0;
-      var colspan;
+        function createCssRules() {
+            $style = $("<style type='text/css' rel='stylesheet' />").appendTo($("head"));
+            var rowHeight = (options.rowHeight - cellHeightDiff);
+            var rules = [
+                "." + uid + " .slick-header-column { left: 1000px; }",
+                "." + uid + " .slick-top-panel { height:" + options.topPanelHeight + "px; }",
+                "." + uid + " .slick-headerrow-columns { height:" + options.headerRowHeight + "px; }",
+                "." + uid + " .slick-cell { height:" + rowHeight + "px; }",
+                "." + uid + " .slick-row { height:" + options.rowHeight + "px; }"
+            ];
+
+            for (var i = 0; i < columns.length; i++) {
+                rules.push("." + uid + " .l" + i + " { }");
+                rules.push("." + uid + " .r" + i + " { }");
+            }
 
-      for (var row = range.top, btm = range.bottom; row <= btm; row++) {
-        cacheEntry = rowsCache[row];
-        if (!cacheEntry) {
-          continue;
+            if ($style[0].styleSheet) { // IE
+                $style[0].styleSheet.cssText = rules.join(" ");
+            } else {
+                $style[0].appendChild(document.createTextNode(rules.join(" ")));
+            }
         }
 
-        // cellRenderQueue populated in renderRows() needs to be cleared first
-        ensureCellNodesInRowsCache(row);
+        function getColumnCssRules(idx) {
+            if (!stylesheet) {
+                var sheets = document.styleSheets;
+                for (var i = 0; i < sheets.length; i++) {
+                    if ((sheets[i].ownerNode || sheets[i].owningElement) == $style[0]) {
+                        stylesheet = sheets[i];
+                        break;
+                    }
+                }
 
-        cleanUpCells(range, row);
+                if (!stylesheet) {
+                    throw new Error("Cannot find stylesheet.");
+                }
 
-        // Render missing cells.
-        cellsAdded = 0;
+                // find and cache column CSS rules
+                columnCssRulesL = [];
+                columnCssRulesR = [];
+                var cssRules = (stylesheet.cssRules || stylesheet.rules);
+                var matches, columnIdx;
+                for (var i = 0; i < cssRules.length; i++) {
+                    var selector = cssRules[i].selectorText;
+                    if (matches = /\.l\d+/.exec(selector)) {
+                        columnIdx = parseInt(matches[0].substr(2, matches[0].length - 2), 10);
+                        columnCssRulesL[columnIdx] = cssRules[i];
+                    } else if (matches = /\.r\d+/.exec(selector)) {
+                        columnIdx = parseInt(matches[0].substr(2, matches[0].length - 2), 10);
+                        columnCssRulesR[columnIdx] = cssRules[i];
+                    }
+                }
+            }
 
-        var metadata = data.getItemMetadata && data.getItemMetadata(row);
-        metadata = metadata && metadata.columns;
+            return {
+                "left": columnCssRulesL[idx],
+                "right": columnCssRulesR[idx]
+            };
+        }
 
-        var d = getDataItem(row);
+        function removeCssRules() {
+            $style.remove();
+            stylesheet = null;
+        }
 
-        // TODO:  shorten this loop (index? heuristics? binary search?)
-        for (var i = 0, ii = columns.length; i < ii; i++) {
-          // Cells to the right are outside the range.
-          if (columnPosLeft[i] > range.rightPx) {
-            break;
-          }
+        function destroy() {
+            getEditorLock().cancelCurrentEdit();
 
-          // Already rendered.
-          if ((colspan = cacheEntry.cellColSpans[i]) != null) {
-            i += (colspan > 1 ? colspan - 1 : 0);
-            continue;
-          }
+            trigger(self.onBeforeDestroy, {});
 
-          colspan = 1;
-          if (metadata) {
-            var columnData = metadata[columns[i].id] || metadata[i];
-            colspan = (columnData && columnData.colspan) || 1;
-            if (colspan === "*") {
-              colspan = ii - i;
+            var i = plugins.length;
+            while (i--) {
+                unregisterPlugin(plugins[i]);
             }
-          }
 
-          if (columnPosRight[Math.min(ii - 1, i + colspan - 1)] > range.leftPx) {
-            appendCellHtml(stringArray, row, i, colspan, d);
-            cellsAdded++;
-          }
+            if (options.enableColumnReorder) {
+                $headers.filter(":ui-sortable").sortable("destroy");
+            }
 
-          i += (colspan > 1 ? colspan - 1 : 0);
-        }
+            unbindAncestorScrollEvents();
+            $container.unbind(".slickgrid");
+            removeCssRules();
 
-        if (cellsAdded) {
-          totalCellsAdded += cellsAdded;
-          processedRows.push(row);
+            $canvas.unbind("draginit dragstart dragend drag");
+            $container.empty().removeClass(uid);
         }
-      }
 
-      if (!stringArray.length) {
-        return;
-      }
+        // ////////////////////////////////////////////////////////////////////////////////////////////
+        // General
 
-      var x = document.createElement("div");
-      x.innerHTML = stringArray.join("");
-
-      var processedRow;
-      var node;
-      while ((processedRow = processedRows.pop()) != null) {
-        cacheEntry = rowsCache[processedRow];
-        var columnIdx;
-        while ((columnIdx = cacheEntry.cellRenderQueue.pop()) != null) {
-          node = x.lastChild;
-          cacheEntry.rowNode.appendChild(node);
-          cacheEntry.cellNodesByColumnIdx[columnIdx] = node;
+        function trigger(evt, args, e) {
+            e = e || new Slick.EventData();
+            args = args || {};
+            args.grid = self;
+            return evt.notify(args, e, self);
         }
-      }
-    }
 
-    function renderRows(range) {
-      var parentNode = $canvas[0],
-          stringArray = [],
-          rows = [],
-          needToReselectCell = false,
-          dataLength = getDataLength();
-
-      for (var i = range.top, ii = range.bottom; i <= ii; i++) {
-        if (rowsCache[i]) {
-          continue;
+        function getEditorLock() {
+            return options.editorLock;
         }
-        renderedRows++;
-        rows.push(i);
-
-        // Create an entry right away so that appendRowHtml() can
-        // start populatating it.
-        rowsCache[i] = {
-          "rowNode": null,
-
-          // ColSpans of rendered cells (by column idx).
-          // Can also be used for checking whether a cell has been rendered.
-          "cellColSpans": [],
-
-          // Cell nodes (by column idx).  Lazy-populated by ensureCellNodesInRowsCache().
-          "cellNodesByColumnIdx": [],
-
-          // Column indices of cell nodes that have been rendered, but not yet indexed in
-          // cellNodesByColumnIdx.  These are in the same order as cell nodes added at the
-          // end of the row.
-          "cellRenderQueue": []
-        };
 
-        appendRowHtml(stringArray, i, range, dataLength);
-        if (activeCellNode && activeRow === i) {
-          needToReselectCell = true;
+        function getEditController() {
+            return editController;
         }
-        counter_rows_rendered++;
-      }
 
-      if (!rows.length) { return; }
-
-      var x = document.createElement("div");
-      x.innerHTML = stringArray.join("");
+        function getColumnIndex(id) {
+            return columnsById[id];
+        }
 
-      for (var i = 0, ii = rows.length; i < ii; i++) {
-        rowsCache[rows[i]].rowNode = parentNode.appendChild(x.firstChild);
-      }
+        function autosizeColumns() {
+            var i, c, widths = [],
+                shrinkLeeway = 0,
+                total = 0,
+                prevTotal, availWidth = viewportHasVScroll ? viewportW - scrollbarDimensions.width : viewportW;
 
-      if (needToReselectCell) {
-        activeCellNode = getCellNode(activeRow, activeCell);
-      }
-    }
+            for (i = 0; i < columns.length; i++) {
+                c = columns[i];
+                widths.push(c.width);
+                total += c.width;
+                if (c.resizable) {
+                    shrinkLeeway += c.width - Math.max(c.minWidth, absoluteColumnMinWidth);
+                }
+            }
 
-    function startPostProcessing() {
-      if (!options.enableAsyncPostRender) {
-        return;
-      }
-      clearTimeout(h_postrender);
-      h_postrender = setTimeout(asyncPostProcessRows, options.asyncPostRenderDelay);
-    }
+            // shrink
+            prevTotal = total;
+            while (total > availWidth && shrinkLeeway) {
+                var shrinkProportion = (total - availWidth) / shrinkLeeway;
+                for (i = 0; i < columns.length && total > availWidth; i++) {
+                    c = columns[i];
+                    var width = widths[i];
+                    if (!c.resizable || width <= c.minWidth || width <= absoluteColumnMinWidth) {
+                        continue;
+                    }
+                    var absMinWidth = Math.max(c.minWidth, absoluteColumnMinWidth);
+                    var shrinkSize = Math.floor(shrinkProportion * (width - absMinWidth)) || 1;
+                    shrinkSize = Math.min(shrinkSize, width - absMinWidth);
+                    total -= shrinkSize;
+                    shrinkLeeway -= shrinkSize;
+                    widths[i] -= shrinkSize;
+                }
+                if (prevTotal == total) { // avoid infinite loop
+                    break;
+                }
+                prevTotal = total;
+            }
 
-    function invalidatePostProcessingResults(row) {
-      delete postProcessedRows[row];
-      postProcessFromRow = Math.min(postProcessFromRow, row);
-      postProcessToRow = Math.max(postProcessToRow, row);
-      startPostProcessing();
-    }
+            // grow
+            prevTotal = total;
+            while (total < availWidth) {
+                var growProportion = availWidth / total;
+                for (i = 0; i < columns.length && total < availWidth; i++) {
+                    c = columns[i];
+                    if (!c.resizable || c.maxWidth <= c.width) {
+                        continue;
+                    }
+                    var growSize = Math.min(Math.floor(growProportion * c.width) - c.width, (c.maxWidth - c.width) || 1000000) || 1;
+                    total += growSize;
+                    widths[i] += growSize;
+                }
+                if (prevTotal == total) { // avoid infinite loop
+                    break;
+                }
+                prevTotal = total;
+            }
 
-    function updateRowPositions() {
-      for (var row in rowsCache) {
-        rowsCache[row].rowNode.style.top = getRowTop(row) + "px";
-      }
-    }
+            var reRender = false;
+            for (i = 0; i < columns.length; i++) {
+                if (columns[i].rerenderOnResize && columns[i].width != widths[i]) {
+                    reRender = true;
+                }
+                columns[i].width = widths[i];
+            }
 
-    function render() {
-      if (!initialized) { return; }
-      var visible = getVisibleRange();
-      var rendered = getRenderedRange();
+            applyColumnHeaderWidths();
+            updateCanvasWidth(true);
+            if (reRender) {
+                invalidateAllRows();
+                render();
+            }
+        }
 
-      // remove rows no longer in the viewport
-      cleanupRows(rendered);
+        function applyColumnHeaderWidths() {
+            if (!initialized) {
+                return;
+            }
+            var h;
 
-      // add new rows & missing cells in existing rows
-      if (lastRenderedScrollLeft != scrollLeft) {
-        cleanUpAndRenderCells(rendered);
-      }
+            for (var i = 0, headers = $headers.children(), ii = headers.length; i < ii; i++) {
+                h = $(headers[i]);
 
-      // render missing rows
-      renderRows(rendered);
+                if (h.width() !== columns[i].width - headerColumnWidthDiff) {
+                    h.width(columns[i].width - headerColumnWidthDiff);
+                }
+            }
 
-      postProcessFromRow = visible.top;
-      postProcessToRow = Math.min(getDataLengthIncludingAddNew() - 1, visible.bottom);
-      startPostProcessing();
+            updateColumnCaches();
+        }
 
-      lastRenderedScrollTop = scrollTop;
-      lastRenderedScrollLeft = scrollLeft;
-      h_render = null;
-    }
+        function applyColumnWidths() {
+            var x = 0,
+                w, rule;
+            for (var i = 0; i < columns.length; i++) {
+                w = columns[i].width;
 
-    function handleHeaderRowScroll() {
-      var scrollLeft = $headerRowScroller[0].scrollLeft;
-      if (scrollLeft != $viewport[0].scrollLeft) {
-        $viewport[0].scrollLeft = scrollLeft;
-      }
-    }
+                rule = getColumnCssRules(i);
+                rule.left.style.left = x + "px";
+                rule.right.style.right = (((options.frozenColumn != -1 && i > options.frozenColumn) ? canvasWidthR : canvasWidthL) - x - w) + "px";
 
-    function handleScroll() {
-      scrollTop = $viewport[0].scrollTop;
-      scrollLeft = $viewport[0].scrollLeft;
-      var vScrollDist = Math.abs(scrollTop - prevScrollTop);
-      var hScrollDist = Math.abs(scrollLeft - prevScrollLeft);
-
-      if (hScrollDist) {
-        prevScrollLeft = scrollLeft;
-        $headerScroller[0].scrollLeft = scrollLeft;
-        $topPanelScroller[0].scrollLeft = scrollLeft;
-        $headerRowScroller[0].scrollLeft = scrollLeft;
-      }
-
-      if (vScrollDist) {
-        vScrollDir = prevScrollTop < scrollTop ? 1 : -1;
-        prevScrollTop = scrollTop;
-
-        // switch virtual pages if needed
-        if (vScrollDist < viewportH) {
-          scrollTo(scrollTop + offset);
-        } else {
-          var oldOffset = offset;
-          if (h == viewportH) {
-            page = 0;
-          } else {
-            page = Math.min(n - 1, Math.floor(scrollTop * ((th - viewportH) / (h - viewportH)) * (1 / ph)));
-          }
-          offset = Math.round(page * cj);
-          if (oldOffset != offset) {
-            invalidateAllRows();
-          }
+                // If this column is frozen, reset the css left value since the
+                // column starts in a new viewport.
+                if (options.frozenColumn == i) {
+                    x = 0;
+                } else {
+                    x += columns[i].width;
+                }
+            }
         }
-      }
 
-      if (hScrollDist || vScrollDist) {
-        if (h_render) {
-          clearTimeout(h_render);
+        function setSortColumn(columnId, ascending) {
+            setSortColumns([
+                {
+                    columnId: columnId,
+                    sortAsc: ascending
+                }
+            ]);
         }
 
-        if (Math.abs(lastRenderedScrollTop - scrollTop) > 20 ||
-            Math.abs(lastRenderedScrollLeft - scrollLeft) > 20) {
-          if (options.forceSyncScrolling || (
-              Math.abs(lastRenderedScrollTop - scrollTop) < viewportH &&
-              Math.abs(lastRenderedScrollLeft - scrollLeft) < viewportW)) {
-            render();
-          } else {
-            h_render = setTimeout(render, 50);
-          }
-
-          trigger(self.onViewportChanged, {});
-        }
-      }
+        function setSortColumns(cols) {
+            sortColumns = cols;
 
-      trigger(self.onScroll, {scrollLeft: scrollLeft, scrollTop: scrollTop});
-    }
+            var headerColumnEls = $headers.children();
+            headerColumnEls.removeClass("slick-header-column-sorted").find(".slick-sort-indicator").removeClass("slick-sort-indicator-asc slick-sort-indicator-desc");
 
-    function asyncPostProcessRows() {
-      var dataLength = getDataLength();
-      while (postProcessFromRow <= postProcessToRow) {
-        var row = (vScrollDir >= 0) ? postProcessFromRow++ : postProcessToRow--;
-        var cacheEntry = rowsCache[row];
-        if (!cacheEntry || row >= dataLength) {
-          continue;
+            $.each(sortColumns, function (i, col) {
+                if (col.sortAsc == null) {
+                    col.sortAsc = true;
+                }
+                var columnIndex = getColumnIndex(col.columnId);
+                if (columnIndex != null) {
+                    headerColumnEls.eq(columnIndex).addClass("slick-header-column-sorted").find(".slick-sort-indicator").addClass(
+                        col.sortAsc ? "slick-sort-indicator-asc" : "slick-sort-indicator-desc");
+                }
+            });
         }
 
-        if (!postProcessedRows[row]) {
-          postProcessedRows[row] = {};
+        function getSortColumns() {
+            return sortColumns;
         }
 
-        ensureCellNodesInRowsCache(row);
-        for (var columnIdx in cacheEntry.cellNodesByColumnIdx) {
-          if (!cacheEntry.cellNodesByColumnIdx.hasOwnProperty(columnIdx)) {
-            continue;
-          }
-
-          columnIdx = columnIdx | 0;
-
-          var m = columns[columnIdx];
-          if (m.asyncPostRender && !postProcessedRows[row][columnIdx]) {
-            var node = cacheEntry.cellNodesByColumnIdx[columnIdx];
-            if (node) {
-              m.asyncPostRender(node, row, getDataItem(row), m);
+        function handleSelectedRangesChanged(e, ranges) {
+            selectedRows = [];
+            var hash = {};
+            for (var i = 0; i < ranges.length; i++) {
+                for (var j = ranges[i].fromRow; j <= ranges[i].toRow; j++) {
+                    if (!hash[j]) { // prevent duplicates
+                        selectedRows.push(j);
+                        hash[j] = {};
+                    }
+                    for (var k = ranges[i].fromCell; k <= ranges[i].toCell; k++) {
+                        if (canCellBeSelected(j, k)) {
+                            hash[j][columns[k].id] = options.selectedCellCssClass;
+                        }
+                    }
+                }
             }
-            postProcessedRows[row][columnIdx] = true;
-          }
-        }
 
-        h_postrender = setTimeout(asyncPostProcessRows, options.asyncPostRenderDelay);
-        return;
-      }
-    }
+            setCellCssStyles(options.selectedCellCssClass, hash);
 
-    function updateCellCssStylesOnRenderedRows(addedHash, removedHash) {
-      var node, columnId, addedRowHash, removedRowHash;
-      for (var row in rowsCache) {
-        removedRowHash = removedHash && removedHash[row];
-        addedRowHash = addedHash && addedHash[row];
+            trigger(self.onSelectedRowsChanged, {
+                rows: getSelectedRows()
+            }, e);
+        }
 
-        if (removedRowHash) {
-          for (columnId in removedRowHash) {
-            if (!addedRowHash || removedRowHash[columnId] != addedRowHash[columnId]) {
-              node = getCellNode(row, getColumnIndex(columnId));
-              if (node) {
-                $(node).removeClass(removedRowHash[columnId]);
-              }
-            }
-          }
+        function getColumns() {
+            return columns;
         }
 
-        if (addedRowHash) {
-          for (columnId in addedRowHash) {
-            if (!removedRowHash || removedRowHash[columnId] != addedRowHash[columnId]) {
-              node = getCellNode(row, getColumnIndex(columnId));
-              if (node) {
-                $(node).addClass(addedRowHash[columnId]);
-              }
+        function updateColumnCaches() {
+            // Pre-calculate cell boundaries.
+            columnPosLeft = [];
+            columnPosRight = [];
+            var x = 0;
+            for (var i = 0, ii = columns.length; i < ii; i++) {
+                columnPosLeft[i] = x;
+                columnPosRight[i] = x + columns[i].width;
+
+                if (options.frozenColumn == i) {
+                    x = 0;
+                } else {
+                    x += columns[i].width;
+                }
             }
-          }
         }
-      }
-    }
 
-    function addCellCssStyles(key, hash) {
-      if (cellCssClasses[key]) {
-        throw "addCellCssStyles: cell CSS hash with key '" + key + "' already exists.";
-      }
+        function setColumns(columnDefinitions) {
+            columns = columnDefinitions;
 
-      cellCssClasses[key] = hash;
-      updateCellCssStylesOnRenderedRows(hash, null);
-
-      trigger(self.onCellCssStylesChanged, { "key": key, "hash": hash });
-    }
+            columnsById = {};
+            for (var i = 0; i < columns.length; i++) {
+                var m = columns[i] = $.extend({}, columnDefaults, columns[i]);
+                columnsById[m.id] = i;
+                if (m.minWidth && m.width < m.minWidth) {
+                    m.width = m.minWidth;
+                }
+                if (m.maxWidth && m.width > m.maxWidth) {
+                    m.width = m.maxWidth;
+                }
+            }
 
-    function removeCellCssStyles(key) {
-      if (!cellCssClasses[key]) {
-        return;
-      }
+            updateColumnCaches();
 
-      updateCellCssStylesOnRenderedRows(null, cellCssClasses[key]);
-      delete cellCssClasses[key];
+            if (initialized) {
+                setPaneVisibility();
+                setOverflow();
 
-      trigger(self.onCellCssStylesChanged, { "key": key, "hash": null });
-    }
+                invalidateAllRows();
+                createColumnHeaders();
+                removeCssRules();
+                createCssRules();
+                resizeCanvas();
+                updateCanvasWidth();
+                applyColumnWidths();
+                handleScroll();
+            }
+        }
 
-    function setCellCssStyles(key, hash) {
-      var prevHash = cellCssClasses[key];
+        function getOptions() {
+            return options;
+        }
 
-      cellCssClasses[key] = hash;
-      updateCellCssStylesOnRenderedRows(hash, prevHash);
+        function setOptions(args) {
+            if (!getEditorLock().commitCurrentEdit()) {
+                return;
+            }
 
-      trigger(self.onCellCssStylesChanged, { "key": key, "hash": hash });
-    }
+            makeActiveCellNormal();
 
-    function getCellCssStyles(key) {
-      return cellCssClasses[key];
-    }
+            if (options.enableAddRow !== args.enableAddRow) {
+                invalidateRow(getDataLength());
+            }
 
-    function flashCell(row, cell, speed) {
-      speed = speed || 100;
-      if (rowsCache[row]) {
-        var $cell = $(getCellNode(row, cell));
-
-        function toggleCellClass(times) {
-          if (!times) {
-            return;
-          }
-          setTimeout(function () {
-                $cell.queue(function () {
-                  $cell.toggleClass(options.cellFlashingCssClass).dequeue();
-                  toggleCellClass(times - 1);
-                });
-              },
-              speed);
-        }
+            options = $.extend(options, args);
+            validateAndEnforceOptions();
 
-        toggleCellClass(4);
-      }
-    }
+            setFrozenOptions();
+            setScroller();
 
-    //////////////////////////////////////////////////////////////////////////////////////////////
-    // Interactivity
+            setColumns(columns); // TODO: Is this necessary?
+            render();
+        }
 
-    function handleDragInit(e, dd) {
-      var cell = getCellFromEvent(e);
-      if (!cell || !cellExists(cell.row, cell.cell)) {
-        return false;
-      }
+        function validateAndEnforceOptions() {
+            if (options.autoHeight) {
+                options.leaveSpaceForNewRows = false;
+            }
+        }
 
-      var retval = trigger(self.onDragInit, dd, e);
-      if (e.isImmediatePropagationStopped()) {
-        return retval;
-      }
+        function setData(newData, scrollToTop) {
+            data = newData;
+            invalidateAllRows();
+            updateRowCount();
 
-      // if nobody claims to be handling drag'n'drop by stopping immediate propagation,
-      // cancel out of it
-      return false;
-    }
+            if (scrollToTop) {
+                scrollTo(0);
+            }
+        }
 
-    function handleDragStart(e, dd) {
-      var cell = getCellFromEvent(e);
-      if (!cell || !cellExists(cell.row, cell.cell)) {
-        return false;
-      }
+        function getData() {
+            return data;
+        }
 
-      var retval = trigger(self.onDragStart, dd, e);
-      if (e.isImmediatePropagationStopped()) {
-        return retval;
-      }
+        function getDataLength() {
+            if (data.getLength) {
+                return data.getLength();
+            } else {
+                return data.length;
+            }
+        }
 
-      return false;
-    }
+        function getDataLengthIncludingAddNew() {
+            return getDataLength() + (options.enableAddRow ? 1 : 0);
+        }
 
-    function handleDrag(e, dd) {
-      return trigger(self.onDrag, dd, e);
-    }
+        function getDataItem(i) {
+            if (data.getItem) {
+                return data.getItem(i);
+            } else {
+                return data[i];
+            }
+        }
 
-    function handleDragEnd(e, dd) {
-      trigger(self.onDragEnd, dd, e);
-    }
+        function getTopPanel() {
+            return $topPanel[0];
+        }
 
-    function handleKeyDown(e) {
-      trigger(self.onKeyDown, {row: activeRow, cell: activeCell}, e);
-      var handled = e.isImmediatePropagationStopped();
-
-      if (!handled) {
-        if (!e.shiftKey && !e.altKey && !e.ctrlKey) {
-          if (e.which == 27) {
-            if (!getEditorLock().isActive()) {
-              return; // no editing mode to cancel, allow bubbling and default processing (exit without cancelling the event)
-            }
-            cancelEditAndSetFocus();
-          } else if (e.which == 34) {
-            navigatePageDown();
-            handled = true;           
-          } else if (e.which == 33) {
-            navigatePageUp();
-            handled = true;
-          } else if (e.which == 37) {
-            handled = navigateLeft();
-          } else if (e.which == 39) {
-            handled = navigateRight();
-          } else if (e.which == 38) {
-            handled = navigateUp();
-          } else if (e.which == 40) {
-            handled = navigateDown();
-          } else if (e.which == 9) {
-            handled = navigateNext();
-          } else if (e.which == 13) {
-            if (options.editable) {
-              if (currentEditor) {
-                // adding new row
-                if (activeRow === getDataLength()) {
-                  navigateDown();
+        function setTopPanelVisibility(visible) {
+            if (options.showTopPanel != visible) {
+                options.showTopPanel = visible;
+                if (visible) {
+                    $topPanelScroller.slideDown("fast", resizeCanvas);
                 } else {
-                  commitEditAndSetFocus();
+                    $topPanelScroller.slideUp("fast", resizeCanvas);
                 }
-              } else {
-                if (getEditorLock().commitCurrentEdit()) {
-                  makeActiveCellEditable();
-                }
-              }
             }
-            handled = true;
-          }
-        } else if (e.which == 9 && e.shiftKey && !e.ctrlKey && !e.altKey) {
-          handled = navigatePrev();
         }
-      }
 
-      if (handled) {
-        // the event has been handled so don't let parent element (bubbling/propagation) or browser (default) handle it
-        e.stopPropagation();
-        e.preventDefault();
-        try {
-          e.originalEvent.keyCode = 0; // prevent default behaviour for special keys in IE browsers (F3, F5, etc.)
-        }
-        // ignore exceptions - setting the original event's keycode throws access denied exception for "Ctrl"
-        // (hitting control key only, nothing else), "Shift" (maybe others)
-        catch (error) {
+        function setHeaderRowVisibility(visible) {
+            if (options.showHeaderRow != visible) {
+                options.showHeaderRow = visible;
+                if (visible) {
+                    $headerRowScroller.slideDown("fast", resizeCanvas);
+                } else {
+                    $headerRowScroller.slideUp("fast", resizeCanvas);
+                }
+            }
         }
-      }
-    }
 
-    function handleClick(e) {
-      if (!currentEditor) {
-        // if this click resulted in some cell child node getting focus,
-        // don't steal it back - keyboard events will still bubble up
-        // IE9+ seems to default DIVs to tabIndex=0 instead of -1, so check for cell clicks directly.
-        if (e.target != document.activeElement || $(e.target).hasClass("slick-cell")) {
-          setFocus();
+        function getContainerNode() {
+            return $container.get(0);
         }
-      }
 
-      var cell = getCellFromEvent(e);
-      if (!cell || (currentEditor !== null && activeRow == cell.row && activeCell == cell.cell)) {
-        return;
-      }
+        // ////////////////////////////////////////////////////////////////////////////////////////////
+        // Rendering / Scrolling
 
-      trigger(self.onClick, {row: cell.row, cell: cell.cell}, e);
-      if (e.isImmediatePropagationStopped()) {
-        return;
-      }
-
-      if ((activeCell != cell.cell || activeRow != cell.row) && canCellBeActive(cell.row, cell.cell)) {
-        if (!getEditorLock().isActive() || getEditorLock().commitCurrentEdit()) {
-          scrollRowIntoView(cell.row, false);
-          setActiveCellInternal(getCellNode(cell.row, cell.cell));
+        function getRowTop(row) {
+            return options.rowHeight * row - offset;
         }
-      }
-    }
 
-    function handleContextMenu(e) {
-      var $cell = $(e.target).closest(".slick-cell", $canvas);
-      if ($cell.length === 0) {
-        return;
-      }
-
-      // are we editing this cell?
-      if (activeCellNode === $cell[0] && currentEditor !== null) {
-        return;
-      }
+        function getRowFromPosition(y) {
+            return Math.floor((y + offset) / options.rowHeight);
+        }
 
-      trigger(self.onContextMenu, {}, e);
-    }
+        function scrollTo(y) {
+            y = Math.max(y, 0);
+            y = Math.min(y, th - $viewportScrollContainerY.height() + ((viewportHasHScroll || options.frozenColumn > -1) ? scrollbarDimensions.height : 0));
 
-    function handleDblClick(e) {
-      var cell = getCellFromEvent(e);
-      if (!cell || (currentEditor !== null && activeRow == cell.row && activeCell == cell.cell)) {
-        return;
-      }
+            var oldOffset = offset;
 
-      trigger(self.onDblClick, {row: cell.row, cell: cell.cell}, e);
-      if (e.isImmediatePropagationStopped()) {
-        return;
-      }
+            page = Math.min(n - 1, Math.floor(y / ph));
+            offset = Math.round(page * cj);
+            var newScrollTop = y - offset;
 
-      if (options.editable) {
-        gotoCell(cell.row, cell.cell, true);
-      }
-    }
+            if (offset != oldOffset) {
+                var range = getVisibleRange(newScrollTop);
+                cleanupRows(range);
+                updateRowPositions();
+            }
 
-    function handleHeaderMouseEnter(e) {
-      trigger(self.onHeaderMouseEnter, {
-        "column": $(this).data("column")
-      }, e);
-    }
+            if (prevScrollTop != newScrollTop) {
+                vScrollDir = (prevScrollTop + oldOffset < newScrollTop + offset) ? 1 : -1;
 
-    function handleHeaderMouseLeave(e) {
-      trigger(self.onHeaderMouseLeave, {
-        "column": $(this).data("column")
-      }, e);
-    }
+                lastRenderedScrollTop = ( scrollTop = prevScrollTop = newScrollTop );
 
-    function handleHeaderContextMenu(e) {
-      var $header = $(e.target).closest(".slick-header-column", ".slick-header-columns");
-      var column = $header && $header.data("column");
-      trigger(self.onHeaderContextMenu, {column: column}, e);
-    }
+                if (options.frozenColumn > -1) {
+                    $viewportTopL[0].scrollTop = newScrollTop;
+                }
 
-    function handleHeaderClick(e) {
-      var $header = $(e.target).closest(".slick-header-column", ".slick-header-columns");
-      var column = $header && $header.data("column");
-      if (column) {
-        trigger(self.onHeaderClick, {column: column}, e);
-      }
-    }
+                if (hasFrozenRows) {
+                    $viewportBottomL[0].scrollTop = $viewportBottomR[0].scrollTop = newScrollTop;
+                }
 
-    function handleMouseEnter(e) {
-      trigger(self.onMouseEnter, {}, e);
-    }
+                $viewportScrollContainerY[0].scrollTop = newScrollTop;
 
-    function handleMouseLeave(e) {
-      trigger(self.onMouseLeave, {}, e);
-    }
+                trigger(self.onViewportChanged, {});
+            }
+        }
 
-    function cellExists(row, cell) {
-      return !(row < 0 || row >= getDataLength() || cell < 0 || cell >= columns.length);
-    }
+        function defaultFormatter(row, cell, value, columnDef, dataContext) {
+            if (value == null) {
+                return "";
+            } else {
+                return (value + "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+            }
+        }
 
-    function getCellFromPoint(x, y) {
-      var row = getRowFromPosition(y);
-      var cell = 0;
+        function getFormatter(row, column) {
+            var rowMetadata = data.getItemMetadata && data.getItemMetadata(row);
 
-      var w = 0;
-      for (var i = 0; i < columns.length && w < x; i++) {
-        w += columns[i].width;
-        cell++;
-      }
+            // look up by id, then index
+            var columnOverrides = rowMetadata && rowMetadata.columns && (rowMetadata.columns[column.id] || rowMetadata.columns[getColumnIndex(column.id)]);
 
-      if (cell < 0) {
-        cell = 0;
-      }
+            return (columnOverrides && columnOverrides.formatter) || (rowMetadata && rowMetadata.formatter) || column.formatter || (options.formatterFactory && options.formatterFactory.getFormatter(column)) || options.defaultFormatter;
+        }
 
-      return {row: row, cell: cell - 1};
-    }
+        function getEditor(row, cell) {
+            var column = columns[cell];
+            var rowMetadata = data.getItemMetadata && data.getItemMetadata(row);
+            var columnMetadata = rowMetadata && rowMetadata.columns;
 
-    function getCellFromNode(cellNode) {
-      // read column number from .l<columnNumber> CSS class
-      var cls = /l\d+/.exec(cellNode.className);
-      if (!cls) {
-        throw "getCellFromNode: cannot get cell - " + cellNode.className;
-      }
-      return parseInt(cls[0].substr(1, cls[0].length - 1), 10);
-    }
+            if (columnMetadata && columnMetadata[column.id] && columnMetadata[column.id].editor !== undefined) {
+                return columnMetadata[column.id].editor;
+            }
+            if (columnMetadata && columnMetadata[cell] && columnMetadata[cell].editor !== undefined) {
+                return columnMetadata[cell].editor;
+            }
 
-    function getRowFromNode(rowNode) {
-      for (var row in rowsCache) {
-        if (rowsCache[row].rowNode === rowNode) {
-          return row | 0;
+            return column.editor || (options.editorFactory && options.editorFactory.getEditor(column));
         }
-      }
 
-      return null;
-    }
+        function getDataItemValueForColumn(item, columnDef) {
+            if (options.dataItemColumnValueExtractor) {
+                return options.dataItemColumnValueExtractor(item, columnDef);
+            }
+            return item[columnDef.field];
+        }
 
-    function getCellFromEvent(e) {
-      var $cell = $(e.target).closest(".slick-cell", $canvas);
-      if (!$cell.length) {
-        return null;
-      }
-
-      var row = getRowFromNode($cell[0].parentNode);
-      var cell = getCellFromNode($cell[0]);
-
-      if (row == null || cell == null) {
-        return null;
-      } else {
-        return {
-          "row": row,
-          "cell": cell
-        };
-      }
-    }
+        function appendRowHtml(stringArrayL, stringArrayR, row, range, dataLength) {
+            var d = getDataItem(row);
+            var dataLoading = row < dataLength && !d;
+            var rowCss = "slick-row" +
+                (dataLoading ? " loading" : "") +
+                (row === activeRow ? " active" : "") +
+                (row % 2 == 1 ? " odd" : " even");
 
-    function getCellNodeBox(row, cell) {
-      if (!cellExists(row, cell)) {
-        return null;
-      }
-
-      var y1 = getRowTop(row);
-      var y2 = y1 + options.rowHeight - 1;
-      var x1 = 0;
-      for (var i = 0; i < cell; i++) {
-        x1 += columns[i].width;
-      }
-      var x2 = x1 + columns[cell].width;
-
-      return {
-        top: y1,
-        left: x1,
-        bottom: y2,
-        right: x2
-      };
-    }
+            var metadata = data.getItemMetadata && data.getItemMetadata(row);
 
-    //////////////////////////////////////////////////////////////////////////////////////////////
-    // Cell switching
+            if (metadata && metadata.cssClasses) {
+                rowCss += " " + metadata.cssClasses;
+            }
 
-    function resetActiveCell() {
-      setActiveCellInternal(null, false);
-    }
+            var frozenRowOffset = getFrozenRowOffset(row);
 
-    function setFocus() {
-      if (tabbingDirection == -1) {
-        $focusSink[0].focus();
-      } else {
-        $focusSink2[0].focus();
-      }
-    }
+            var rowHtml = "<div class='ui-widget-content " + rowCss + "' style='top:"
+                + (getRowTop(row) - frozenRowOffset )
+                + "px'>";
 
-    function scrollCellIntoView(row, cell, doPaging) {
-      scrollRowIntoView(row, doPaging);
-
-      var colspan = getColspan(row, cell);
-      var left = columnPosLeft[cell],
-        right = columnPosRight[cell + (colspan > 1 ? colspan - 1 : 0)],
-        scrollRight = scrollLeft + viewportW;
-
-      if (left < scrollLeft) {
-        $viewport.scrollLeft(left);
-        handleScroll();
-        render();
-      } else if (right > scrollRight) {
-        $viewport.scrollLeft(Math.min(left, right - $viewport[0].clientWidth));
-        handleScroll();
-        render();
-      }
-    }
+            stringArrayL.push(rowHtml);
 
-    function setActiveCellInternal(newCell, opt_editMode) {
-      if (activeCellNode !== null) {
-        makeActiveCellNormal();
-        $(activeCellNode).removeClass("active");
-        if (rowsCache[activeRow]) {
-          $(rowsCache[activeRow].rowNode).removeClass("active");
-        }
-      }
+            if (options.frozenColumn > -1) {
+                stringArrayR.push(rowHtml);
+            }
 
-      var activeCellChanged = (activeCellNode !== newCell);
-      activeCellNode = newCell;
+            var colspan, m;
+            for (var i = 0, ii = columns.length; i < ii; i++) {
+                m = columns[i];
+                colspan = 1;
+                if (metadata && metadata.columns) {
+                    var columnData = metadata.columns[m.id] || metadata.columns[i];
+                    colspan = (columnData && columnData.colspan) || 1;
+                    if (colspan === "*") {
+                        colspan = ii - i;
+                    }
+                }
 
-      if (activeCellNode != null) {
-        activeRow = getRowFromNode(activeCellNode.parentNode);
-        activeCell = activePosX = getCellFromNode(activeCellNode);
+                // Do not render cells outside of the viewport.
+                if (columnPosRight[Math.min(ii - 1, i + colspan - 1)] > range.leftPx) {
+                    if (columnPosLeft[i] > range.rightPx) {
+                        // All columns to the right are outside the range.
+                        break;
+                    }
 
-        if (opt_editMode == null) {
-          opt_editMode = (activeRow == getDataLength()) || options.autoEdit;
-        }
+                    if (( options.frozenColumn > -1 ) && ( i > options.frozenColumn )) {
+                        appendCellHtml(stringArrayR, row, i, colspan, d);
+                    } else {
+                        appendCellHtml(stringArrayL, row, i, colspan, d);
+                    }
+                } else if (( options.frozenColumn > -1 ) && ( i <= options.frozenColumn )) {
+                    appendCellHtml(stringArrayL, row, i, colspan, d);
+                }
 
-        $(activeCellNode).addClass("active");
-        $(rowsCache[activeRow].rowNode).addClass("active");
+                if (colspan > 1) {
+                    i += (colspan - 1);
+                }
+            }
 
-        if (options.editable && opt_editMode && isCellPotentiallyEditable(activeRow, activeCell)) {
-          clearTimeout(h_editorLoader);
+            stringArrayL.push("</div>");
 
-          if (options.asyncEditorLoading) {
-            h_editorLoader = setTimeout(function () {
-              makeActiveCellEditable();
-            }, options.asyncEditorLoadDelay);
-          } else {
-            makeActiveCellEditable();
-          }
+            if (options.frozenColumn > -1) {
+                stringArrayR.push("</div>");
+            }
         }
-      } else {
-        activeRow = activeCell = null;
-      }
 
-      if (activeCellChanged) {
-        trigger(self.onActiveCellChanged, getActiveCell());
-      }
-    }
-
-    function clearTextSelection() {
-      if (document.selection && document.selection.empty) {
-        try {
-          //IE fails here if selected element is not in dom
-          document.selection.empty();
-        } catch (e) { }
-      } else if (window.getSelection) {
-        var sel = window.getSelection();
-        if (sel && sel.removeAllRanges) {
-          sel.removeAllRanges();
-        }
-      }
-    }
-
-    function isCellPotentiallyEditable(row, cell) {
-      var dataLength = getDataLength();
-      // is the data for this row loaded?
-      if (row < dataLength && !getDataItem(row)) {
-        return false;
-      }
+        function appendCellHtml(stringArray, row, cell, colspan, item) {
+            var m = columns[cell];
+            var cellCss = "slick-cell l" + cell + " r" + Math.min(columns.length - 1, cell + colspan - 1)
+                + (m.cssClass ? " " + m.cssClass : "");
+            if (row === activeRow && cell === activeCell) {
+                cellCss += (" active");
+            }
 
-      // are we in the Add New row?  can we create new from this cell?
-      if (columns[cell].cannotTriggerInsert && row >= dataLength) {
-        return false;
-      }
+            // TODO:  merge them together in the setter
+            for (var key in cellCssClasses) {
+                if (cellCssClasses[key][row] && cellCssClasses[key][row][m.id]) {
+                    cellCss += (" " + cellCssClasses[key][row][m.id]);
+                }
+            }
 
-      // does this cell have an editor?
-      if (!getEditor(row, cell)) {
-        return false;
-      }
+            stringArray.push("<div class='" + cellCss + "'>");
 
-      return true;
-    }
+            // if there is a corresponding row (if not, this is the Add New row or this data hasn't been loaded yet)
+            if (item) {
+                var value = getDataItemValueForColumn(item, m);
 
-    function makeActiveCellNormal() {
-      if (!currentEditor) {
-        return;
-      }
-      trigger(self.onBeforeCellEditorDestroy, {editor: currentEditor});
-      currentEditor.destroy();
-      currentEditor = null;
-
-      if (activeCellNode) {
-        var d = getDataItem(activeRow);
-        $(activeCellNode).removeClass("editable invalid");
-        if (d) {
-          var column = columns[activeCell];
-          var formatter = getFormatter(activeRow, column);
-          activeCellNode.innerHTML = formatter(activeRow, activeCell, getDataItemValueForColumn(d, column), column, d);
-          invalidatePostProcessingResults(activeRow);
-        }
-      }
-
-      // if there previously was text selected on a page (such as selected text in the edit cell just removed),
-      // IE can't set focus to anything else correctly
-      if (navigator.userAgent.toLowerCase().match(/msie/)) {
-        clearTextSelection();
-      }
-
-      getEditorLock().deactivate(editController);
-    }
+                stringArray.push(getFormatter(row, m)(row, cell, value, m, item));
+            }
 
-    function makeActiveCellEditable(editor) {
-      if (!activeCellNode) {
-        return;
-      }
-      if (!options.editable) {
-        throw "Grid : makeActiveCellEditable : should never get called when options.editable is false";
-      }
-
-      // cancel pending async call if there is one
-      clearTimeout(h_editorLoader);
-
-      if (!isCellPotentiallyEditable(activeRow, activeCell)) {
-        return;
-      }
-
-      var columnDef = columns[activeCell];
-      var item = getDataItem(activeRow);
-
-      if (trigger(self.onBeforeEditCell, {row: activeRow, cell: activeCell, item: item, column: columnDef}) === false) {
-        setFocus();
-        return;
-      }
-
-      getEditorLock().activate(editController);
-      $(activeCellNode).addClass("editable");
-
-      // don't clear the cell if a custom editor is passed through
-      if (!editor) {
-        activeCellNode.innerHTML = "";
-      }
-
-      currentEditor = new (editor || getEditor(activeRow, activeCell))({
-        grid: self,
-        gridPosition: absBox($container[0]),
-        position: absBox(activeCellNode),
-        container: activeCellNode,
-        column: columnDef,
-        item: item || {},
-        commitChanges: commitEditAndSetFocus,
-        cancelChanges: cancelEditAndSetFocus
-      });
-
-      if (item) {
-        currentEditor.loadValue(item);
-      }
-
-      serializedEditorValue = currentEditor.serializeValue();
-
-      if (currentEditor.position) {
-        handleActiveCellPositionChange();
-      }
-    }
+            stringArray.push("</div>");
 
-    function commitEditAndSetFocus() {
-      // if the commit fails, it would do so due to a validation error
-      // if so, do not steal the focus from the editor
-      if (getEditorLock().commitCurrentEdit()) {
-        setFocus();
-        if (options.autoEdit) {
-          navigateDown();
+            rowsCache[row].cellRenderQueue.push(cell);
+            rowsCache[row].cellColSpans[cell] = colspan;
         }
-      }
-    }
 
-    function cancelEditAndSetFocus() {
-      if (getEditorLock().cancelCurrentEdit()) {
-        setFocus();
-      }
-    }
+        function cleanupRows(rangeToKeep) {
+            for (var i in rowsCache) {
+                var removeFrozenRow = true;
 
-    function absBox(elem) {
-      var box = {
-        top: elem.offsetTop,
-        left: elem.offsetLeft,
-        bottom: 0,
-        right: 0,
-        width: $(elem).outerWidth(),
-        height: $(elem).outerHeight(),
-        visible: true};
-      box.bottom = box.top + box.height;
-      box.right = box.left + box.width;
+                if (hasFrozenRows
+                    && ( ( options.frozenBottom && i >= actualFrozenRow ) // Frozen bottom rows
+                    || ( !options.frozenBottom && i <= actualFrozenRow ) // Frozen top rows
+                    )
+                    ) {
+                    removeFrozenRow = false;
+                }
 
-      // walk up the tree
-      var offsetParent = elem.offsetParent;
-      while ((elem = elem.parentNode) != document.body) {
-        if (box.visible && elem.scrollHeight != elem.offsetHeight && $(elem).css("overflowY") != "visible") {
-          box.visible = box.bottom > elem.scrollTop && box.top < elem.scrollTop + elem.clientHeight;
+                if (( ( i = parseInt(i, 10)) !== activeRow )
+                    && ( i < rangeToKeep.top || i > rangeToKeep.bottom )
+                    && ( removeFrozenRow )
+                    ) {
+                    removeRowFromCache(i);
+                }
+            }
         }
 
-        if (box.visible && elem.scrollWidth != elem.offsetWidth && $(elem).css("overflowX") != "visible") {
-          box.visible = box.right > elem.scrollLeft && box.left < elem.scrollLeft + elem.clientWidth;
+        function invalidate() {
+            updateRowCount();
+            invalidateAllRows();
+            render();
         }
 
-        box.left -= elem.scrollLeft;
-        box.top -= elem.scrollTop;
-
-        if (elem === offsetParent) {
-          box.left += elem.offsetLeft;
-          box.top += elem.offsetTop;
-          offsetParent = elem.offsetParent;
+        function invalidateAllRows() {
+            if (currentEditor) {
+                makeActiveCellNormal();
+            }
+            for (var row in rowsCache) {
+                removeRowFromCache(row);
+            }
         }
 
-        box.bottom = box.top + box.height;
-        box.right = box.left + box.width;
-      }
+        function removeRowFromCache(row) {
+            var cacheEntry = rowsCache[row];
+            if (!cacheEntry) {
+                return;
+            }
 
-      return box;
-    }
+            cacheEntry.rowNode[0].parentElement.removeChild(cacheEntry.rowNode[0]);
 
-    function getActiveCellPosition() {
-      return absBox(activeCellNode);
-    }
+            // Remove the row from the right viewport
+            if (cacheEntry.rowNode[1]) {
+                cacheEntry.rowNode[1].parentElement.removeChild(cacheEntry.rowNode[1]);
+            }
+
+            delete rowsCache[row];
+            delete postProcessedRows[row];
+            renderedRows--;
+            counter_rows_removed++;
+        }
+
+        function invalidateRows(rows) {
+            var i, rl;
+            if (!rows || !rows.length) {
+                return;
+            }
+            vScrollDir = 0;
+            for (i = 0, rl = rows.length; i < rl; i++) {
+                if (currentEditor && activeRow === rows[i]) {
+                    makeActiveCellNormal();
+                }
+                if (rowsCache[rows[i]]) {
+                    removeRowFromCache(rows[i]);
+                }
+            }
+        }
+
+        function invalidateRow(row) {
+            invalidateRows([row]);
+        }
+
+        function updateCell(row, cell) {
+            var cellNode = getCellNode(row, cell);
+            if (!cellNode) {
+                return;
+            }
+
+            var m = columns[cell],
+                d = getDataItem(row);
+            if (currentEditor && activeRow === row && activeCell === cell) {
+                currentEditor.loadValue(d);
+            } else {
+                cellNode.innerHTML = d ? getFormatter(row, m)(row, cell, getDataItemValueForColumn(d, m), m, d) : "";
+                invalidatePostProcessingResults(row);
+            }
+        }
+
+        function updateRow(row) {
+            var cacheEntry = rowsCache[row];
+            if (!cacheEntry) {
+                return;
+            }
+
+            ensureCellNodesInRowsCache(row);
+
+            var d = getDataItem(row);
+
+            for (var columnIdx in cacheEntry.cellNodesByColumnIdx) {
+                if (!cacheEntry.cellNodesByColumnIdx.hasOwnProperty(columnIdx)) {
+                    continue;
+                }
+
+                columnIdx = columnIdx | 0;
+                var m = columns[columnIdx],
+                    node = cacheEntry.cellNodesByColumnIdx[columnIdx][0];
+
+                if (row === activeRow && columnIdx === activeCell && currentEditor) {
+                    currentEditor.loadValue(d);
+                } else if (d) {
+                    node.innerHTML = getFormatter(row, m)(row, columnIdx, getDataItemValueForColumn(d, m), m, d);
+                } else {
+                    node.innerHTML = "";
+                }
+            }
+
+            invalidatePostProcessingResults(row);
+        }
+
+        function getViewportHeight() {
+            if (options.autoHeight) {
+                viewportH = options.rowHeight
+                    * getDataLengthIncludingAddNew()
+                    + ( ( options.frozenColumn == -1 ) ? $headers.outerHeight() : 0 );
+            } else {
+                topPanelH = ( options.showTopPanel )
+                    ? options.topPanelHeight + getVBoxDelta($topPanelScroller)
+                    : 0;
+
+                headerRowH = ( options.showHeaderRow )
+                    ? options.headerRowHeight + getVBoxDelta($headerRowScroller)
+                    : 0;
+
+                viewportH = parseFloat($.css($container[0], "height", true))
+                    - parseFloat($.css($container[0], "paddingTop", true))
+                    - parseFloat($.css($container[0], "paddingBottom", true))
+                    - parseFloat($.css($headerScroller[0], "height"))
+                    - getVBoxDelta($headerScroller)
+                    - topPanelH
+                    - headerRowH;
+            }
+
+            numVisibleRows = Math.ceil(viewportH / options.rowHeight);
+        }
+
+        function getViewportWidth() {
+            viewportW = parseFloat($.css($container[0], "width", true));
+        }
+
+        function resizeCanvas() {
+            if (!initialized) {
+                return;
+            }
+
+            paneTopH = 0
+            paneBottomH = 0
+            viewportTopH = 0
+            viewportBottomH = 0;
+
+            getViewportWidth();
+            getViewportHeight();
+
+            // Account for Frozen Rows
+            if (hasFrozenRows) {
+                if (options.frozenBottom) {
+                    paneTopH = viewportH - frozenRowsHeight - scrollbarDimensions.height;
+
+                    paneBottomH = frozenRowsHeight + scrollbarDimensions.height;
+                } else {
+                    paneTopH = frozenRowsHeight;
+                    paneBottomH = viewportH - frozenRowsHeight;
+                }
+            } else {
+                paneTopH = viewportH;
+            }
+
+            // The top pane includes the top panel and the header row
+            paneTopH += topPanelH + headerRowH;
+
+            if (options.frozenColumn > -1 && options.autoHeight) {
+                paneTopH += scrollbarDimensions.height;
+            }
+
+            // The top viewport does not contain the top panel or header row
+            viewportTopH = paneTopH - topPanelH - headerRowH
+
+            if (options.autoHeight) {
+                if (options.frozenColumn > -1) {
+                    $container.height(
+                        paneTopH
+                            + parseFloat($.css($headerScrollerL[0], "height"))
+                    );
+                }
+
+                $paneTopL.css('position', 'relative');
+            }
+
+            $paneTopL.css({
+                'top': $paneHeaderL.height(), 'height': paneTopH
+            });
+
+            var paneBottomTop = $paneTopL.position().top
+                + paneTopH;
+
+            $viewportTopL.height(viewportTopH);
+
+            if (options.frozenColumn > -1) {
+                $paneTopR.css({
+                    'top': $paneHeaderL.height(), 'height': paneTopH
+                });
+
+                $viewportTopR.height(viewportTopH);
+
+                if (hasFrozenRows) {
+                    $paneBottomL.css({
+                        'top': paneBottomTop, 'height': paneBottomH
+                    });
+
+                    $paneBottomR.css({
+                        'top': paneBottomTop, 'height': paneBottomH
+                    });
+
+                    $viewportBottomR.height(paneBottomH);
+                }
+            } else {
+                if (hasFrozenRows) {
+                    $paneBottomL.css({
+                        'width': '100%', 'height': paneBottomH
+                    });
+
+                    $paneBottomL.css('top', paneBottomTop);
+                }
+            }
+
+            if (hasFrozenRows) {
+                $viewportBottomL.height(paneBottomH);
+
+                if (options.frozenBottom) {
+                    $canvasBottomL.height(frozenRowsHeight);
+
+                    if (options.frozenColumn > -1) {
+                        $canvasBottomR.height(frozenRowsHeight);
+                    }
+                } else {
+                    $canvasTopL.height(frozenRowsHeight);
+
+                    if (options.frozenColumn > -1) {
+                        $canvasTopR.height(frozenRowsHeight);
+                    }
+                }
+            } else {
+                $viewportTopR.height(viewportTopH);
+            }
+
+            if (options.forceFitColumns) {
+                autosizeColumns();
+            }
+
+            updateRowCount();
+            handleScroll();
+            // Since the width has changed, force the render() to reevaluate virtually rendered cells.
+            lastRenderedScrollLeft = -1;
+            render();
+        }
+
+        function updateRowCount() {
+            if (!initialized) {
+                return;
+            }
+
+            var dataLengthIncludingAddNew = getDataLengthIncludingAddNew();
+            var numberOfRows = 0;
+            var oldH = ( hasFrozenRows && !options.frozenBottom ) ? $canvasBottomL.height() : $canvasTopL.height();
+
+            if (hasFrozenRows && options.frozenBottom) {
+                var numberOfRows = getDataLength() - options.frozenRow;
+            } else {
+                var numberOfRows = dataLengthIncludingAddNew + (options.leaveSpaceForNewRows ? numVisibleRows - 1 : 0);
+            }
+
+            var tempViewportH = $viewportScrollContainerY.height();
+            var oldViewportHasVScroll = viewportHasVScroll;
+            // with autoHeight, we do not need to accommodate the vertical scroll bar
+            viewportHasVScroll = !options.autoHeight && (numberOfRows * options.rowHeight > tempViewportH);
+
+            // remove the rows that are now outside of the data range
+            // this helps avoid redundant calls to .removeRow() when the size of
+            // the data decreased by thousands of rows
+            var l = dataLengthIncludingAddNew - 1;
+            for (var i in rowsCache) {
+                if (i >= l) {
+                    removeRowFromCache(i);
+                }
+            }
+
+            th = Math.max(options.rowHeight * numberOfRows, tempViewportH - scrollbarDimensions.height);
+
+            if (activeCellNode && activeRow > l) {
+                resetActiveCell();
+            }
+
+            if (th < maxSupportedCssHeight) {
+                // just one page
+                h = ph = th;
+                n = 1;
+                cj = 0;
+            } else {
+                // break into pages
+                h = maxSupportedCssHeight;
+                ph = h / 100;
+                n = Math.floor(th / ph);
+                cj = (th - h) / (n - 1);
+            }
+
+            if (h !== oldH) {
+                if (hasFrozenRows && !options.frozenBottom) {
+                    $canvasBottomL.css("height", h);
+
+                    if (options.frozenColumn > -1) {
+                        $canvasBottomR.css("height", h);
+                    }
+                } else {
+                    $canvasTopL.css("height", h);
+                    $canvasTopR.css("height", h);
+                }
+
+                scrollTop = $viewportScrollContainerY[0].scrollTop;
+            }
+
+            var oldScrollTopInRange = (scrollTop + offset <= th - tempViewportH);
+
+            if (th == 0 || scrollTop == 0) {
+                page = offset = 0;
+            } else if (oldScrollTopInRange) {
+                // maintain virtual position
+                scrollTo(scrollTop + offset);
+            } else {
+                // scroll to bottom
+                scrollTo(th - tempViewportH);
+            }
+
+            if (h != oldH && options.autoHeight) {
+                resizeCanvas();
+            }
+
+            if (options.forceFitColumns && oldViewportHasVScroll != viewportHasVScroll) {
+                autosizeColumns();
+            }
+            updateCanvasWidth(false);
+        }
+
+        function getVisibleRange(viewportTop, viewportLeft) {
+            if (viewportTop == null) {
+                viewportTop = scrollTop;
+            }
+            if (viewportLeft == null) {
+                viewportLeft = scrollLeft;
+            }
+
+            return {
+                top: getRowFromPosition(viewportTop),
+                bottom: getRowFromPosition(viewportTop + viewportH) + 1,
+                leftPx: viewportLeft,
+                rightPx: viewportLeft + viewportW
+            };
+        }
+
+        function getRenderedRange(viewportTop, viewportLeft) {
+            var range = getVisibleRange(viewportTop, viewportLeft);
+            var buffer = Math.round(viewportH / options.rowHeight);
+            var minBuffer = 3;
+
+            if (vScrollDir == -1) {
+                range.top -= buffer;
+                range.bottom += minBuffer;
+            } else if (vScrollDir == 1) {
+                range.top -= minBuffer;
+                range.bottom += buffer;
+            } else {
+                range.top -= minBuffer;
+                range.bottom += minBuffer;
+            }
+
+            range.top = Math.max(0, range.top);
+            range.bottom = Math.min(getDataLengthIncludingAddNew() - 1, range.bottom);
+
+            range.leftPx -= viewportW;
+            range.rightPx += viewportW;
+
+            range.leftPx = Math.max(0, range.leftPx);
+            range.rightPx = Math.min(canvasWidth, range.rightPx);
+
+            return range;
+        }
+
+        function ensureCellNodesInRowsCache(row) {
+            var cacheEntry = rowsCache[row];
+            if (cacheEntry) {
+                if (cacheEntry.cellRenderQueue.length) {
+                    var $lastNode = cacheEntry.rowNode.children().last();
+                    while (cacheEntry.cellRenderQueue.length) {
+                        var columnIdx = cacheEntry.cellRenderQueue.pop();
+
+                        cacheEntry.cellNodesByColumnIdx[columnIdx] = $lastNode;
+                        $lastNode = $lastNode.prev();
+
+                        // Hack to retrieve the frozen columns because
+                        if ($lastNode.length == 0) {
+                            $lastNode = $(cacheEntry.rowNode[0]).children().last();
+                        }
+                    }
+                }
+            }
+        }
+
+        function cleanUpCells(range, row) {
+            // Ignore frozen rows
+            if (hasFrozenRows
+                && ( ( options.frozenBottom && row > actualFrozenRow ) // Frozen bottom rows
+                || ( row <= actualFrozenRow )                     // Frozen top rows
+                )
+                ) {
+                return;
+            }
+
+            var totalCellsRemoved = 0;
+            var cacheEntry = rowsCache[row];
+
+            // Remove cells outside the range.
+            var cellsToRemove = [];
+            for (var i in cacheEntry.cellNodesByColumnIdx) {
+                // I really hate it when people mess with Array.prototype.
+                if (!cacheEntry.cellNodesByColumnIdx.hasOwnProperty(i)) {
+                    continue;
+                }
+
+                // This is a string, so it needs to be cast back to a number.
+                i = i | 0;
+
+                // Ignore frozen columns
+                if (i <= options.frozenColumn) {
+                    continue;
+                }
+
+                var colspan = cacheEntry.cellColSpans[i];
+                if (columnPosLeft[i] > range.rightPx || columnPosRight[Math.min(columns.length - 1, i + colspan - 1)] < range.leftPx) {
+                    if (!(row == activeRow && i == activeCell)) {
+                        cellsToRemove.push(i);
+                    }
+                }
+            }
+
+            var cellToRemove;
+            while ((cellToRemove = cellsToRemove.pop()) != null) {
+                cacheEntry.cellNodesByColumnIdx[cellToRemove][0].parentElement.removeChild(cacheEntry.cellNodesByColumnIdx[cellToRemove][0]);
+                delete cacheEntry.cellColSpans[cellToRemove];
+                delete cacheEntry.cellNodesByColumnIdx[cellToRemove];
+                if (postProcessedRows[row]) {
+                    delete postProcessedRows[row][cellToRemove];
+                }
+                totalCellsRemoved++;
+            }
+        }
+
+        function cleanUpAndRenderCells(range) {
+            var cacheEntry;
+            var stringArray = [];
+            var processedRows = [];
+            var cellsAdded;
+            var totalCellsAdded = 0;
+            var colspan;
+
+            for (var row = range.top, btm = range.bottom; row <= btm; row++) {
+                cacheEntry = rowsCache[row];
+                if (!cacheEntry) {
+                    continue;
+                }
+
+                // cellRenderQueue populated in renderRows() needs to be cleared first
+                ensureCellNodesInRowsCache(row);
+
+                cleanUpCells(range, row);
+
+                // Render missing cells.
+                cellsAdded = 0;
+
+                var metadata = data.getItemMetadata && data.getItemMetadata(row);
+                metadata = metadata && metadata.columns;
+
+                var d = getDataItem(row);
+
+                // TODO:  shorten this loop (index? heuristics? binary search?)
+                for (var i = 0, ii = columns.length; i < ii; i++) {
+                    // Cells to the right are outside the range.
+                    if (columnPosLeft[i] > range.rightPx) {
+                        break;
+                    }
+
+                    // Already rendered.
+                    if ((colspan = cacheEntry.cellColSpans[i]) != null) {
+                        i += (colspan > 1 ? colspan - 1 : 0);
+                        continue;
+                    }
+
+                    colspan = 1;
+                    if (metadata) {
+                        var columnData = metadata[columns[i].id] || metadata[i];
+                        colspan = (columnData && columnData.colspan) || 1;
+                        if (colspan === "*") {
+                            colspan = ii - i;
+                        }
+                    }
+
+                    if (columnPosRight[Math.min(ii - 1, i + colspan - 1)] > range.leftPx) {
+                        appendCellHtml(stringArray, row, i, colspan, d);
+                        cellsAdded++;
+                    }
+
+                    i += (colspan > 1 ? colspan - 1 : 0);
+                }
+
+                if (cellsAdded) {
+                    totalCellsAdded += cellsAdded;
+                    processedRows.push(row);
+                }
+            }
+
+            if (!stringArray.length) {
+                return;
+            }
+
+            var x = document.createElement("div");
+            x.innerHTML = stringArray.join("");
+
+            var processedRow;
+            var $node;
+            while ((processedRow = processedRows.pop()) != null) {
+                cacheEntry = rowsCache[processedRow];
+                var columnIdx;
+                while ((columnIdx = cacheEntry.cellRenderQueue.pop()) != null) {
+                    $node = $(x).children().last();
+
+                    if (( options.frozenColumn > -1 ) && ( columnIdx > options.frozenColumn )) {
+                        $(cacheEntry.rowNode[1]).append($node);
+                    } else {
+                        $(cacheEntry.rowNode[0]).append($node);
+                    }
+
+                    cacheEntry.cellNodesByColumnIdx[columnIdx] = $node;
+                }
+            }
+        }
+
+        function renderRows(range) {
+            var stringArrayL = [],
+                stringArrayR = [],
+                rows = [],
+                needToReselectCell = false,
+                dataLength = getDataLength();
+
+            for (var i = range.top, ii = range.bottom; i <= ii; i++) {
+                if (rowsCache[i] || ( hasFrozenRows && options.frozenBottom && i == getDataLength() )) {
+                    continue;
+                }
+                renderedRows++;
+                rows.push(i);
+
+                // Create an entry right away so that appendRowHtml() can
+                // start populatating it.
+                rowsCache[i] = {
+                    "rowNode": null,
+
+                    // ColSpans of rendered cells (by column idx).
+                    // Can also be used for checking whether a cell has been rendered.
+                    "cellColSpans": [],
+
+                    // Cell nodes (by column idx).  Lazy-populated by ensureCellNodesInRowsCache().
+                    "cellNodesByColumnIdx": [],
+
+                    // Column indices of cell nodes that have been rendered, but not yet indexed in
+                    // cellNodesByColumnIdx.  These are in the same order as cell nodes added at the
+                    // end of the row.
+                    "cellRenderQueue": []
+                };
+
+                appendRowHtml(stringArrayL, stringArrayR, i, range, dataLength);
+                if (activeCellNode && activeRow === i) {
+                    needToReselectCell = true;
+                }
+                counter_rows_rendered++;
+            }
+
+            if (!rows.length) {
+                return;
+            }
+
+            var x = document.createElement("div"),
+                xRight = document.createElement("div");
+
+            x.innerHTML = stringArrayL.join("");
+            xRight.innerHTML = stringArrayR.join("");
+
+            for (var i = 0, ii = rows.length; i < ii; i++) {
+                if (( hasFrozenRows ) && ( rows[i] >= actualFrozenRow )) {
+                    if (options.frozenColumn > -1) {
+                        rowsCache[rows[i]].rowNode = $()
+                            .add($(x.firstChild).appendTo($canvasBottomL))
+                            .add($(xRight.firstChild).appendTo($canvasBottomR));
+                    } else {
+                        rowsCache[rows[i]].rowNode = $()
+                            .add($(x.firstChild).appendTo($canvasBottomL));
+                    }
+                } else if (options.frozenColumn > -1) {
+                    rowsCache[rows[i]].rowNode = $()
+                        .add($(x.firstChild).appendTo($canvasTopL))
+                        .add($(xRight.firstChild).appendTo($canvasTopR));
+                } else {
+                    rowsCache[rows[i]].rowNode = $()
+                        .add($(x.firstChild).appendTo($canvasTopL));
+                }
+            }
+
+            if (needToReselectCell) {
+                activeCellNode = getCellNode(activeRow, activeCell);
+            }
+        }
+
+        function startPostProcessing() {
+            if (!options.enableAsyncPostRender) {
+                return;
+            }
+            clearTimeout(h_postrender);
+            h_postrender = setTimeout(asyncPostProcessRows, options.asyncPostRenderDelay);
+        }
+
+        function invalidatePostProcessingResults(row) {
+            delete postProcessedRows[row];
+            postProcessFromRow = Math.min(postProcessFromRow, row);
+            postProcessToRow = Math.max(postProcessToRow, row);
+            startPostProcessing();
+        }
+
+        function updateRowPositions() {
+            for (var row in rowsCache) {
+                rowsCache[row].rowNode.css('top', getRowTop(row) + "px");
+            }
+        }
+
+        function render() {
+            if (!initialized) {
+                return;
+            }
+            var visible = getVisibleRange();
+            var rendered = getRenderedRange();
+
+            // remove rows no longer in the viewport
+            cleanupRows(rendered);
+
+            // add new rows & missing cells in existing rows
+            if (lastRenderedScrollLeft != scrollLeft) {
+                cleanUpAndRenderCells(rendered);
+            }
+
+            // render missing rows
+            renderRows(rendered);
+
+            // Render frozen bottom rows
+            if (options.frozenBottom) {
+                renderRows({
+                    top: actualFrozenRow, bottom: getDataLength() - 1, leftPx: rendered.leftPx, rightPx: rendered.rightPx
+                });
+            }
+
+            postProcessFromRow = visible.top;
+            postProcessToRow = Math.min(getDataLengthIncludingAddNew() - 1, visible.bottom);
+            startPostProcessing();
+
+            lastRenderedScrollTop = scrollTop;
+            lastRenderedScrollLeft = scrollLeft;
+            h_render = null;
+        }
+
+        function handleHeaderRowScroll() {
+            var scrollLeft = $headerRowScrollContainer[0].scrollLeft;
+            if (scrollLeft != $viewportScrollContainerX[0].scrollLeft) {
+                $viewportScrollContainerX[0].scrollLeft = scrollLeft;
+            }
+        }
+
+        function handleMouseWheel(event, delta, deltaX, deltaY) {
+            scrollTop = Math.max(0, $viewportScrollContainerY[0].scrollTop - (deltaY * options.rowHeight));
+            scrollLeft = $viewportScrollContainerX[0].scrollLeft + (deltaX * 10);
+            _handleScroll(true);
+            event.preventDefault();
+        }
+
+        function handleScroll() {
+            scrollTop = $viewportScrollContainerY[0].scrollTop;
+            scrollLeft = $viewportScrollContainerX[0].scrollLeft;
+            _handleScroll(false);
+        }
+
+        function _handleScroll(isMouseWheel) {
+            var maxScrollDistanceY = $viewportScrollContainerY[0].scrollHeight - $viewportScrollContainerY[0].clientHeight;
+            var maxScrollDistanceX = $viewportScrollContainerY[0].scrollWidth - $viewportScrollContainerY[0].clientWidth;
+
+            // Ceiling the max scroll values
+            if (scrollTop > maxScrollDistanceY) {
+                scrollTop = maxScrollDistanceY;
+            }
+            if (scrollLeft > maxScrollDistanceX) {
+                scrollLeft = maxScrollDistanceX;
+            }
+
+            var vScrollDist = Math.abs(scrollTop - prevScrollTop);
+            var hScrollDist = Math.abs(scrollLeft - prevScrollLeft);
+
+            if (hScrollDist) {
+                prevScrollLeft = scrollLeft;
+
+                $viewportScrollContainerX[0].scrollLeft = scrollLeft;
+                $headerScrollContainer[0].scrollLeft = scrollLeft;
+                $topPanelScroller[0].scrollLeft = scrollLeft;
+                $headerRowScrollContainer[0].scrollLeft = scrollLeft;
+
+                if (options.frozenColumn > -1) {
+                    if (hasFrozenRows) {
+                        $viewportTopR[0].scrollLeft = scrollLeft;
+                    }
+                } else {
+                    if (hasFrozenRows) {
+                        $viewportTopL[0].scrollLeft = scrollLeft;
+                    }
+                }
+            }
+
+            if (vScrollDist) {
+                vScrollDir = prevScrollTop < scrollTop ? 1 : -1;
+                prevScrollTop = scrollTop
+
+                if (isMouseWheel) {
+                    $viewportScrollContainerY[0].scrollTop = scrollTop;
+                }
+
+                if (options.frozenColumn > -1) {
+                    if (hasFrozenRows && !options.frozenBottom) {
+                        $viewportBottomL[0].scrollTop = scrollTop;
+                    } else {
+                        $viewportTopL[0].scrollTop = scrollTop;
+                    }
+                }
+
+                // switch virtual pages if needed
+                if (vScrollDist < viewportH) {
+                    scrollTo(scrollTop + offset);
+                } else {
+                    var oldOffset = offset;
+                    if (h == viewportH) {
+                        page = 0;
+                    } else {
+                        page = Math.min(n - 1, Math.floor(scrollTop * ((th - viewportH) / (h - viewportH)) * (1 / ph)));
+                    }
+                    offset = Math.round(page * cj);
+                    if (oldOffset != offset) {
+                        invalidateAllRows();
+                    }
+                }
+            }
+
+            if (hScrollDist || vScrollDist) {
+                if (h_render) {
+                    clearTimeout(h_render);
+                }
+
+                if (Math.abs(lastRenderedScrollTop - scrollTop) > 20 ||
+                    Math.abs(lastRenderedScrollLeft - scrollLeft) > 20) {
+                    if (options.forceSyncScrolling || (
+                        Math.abs(lastRenderedScrollTop - scrollTop) < viewportH &&
+                            Math.abs(lastRenderedScrollLeft - scrollLeft) < viewportW)) {
+                        render();
+                    } else {
+                        h_render = setTimeout(render, 50);
+                    }
+
+                    trigger(self.onViewportChanged, {});
+                }
+            }
+
+            trigger(self.onScroll, {
+                scrollLeft: scrollLeft,
+                scrollTop: scrollTop
+            });
+        }
+
+        function asyncPostProcessRows() {
+            var dataLength = getDataLength();
+            while (postProcessFromRow <= postProcessToRow) {
+                var row = (vScrollDir >= 0) ? postProcessFromRow++ : postProcessToRow--;
+                var cacheEntry = rowsCache[row];
+                if (!cacheEntry || row >= dataLength) {
+                    continue;
+                }
+
+                if (!postProcessedRows[row]) {
+                    postProcessedRows[row] = {};
+                }
+
+                ensureCellNodesInRowsCache(row);
+                for (var columnIdx in cacheEntry.cellNodesByColumnIdx) {
+                    if (!cacheEntry.cellNodesByColumnIdx.hasOwnProperty(columnIdx)) {
+                        continue;
+                    }
+
+                    columnIdx = columnIdx | 0;
+
+                    var m = columns[columnIdx];
+                    if (m.asyncPostRender && !postProcessedRows[row][columnIdx]) {
+                        var node = cacheEntry.cellNodesByColumnIdx[columnIdx];
+                        if (node) {
+                            m.asyncPostRender(node, row, getDataItem(row), m);
+                        }
+                        postProcessedRows[row][columnIdx] = true;
+                    }
+                }
+
+                h_postrender = setTimeout(asyncPostProcessRows, options.asyncPostRenderDelay);
+                return;
+            }
+        }
+
+        function updateCellCssStylesOnRenderedRows(addedHash, removedHash) {
+            var node, columnId, addedRowHash, removedRowHash;
+            for (var row in rowsCache) {
+                removedRowHash = removedHash && removedHash[row];
+                addedRowHash = addedHash && addedHash[row];
+
+                if (removedRowHash) {
+                    for (columnId in removedRowHash) {
+                        if (!addedRowHash || removedRowHash[columnId] != addedRowHash[columnId]) {
+                            node = getCellNode(row, getColumnIndex(columnId));
+                            if (node) {
+                                $(node).removeClass(removedRowHash[columnId]);
+                            }
+                        }
+                    }
+                }
+
+                if (addedRowHash) {
+                    for (columnId in addedRowHash) {
+                        if (!removedRowHash || removedRowHash[columnId] != addedRowHash[columnId]) {
+                            node = getCellNode(row, getColumnIndex(columnId));
+                            if (node) {
+                                $(node).addClass(addedRowHash[columnId]);
+                            }
+                        }
+                    }
+                }
+            }
+        }
+
+        function addCellCssStyles(key, hash) {
+            if (cellCssClasses[key]) {
+                throw "addCellCssStyles: cell CSS hash with key '" + key + "' already exists.";
+            }
+
+            cellCssClasses[key] = hash;
+            updateCellCssStylesOnRenderedRows(hash, null);
+
+            trigger(self.onCellCssStylesChanged, {
+                "key": key,
+                "hash": hash
+            });
+        }
+
+        function removeCellCssStyles(key) {
+            if (!cellCssClasses[key]) {
+                return;
+            }
+
+            updateCellCssStylesOnRenderedRows(null, cellCssClasses[key]);
+            delete cellCssClasses[key];
+
+            trigger(self.onCellCssStylesChanged, {
+                "key": key,
+                "hash": null
+            });
+        }
+
+        function setCellCssStyles(key, hash) {
+            var prevHash = cellCssClasses[key];
+
+            cellCssClasses[key] = hash;
+            updateCellCssStylesOnRenderedRows(hash, prevHash);
+
+            trigger(self.onCellCssStylesChanged, {
+                "key": key,
+                "hash": hash
+            });
+        }
+
+        function getCellCssStyles(key) {
+            return cellCssClasses[key];
+        }
+
+        function flashCell(row, cell, speed) {
+            speed = speed || 100;
+            if (rowsCache[row]) {
+                var $cell = $(getCellNode(row, cell));
+
+                function toggleCellClass(times) {
+                    if (!times) {
+                        return;
+                    }
+                    setTimeout(function () {
+                        $cell.queue(function () {
+                            $cell.toggleClass(options.cellFlashingCssClass).dequeue();
+                            toggleCellClass(times - 1);
+                        });
+                    }, speed);
+                }
+
+                toggleCellClass(4);
+            }
+        }
+
+        // ////////////////////////////////////////////////////////////////////////////////////////////
+        // Interactivity
+
+        function handleDragInit(e, dd) {
+            var cell = getCellFromEvent(e);
+            if (!cell || !cellExists(cell.row, cell.cell)) {
+                return false;
+            }
+
+            var retval = trigger(self.onDragInit, dd, e);
+            if (e.isImmediatePropagationStopped()) {
+                return retval;
+            }
+
+            // if nobody claims to be handling drag'n'drop by stopping immediate
+            // propagation, cancel out of it
+            return false;
+        }
+
+        function handleDragStart(e, dd) {
+            var cell = getCellFromEvent(e);
+            if (!cell || !cellExists(cell.row, cell.cell)) {
+                return false;
+            }
+
+            var retval = trigger(self.onDragStart, dd, e);
+            if (e.isImmediatePropagationStopped()) {
+                return retval;
+            }
+
+            return false;
+        }
+
+        function handleDrag(e, dd) {
+            return trigger(self.onDrag, dd, e);
+        }
+
+        function handleDragEnd(e, dd) {
+            trigger(self.onDragEnd, dd, e);
+        }
+
+        function handleKeyDown(e) {
+            trigger(self.onKeyDown, {
+                row: activeRow,
+                cell: activeCell
+            }, e);
+
+            var handled = e.isImmediatePropagationStopped();
+
+            if (!handled) {
+                if (!e.shiftKey && !e.altKey && !e.ctrlKey) {
+                    if (e.which == 27) {
+                        if (!getEditorLock().isActive()) {
+                            return; // no editing mode to cancel, allow bubbling and default processing (exit without cancelling the event)
+                        }
+                        cancelEditAndSetFocus();
+                    } else if (e.which == 34) {
+                        navigatePageDown();
+                        handled = true;
+                    } else if (e.which == 33) {
+                        navigatePageUp();
+                        handled = true;
+                    } else if (e.which == 37) {
+                        handled = navigateLeft();
+                    } else if (e.which == 39) {
+                        handled = navigateRight();
+                    } else if (e.which == 38) {
+                        handled = navigateUp();
+                    } else if (e.which == 40) {
+                        handled = navigateDown();
+                    } else if (e.which == 9) {
+                        handled = navigateNext();
+                    } else if (e.which == 13) {
+                        if (options.editable) {
+                            if (currentEditor) {
+                                // adding new row
+                                if (activeRow === getDataLength()) {
+                                    navigateDown();
+                                } else {
+                                    commitEditAndSetFocus();
+                                }
+                            } else {
+                                if (getEditorLock().commitCurrentEdit()) {
+                                    makeActiveCellEditable();
+                                }
+                            }
+                        }
+                        handled = true;
+                    }
+                } else if (e.which == 9 && e.shiftKey && !e.ctrlKey && !e.altKey) {
+                    handled = navigatePrev();
+                }
+            }
+
+            if (handled) {
+                // the event has been handled so don't let parent element (bubbling/propagation) or browser (default) handle it
+                e.stopPropagation();
+                e.preventDefault();
+                try {
+                    e.originalEvent.keyCode = 0; // prevent default behaviour for special keys in IE browsers (F3, F5, etc.)
+                }
+                    // ignore exceptions - setting the original event's keycode throws
+                    // access denied exception for "Ctrl" (hitting control key only, nothing else), "Shift" (maybe others)
+                catch (error) {
+                }
+            }
+        }
+
+        function handleClick(e) {
+            if (!currentEditor) {
+                // if this click resulted in some cell child node getting focus,
+                // don't steal it back - keyboard events will still bubble up
+                // IE9+ seems to default DIVs to tabIndex=0 instead of -1, so check for cell clicks directly.
+                if (e.target != document.activeElement || $(e.target).hasClass("slick-cell")) {
+                    setFocus();
+                }
+            }
+
+            var cell = getCellFromEvent(e);
+
+            if (!cell || (currentEditor !== null && activeRow == cell.row && activeCell == cell.cell)) {
+                return;
+            }
+
+            trigger(self.onClick, {
+                row: cell.row,
+                cell: cell.cell
+            }, e);
+            if (e.isImmediatePropagationStopped()) {
+                return;
+            }
+
+            if ((activeCell != cell.cell || activeRow != cell.row) && canCellBeActive(cell.row, cell.cell)) {
+                if (!getEditorLock().isActive() || getEditorLock().commitCurrentEdit()) {
+                    if (hasFrozenRows) {
+                        if (( !( options.frozenBottom ) && ( cell.row >= actualFrozenRow ) )
+                            || ( options.frozenBottom && ( cell.row < actualFrozenRow ) )
+                            ) {
+                            scrollRowIntoView(cell.row, false);
+                        }
+
+                        setActiveCellInternal(getCellNode(cell.row, cell.cell));
+                    }
+                }
+            }
+        }
+
+        function handleContextMenu(e) {
+            var $cell = $(e.target).closest(".slick-cell", $canvas);
+            if ($cell.length === 0) {
+                return;
+            }
+
+            // are we editing this cell?
+            if (activeCellNode === $cell[0] && currentEditor !== null) {
+                return;
+            }
+
+            trigger(self.onContextMenu, {}, e);
+        }
+
+        function handleDblClick(e) {
+            var cell = getCellFromEvent(e);
+            if (!cell || (currentEditor !== null && activeRow == cell.row && activeCell == cell.cell)) {
+                return;
+            }
+
+            trigger(self.onDblClick, {
+                row: cell.row,
+                cell: cell.cell
+            }, e);
+            if (e.isImmediatePropagationStopped()) {
+                return;
+            }
+
+            if (options.editable) {
+                gotoCell(cell.row, cell.cell, true);
+            }
+        }
+
+        function handleHeaderMouseEnter(e) {
+            trigger(self.onHeaderMouseEnter, {
+                "column": $(this).data("column")
+            }, e);
+        }
+
+        function handleHeaderMouseLeave(e) {
+            trigger(self.onHeaderMouseLeave, {
+                "column": $(this).data("column")
+            }, e);
+        }
+
+        function handleHeaderContextMenu(e) {
+            var $header = $(e.target).closest(".slick-header-column", ".slick-header-columns");
+            var column = $header && $header.data("column");
+            trigger(self.onHeaderContextMenu, {
+                column: column
+            }, e);
+        }
+
+        function handleHeaderClick(e) {
+            var $header = $(e.target).closest(".slick-header-column", ".slick-header-columns");
+            var column = $header && $header.data("column");
+            if (column) {
+                trigger(self.onHeaderClick, {
+                    column: column
+                }, e);
+            }
+        }
+
+        function handleMouseEnter(e) {
+            trigger(self.onMouseEnter, {}, e);
+        }
+
+        function handleMouseLeave(e) {
+            trigger(self.onMouseLeave, {}, e);
+        }
+
+        function cellExists(row, cell) {
+            return !(row < 0 || row >= getDataLength() || cell < 0 || cell >= columns.length);
+        }
+
+        function getCellFromPoint(x, y) {
+            var row = getRowFromPosition(y);
+            var cell = 0;
+
+            var w = 0;
+            for (var i = 0; i < columns.length && w < x; i++) {
+                w += columns[i].width;
+                cell++;
+            }
+
+            if (cell < 0) {
+                cell = 0;
+            }
+
+            return {
+                row: row,
+                cell: cell - 1
+            };
+        }
+
+        function getCellFromNode(cellNode) {
+            // read column number from .l<columnNumber> CSS class
+            var cls = /l\d+/.exec(cellNode.className);
+            if (!cls) {
+                throw "getCellFromNode: cannot get cell - " + cellNode.className;
+            }
+            return parseInt(cls[0].substr(1, cls[0].length - 1), 10);
+        }
+
+        function getRowFromNode(rowNode) {
+            for (var row in rowsCache) {
+                if (rowsCache[row].rowNode[0] === rowNode[0]) {
+                    return row | 0;
+                }
+            }
+
+            return null;
+        }
+
+        function getFrozenRowOffset(row) {
+            var offset =
+                ( hasFrozenRows )
+                    ? ( options.frozenBottom )
+                    ? ( row >= actualFrozenRow )
+                    ? ( h < viewportTopH )
+                    ? ( actualFrozenRow * options.rowHeight )
+                    : h
+                    : 0
+                    : ( row >= actualFrozenRow )
+                    ? frozenRowsHeight
+                    : 0
+                    : 0;
+
+            return offset;
+        }
+
+        function getCellFromEvent(e) {
+            var $cell = $(e.target).closest(".slick-cell", $canvas);
+            if (!$cell.length) {
+                return null;
+            }
+
+            // TODO: This change eliminates the need for getCellFromEvent since
+            //  we're ultimately calling getCellFromPoint.  Need to further analyze
+            //  if getCellFromEvent can work with frozen columns
+
+            var c = $cell.parents('.grid-canvas').offset();
+
+            var rowOffset = 0;
+            var isBottom = $cell.parents('.grid-canvas-bottom').length;
+
+            if (hasFrozenRows && isBottom) {
+                rowOffset = ( options.frozenBottom ) ? $canvasTopL.height() : frozenRowsHeight;
+            }
+
+            var row = getCellFromPoint(e.clientX - c.left, e.clientY - c.top + rowOffset + $(document).scrollTop()).row;
+            var cell = getCellFromNode($cell[0]);
+
+            if (row == null || cell == null) {
+                return null;
+            } else {
+                return {
+                    "row": row,
+                    "cell": cell
+                };
+            }
+        }
+
+        function getCellNodeBox(row, cell) {
+            if (!cellExists(row, cell)) {
+                return null;
+            }
+
+            var frozenRowOffset = getFrozenRowOffset(row);
+
+            var y1 = getRowTop(row) - frozenRowOffset;
+            var y2 = y1 + options.rowHeight - 1;
+            var x1 = 0;
+            for (var i = 0; i < cell; i++) {
+                x1 += columns[i].width;
+
+                if (options.frozenColumn == i) {
+                    x1 = 0;
+                }
+            }
+            var x2 = x1 + columns[cell].width;
+
+            return {
+                top: y1,
+                left: x1,
+                bottom: y2,
+                right: x2
+            };
+        }
+
+        // ////////////////////////////////////////////////////////////////////////////////////////////
+        // Cell switching
+
+        function resetActiveCell() {
+            setActiveCellInternal(null, false);
+        }
+
+        function setFocus() {
+            if (tabbingDirection == -1) {
+                $focusSink[0].focus();
+            } else {
+                $focusSink2[0].focus();
+            }
+        }
+
+        function scrollCellIntoView(row, cell, doPaging) {
+            // Don't scroll to frozen cells
+            if (cell <= options.frozenColumn) {
+                return;
+            }
+
+            if (row < actualFrozenRow) {
+                scrollRowIntoView(row, doPaging);
+            }
+
+            var colspan = getColspan(row, cell);
+            var left = columnPosLeft[cell],
+                right = columnPosRight[cell + (colspan > 1 ? colspan - 1 : 0)],
+                scrollRight = scrollLeft + $viewportScrollContainerX.width();
+
+            if (left < scrollLeft) {
+                $viewportScrollContainerX.scrollLeft(left);
+                handleScroll();
+                render();
+            } else if (right > scrollRight) {
+                $viewportScrollContainerX.scrollLeft(Math.min(left, right - $viewportScrollContainerX[0].clientWidth));
+                handleScroll();
+                render();
+            }
+        }
+
+        function setActiveCellInternal(newCell, opt_editMode) {
+            if (activeCellNode !== null) {
+                makeActiveCellNormal();
+                $(activeCellNode).removeClass("active");
+                if (rowsCache[activeRow]) {
+                    $(rowsCache[activeRow].rowNode).removeClass("active");
+                }
+            }
+
+            var activeCellChanged = (activeCellNode !== newCell);
+            activeCellNode = newCell;
+
+            if (activeCellNode != null) {
+                var $activeCellNode = $(activeCellNode);
+                var $activeCellOffset = $activeCellNode.offset();
+
+                var rowOffset = Math.floor($activeCellNode.parents('.grid-canvas').offset().top);
+                var isBottom = $activeCellNode.parents('.grid-canvas-bottom').length;
+
+                if (hasFrozenRows && isBottom) {
+                    rowOffset -= ( options.frozenBottom )
+                        ? $canvasTopL.height()
+                        : frozenRowsHeight;
+                }
+
+                cell = getCellFromPoint($activeCellOffset.left, Math.ceil($activeCellOffset.top) - rowOffset);
+
+                activeRow = cell.row;
+                activeCell = activePosX = activeCell = activePosX = getCellFromNode(activeCellNode[0]);
+
+                $activeCellNode.addClass("active");
+                if (rowsCache[activeRow]) {
+                    $(rowsCache[activeRow].rowNode).addClass('active');
+                }
+
+
+                if (opt_editMode == null) {
+                    opt_editMode = (activeRow == getDataLength()) || options.autoEdit;
+                }
+
+                if (options.editable && opt_editMode && isCellPotentiallyEditable(activeRow, activeCell)) {
+                    clearTimeout(h_editorLoader);
+
+                    if (options.asyncEditorLoading) {
+                        h_editorLoader = setTimeout(function () {
+                            makeActiveCellEditable();
+                        }, options.asyncEditorLoadDelay);
+                    } else {
+                        makeActiveCellEditable();
+                    }
+                }
+            } else {
+                activeRow = activeCell = null;
+            }
 
-    function getGridPosition() {
-      return absBox($container[0])
-    }
+            if (activeCellChanged) {
+                setTimeout(scrollActiveCellIntoView, 50);
+                trigger(self.onActiveCellChanged, getActiveCell());
+            }
+        }
+
+        function clearTextSelection() {
+            if (document.selection && document.selection.empty) {
+                try {
+                    //IE fails here if selected element is not in dom
+                    document.selection.empty();
+                } catch (e) {
+                }
+            } else if (window.getSelection) {
+                var sel = window.getSelection();
+                if (sel && sel.removeAllRanges) {
+                    sel.removeAllRanges();
+                }
+            }
+        }
+
+        function isCellPotentiallyEditable(row, cell) {
+            var dataLength = getDataLength();
+            // is the data for this row loaded?
+            if (row < dataLength && !getDataItem(row)) {
+                return false;
+            }
 
-    function handleActiveCellPositionChange() {
-      if (!activeCellNode) {
-        return;
-      }
+            // are we in the Add New row? can we create new from this cell?
+            if (columns[cell].cannotTriggerInsert && row >= dataLength) {
+                return false;
+            }
 
-      trigger(self.onActiveCellPositionChanged, {});
+            // does this cell have an editor?
+            if (!getEditor(row, cell)) {
+                return false;
+            }
 
-      if (currentEditor) {
-        var cellBox = getActiveCellPosition();
-        if (currentEditor.show && currentEditor.hide) {
-          if (!cellBox.visible) {
-            currentEditor.hide();
-          } else {
-            currentEditor.show();
-          }
+            return true;
         }
 
-        if (currentEditor.position) {
-          currentEditor.position(cellBox);
+        function makeActiveCellNormal() {
+            if (!currentEditor) {
+                return;
+            }
+            trigger(self.onBeforeCellEditorDestroy, {
+                editor: currentEditor
+            });
+            currentEditor.destroy();
+            currentEditor = null;
+
+            if (activeCellNode) {
+                var d = getDataItem(activeRow);
+                $(activeCellNode).removeClass("editable invalid");
+                if (d) {
+                    var column = columns[activeCell];
+                    var formatter = getFormatter(activeRow, column);
+                    activeCellNode[0].innerHTML = formatter(activeRow, activeCell, getDataItemValueForColumn(d, column), column, d);
+                    invalidatePostProcessingResults(activeRow);
+                }
+            }
+
+            // if there previously was text selected on a page (such as selected
+            // text in the edit cell just removed),
+            // IE can't set focus to anything else correctly
+            if (navigator.userAgent.toLowerCase().match(/msie/)) {
+                clearTextSelection();
+            }
+
+            getEditorLock().deactivate(editController);
         }
-      }
-    }
 
-    function getCellEditor() {
-      return currentEditor;
-    }
+        function makeActiveCellEditable(editor) {
+            if (!activeCellNode) {
+                return;
+            }
+            if (!options.editable) {
+                throw "Grid : makeActiveCellEditable : should never get called when options.editable is false";
+            }
 
-    function getActiveCell() {
-      if (!activeCellNode) {
-        return null;
-      } else {
-        return {row: activeRow, cell: activeCell};
-      }
-    }
+            // cancel pending async call if there is one
+            clearTimeout(h_editorLoader);
 
-    function getActiveCellNode() {
-      return activeCellNode;
-    }
+            if (!isCellPotentiallyEditable(activeRow, activeCell)) {
+                return;
+            }
 
-    function scrollRowIntoView(row, doPaging) {
-      var rowAtTop = row * options.rowHeight;
-      var rowAtBottom = (row + 1) * options.rowHeight - viewportH + (viewportHasHScroll ? scrollbarDimensions.height : 0);
-
-      // need to page down?
-      if ((row + 1) * options.rowHeight > scrollTop + viewportH + offset) {
-        scrollTo(doPaging ? rowAtTop : rowAtBottom);
-        render();
-      }
-      // or page up?
-      else if (row * options.rowHeight < scrollTop + offset) {
-        scrollTo(doPaging ? rowAtBottom : rowAtTop);
-        render();
-      }
-    }
+            var columnDef = columns[activeCell];
+            var item = getDataItem(activeRow);
 
-    function scrollRowToTop(row) {
-      scrollTo(row * options.rowHeight);
-      render();
-    }
+            if (trigger(self.onBeforeEditCell, {
+                row: activeRow,
+                cell: activeCell,
+                item: item,
+                column: columnDef
+            }) === false) {
+                setFocus();
+                return;
+            }
+
+            getEditorLock().activate(editController);
+            $(activeCellNode).addClass("editable");
+
+            // don't clear the cell if a custom editor is passed through
+            if (!editor) {
+                activeCellNode[0].innerHTML = "";
+            }
 
-    function scrollPage(dir) {
-      var deltaRows = dir * numVisibleRows;
-      scrollTo((getRowFromPosition(scrollTop) + deltaRows) * options.rowHeight);
-      render();
+            currentEditor = new (editor || getEditor(activeRow, activeCell))({
+                grid: self,
+                gridPosition: absBox($container[0]),
+                position: absBox(activeCellNode[0]),
+                container: activeCellNode,
+                column: columnDef,
+                item: item || {},
+                commitChanges: commitEditAndSetFocus,
+                cancelChanges: cancelEditAndSetFocus
+            });
+
+            if (item) {
+                currentEditor.loadValue(item);
+            }
+
+            serializedEditorValue = currentEditor.serializeValue();
 
-      if (options.enableCellNavigation && activeRow != null) {
-        var row = activeRow + deltaRows;
-        var dataLengthIncludingAddNew = getDataLengthIncludingAddNew();
-        if (row >= dataLengthIncludingAddNew) {
-          row = dataLengthIncludingAddNew - 1;
+            if (currentEditor.position) {
+                handleActiveCellPositionChange();
+            }
         }
-        if (row < 0) {
-          row = 0;
+
+        function commitEditAndSetFocus() {
+            // if the commit fails, it would do so due to a validation error
+            // if so, do not steal the focus from the editor
+            if (getEditorLock().commitCurrentEdit()) {
+                setFocus();
+                if (options.autoEdit) {
+                    navigateDown();
+                }
+            }
         }
 
-        var cell = 0, prevCell = null;
-        var prevActivePosX = activePosX;
-        while (cell <= activePosX) {
-          if (canCellBeActive(row, cell)) {
-            prevCell = cell;  
-          }
-          cell += getColspan(row, cell);
+        function cancelEditAndSetFocus() {
+            if (getEditorLock().cancelCurrentEdit()) {
+                setFocus();
+            }
         }
 
-        if (prevCell !== null) {
-          setActiveCellInternal(getCellNode(row, prevCell));
-          activePosX = prevActivePosX;
-        } else {
-          resetActiveCell();
+        function absBox(elem) {
+            var box = {
+                top: elem.offsetTop,
+                left: elem.offsetLeft,
+                bottom: 0,
+                right: 0,
+                width: $(elem).outerWidth(),
+                height: $(elem).outerHeight(),
+                visible: true
+            };
+            box.bottom = box.top + box.height;
+            box.right = box.left + box.width;
+
+            // walk up the tree
+            var offsetParent = elem.offsetParent;
+            while ((elem = elem.parentNode) != document.body) {
+                if (box.visible && elem.scrollHeight != elem.offsetHeight && $(elem).css("overflowY") != "visible") {
+                    box.visible = box.bottom > elem.scrollTop && box.top < elem.scrollTop + elem.clientHeight;
+                }
+
+                if (box.visible && elem.scrollWidth != elem.offsetWidth && $(elem).css("overflowX") != "visible") {
+                    box.visible = box.right > elem.scrollLeft && box.left < elem.scrollLeft + elem.clientWidth;
+                }
+
+                box.left -= elem.scrollLeft;
+                box.top -= elem.scrollTop;
+
+                if (elem === offsetParent) {
+                    box.left += elem.offsetLeft;
+                    box.top += elem.offsetTop;
+                    offsetParent = elem.offsetParent;
+                }
+
+                box.bottom = box.top + box.height;
+                box.right = box.left + box.width;
+            }
+
+            return box;
         }
-      }
-    }
 
-    function navigatePageDown() {
-      scrollPage(1);
-    }
+        function getActiveCellPosition() {
+            return absBox(activeCellNode[0]);
+        }
 
-    function navigatePageUp() {
-      scrollPage(-1);
-    }
+        function getGridPosition() {
+            return absBox($container[0]);
+        }
 
-    function getColspan(row, cell) {
-      var metadata = data.getItemMetadata && data.getItemMetadata(row);
-      if (!metadata || !metadata.columns) {
-        return 1;
-      }
-
-      var columnData = metadata.columns[columns[cell].id] || metadata.columns[cell];
-      var colspan = (columnData && columnData.colspan);
-      if (colspan === "*") {
-        colspan = columns.length - cell;
-      } else {
-        colspan = colspan || 1;
-      }
-
-      return colspan;
-    }
+        function handleActiveCellPositionChange() {
+            if (!activeCellNode) {
+                return;
+            }
+
+            trigger(self.onActiveCellPositionChanged, {});
+
+            if (currentEditor) {
+                var cellBox = getActiveCellPosition();
+                if (currentEditor.show && currentEditor.hide) {
+                    if (!cellBox.visible) {
+                        currentEditor.hide();
+                    } else {
+                        currentEditor.show();
+                    }
+                }
 
-    function findFirstFocusableCell(row) {
-      var cell = 0;
-      while (cell < columns.length) {
-        if (canCellBeActive(row, cell)) {
-          return cell;
+                if (currentEditor.position) {
+                    currentEditor.position(cellBox);
+                }
+            }
         }
-        cell += getColspan(row, cell);
-      }
-      return null;
-    }
 
-    function findLastFocusableCell(row) {
-      var cell = 0;
-      var lastFocusableCell = null;
-      while (cell < columns.length) {
-        if (canCellBeActive(row, cell)) {
-          lastFocusableCell = cell;
+        function getCellEditor() {
+            return currentEditor;
         }
-        cell += getColspan(row, cell);
-      }
-      return lastFocusableCell;
-    }
 
-    function gotoRight(row, cell, posX) {
-      if (cell >= columns.length) {
-        return null;
-      }
-
-      do {
-        cell += getColspan(row, cell);
-      }
-      while (cell < columns.length && !canCellBeActive(row, cell));
-
-      if (cell < columns.length) {
-        return {
-          "row": row,
-          "cell": cell,
-          "posX": cell
-        };
-      }
-      return null;
-    }
+        function getActiveCell() {
+            if (!activeCellNode) {
+                return null;
+            } else {
+                return {
+                    row: activeRow,
+                    cell: activeCell
+                };
+            }
+        }
 
-    function gotoLeft(row, cell, posX) {
-      if (cell <= 0) {
-        return null;
-      }
-
-      var firstFocusableCell = findFirstFocusableCell(row);
-      if (firstFocusableCell === null || firstFocusableCell >= cell) {
-        return null;
-      }
-
-      var prev = {
-        "row": row,
-        "cell": firstFocusableCell,
-        "posX": firstFocusableCell
-      };
-      var pos;
-      while (true) {
-        pos = gotoRight(prev.row, prev.cell, prev.posX);
-        if (!pos) {
-          return null;
-        }
-        if (pos.cell >= cell) {
-          return prev;
-        }
-        prev = pos;
-      }
-    }
+        function getActiveCellNode() {
+            return activeCellNode;
+        }
 
-    function gotoDown(row, cell, posX) {
-      var prevCell;
-      var dataLengthIncludingAddNew = getDataLengthIncludingAddNew();
-      while (true) {
-        if (++row >= dataLengthIncludingAddNew) {
-          return null;
+        function scrollActiveCellIntoView() {
+            if (activeRow != null && activeCell != null) {
+                scrollCellIntoView(activeRow, activeCell);
+            }
         }
 
-        prevCell = cell = 0;
-        while (cell <= posX) {
-          prevCell = cell;
-          cell += getColspan(row, cell);
+        function scrollRowIntoView(row, doPaging) {
+            if (hasFrozenRows && !options.frozenBottom) {
+                row -= actualFrozenRow;
+            }
+
+            var viewportScrollH = $viewportScrollContainerY.height();
+
+            var rowAtTop = row * options.rowHeight;
+            var rowAtBottom = (row + 1) * options.rowHeight
+                - viewportScrollH
+                + (viewportHasHScroll ? scrollbarDimensions.height : 0);
+
+            // need to page down?
+            if ((row + 1) * options.rowHeight > scrollTop + viewportScrollH + offset) {
+                scrollTo(doPaging ? rowAtTop : rowAtBottom);
+                render();
+            }
+            // or page up?
+            else if (row * options.rowHeight < scrollTop + offset) {
+                scrollTo(doPaging ? rowAtBottom : rowAtTop);
+                render();
+            }
         }
 
-        if (canCellBeActive(row, prevCell)) {
-          return {
-            "row": row,
-            "cell": prevCell,
-            "posX": posX
-          };
+        function scrollRowToTop(row) {
+            scrollTo(row * options.rowHeight);
+            render();
         }
-      }
-    }
 
-    function gotoUp(row, cell, posX) {
-      var prevCell;
-      while (true) {
-        if (--row < 0) {
-          return null;
+        function scrollPage(dir) {
+            var deltaRows = dir * numVisibleRows;
+            scrollTo((getRowFromPosition(scrollTop) + deltaRows) * options.rowHeight);
+            render();
+
+            if (options.enableCellNavigation && activeRow != null) {
+                var row = activeRow + deltaRows;
+                var dataLengthIncludingAddNew = getDataLengthIncludingAddNew();
+                if (row >= dataLengthIncludingAddNew) {
+                    row = dataLengthIncludingAddNew - 1;
+                }
+                if (row < 0) {
+                    row = 0;
+                }
+
+                var cell = 0, prevCell = null;
+                var prevActivePosX = activePosX;
+                while (cell <= activePosX) {
+                    if (canCellBeActive(row, cell)) {
+                        prevCell = cell;
+                    }
+                    cell += getColspan(row, cell);
+                }
+
+                if (prevCell !== null) {
+                    setActiveCellInternal(getCellNode(row, prevCell));
+                    activePosX = prevActivePosX;
+                } else {
+                    resetActiveCell();
+                }
+            }
         }
 
-        prevCell = cell = 0;
-        while (cell <= posX) {
-          prevCell = cell;
-          cell += getColspan(row, cell);
+        function navigatePageDown() {
+            scrollPage(1);
         }
 
-        if (canCellBeActive(row, prevCell)) {
-          return {
-            "row": row,
-            "cell": prevCell,
-            "posX": posX
-          };
+        function navigatePageUp() {
+            scrollPage(-1);
         }
-      }
-    }
 
-    function gotoNext(row, cell, posX) {
-      if (row == null && cell == null) {
-        row = cell = posX = 0;
-        if (canCellBeActive(row, cell)) {
-          return {
-            "row": row,
-            "cell": cell,
-            "posX": cell
-          };
-        }
-      }
-
-      var pos = gotoRight(row, cell, posX);
-      if (pos) {
-        return pos;
-      }
-
-      var firstFocusableCell = null;
-      var dataLengthIncludingAddNew = getDataLengthIncludingAddNew();
-      while (++row < dataLengthIncludingAddNew) {
-        firstFocusableCell = findFirstFocusableCell(row);
-        if (firstFocusableCell !== null) {
-          return {
-            "row": row,
-            "cell": firstFocusableCell,
-            "posX": firstFocusableCell
-          };
-        }
-      }
-      return null;
-    }
+        function getColspan(row, cell) {
+            var metadata = data.getItemMetadata && data.getItemMetadata(row);
+            if (!metadata || !metadata.columns) {
+                return 1;
+            }
 
-    function gotoPrev(row, cell, posX) {
-      if (row == null && cell == null) {
-        row = getDataLengthIncludingAddNew() - 1;
-        cell = posX = columns.length - 1;
-        if (canCellBeActive(row, cell)) {
-          return {
-            "row": row,
-            "cell": cell,
-            "posX": cell
-          };
-        }
-      }
-
-      var pos;
-      var lastSelectableCell;
-      while (!pos) {
-        pos = gotoLeft(row, cell, posX);
-        if (pos) {
-          break;
-        }
-        if (--row < 0) {
-          return null;
-        }
-
-        cell = 0;
-        lastSelectableCell = findLastFocusableCell(row);
-        if (lastSelectableCell !== null) {
-          pos = {
-            "row": row,
-            "cell": lastSelectableCell,
-            "posX": lastSelectableCell
-          };
-        }
-      }
-      return pos;
-    }
+            var columnData = metadata.columns[columns[cell].id] || metadata.columns[cell];
+            var colspan = (columnData && columnData.colspan);
+            if (colspan === "*") {
+                colspan = columns.length - cell;
+            } else {
+                colspan = colspan || 1;
+            }
+            return (colspan || 1);
+        }
 
-    function navigateRight() {
-      return navigate("right");
-    }
+        function findFirstFocusableCell(row) {
+            var cell = 0;
+            while (cell < columns.length) {
+                if (canCellBeActive(row, cell)) {
+                    return cell;
+                }
+                cell += getColspan(row, cell);
+            }
+            return null;
+        }
 
-    function navigateLeft() {
-      return navigate("left");
-    }
+        function findLastFocusableCell(row) {
+            var cell = 0;
+            var lastFocusableCell = null;
+            while (cell < columns.length) {
+                if (canCellBeActive(row, cell)) {
+                    lastFocusableCell = cell;
+                }
+                cell += getColspan(row, cell);
+            }
+            return lastFocusableCell;
+        }
 
-    function navigateDown() {
-      return navigate("down");
-    }
+        function gotoRight(row, cell, posX) {
+            if (cell >= columns.length) {
+                return null;
+            }
 
-    function navigateUp() {
-      return navigate("up");
-    }
+            do {
+                cell += getColspan(row, cell);
+            } while (cell < columns.length && !canCellBeActive(row, cell));
 
-    function navigateNext() {
-      return navigate("next");
-    }
+            if (cell < columns.length) {
+                return {
+                    "row": row,
+                    "cell": cell,
+                    "posX": cell
+                };
+            }
+            return null;
+        }
 
-    function navigatePrev() {
-      return navigate("prev");
-    }
+        function gotoLeft(row, cell, posX) {
+            if (cell <= 0) {
+                return null;
+            }
 
-    /**
-     * @param {string} dir Navigation direction.
-     * @return {boolean} Whether navigation resulted in a change of active cell.
-     */
-    function navigate(dir) {
-      if (!options.enableCellNavigation) {
-        return false;
-      }
-
-      if (!activeCellNode && dir != "prev" && dir != "next") {
-        return false;
-      }
-
-      if (!getEditorLock().commitCurrentEdit()) {
-        return true;
-      }
-      setFocus();
-
-      var tabbingDirections = {
-        "up": -1,
-        "down": 1,
-        "left": -1,
-        "right": 1,
-        "prev": -1,
-        "next": 1
-      };
-      tabbingDirection = tabbingDirections[dir];
-
-      var stepFunctions = {
-        "up": gotoUp,
-        "down": gotoDown,
-        "left": gotoLeft,
-        "right": gotoRight,
-        "prev": gotoPrev,
-        "next": gotoNext
-      };
-      var stepFn = stepFunctions[dir];
-      var pos = stepFn(activeRow, activeCell, activePosX);
-      if (pos) {
-        var isAddNewRow = (pos.row == getDataLength());
-        scrollCellIntoView(pos.row, pos.cell, !isAddNewRow);
-        setActiveCellInternal(getCellNode(pos.row, pos.cell));
-        activePosX = pos.posX;
-        return true;
-      } else {
-        setActiveCellInternal(getCellNode(activeRow, activeCell));
-        return false;
-      }
-    }
+            var firstFocusableCell = findFirstFocusableCell(row);
+            if (firstFocusableCell === null || firstFocusableCell >= cell) {
+                return null;
+            }
 
-    function getCellNode(row, cell) {
-      if (rowsCache[row]) {
-        ensureCellNodesInRowsCache(row);
-        return rowsCache[row].cellNodesByColumnIdx[cell];
-      }
-      return null;
-    }
+            var prev = {
+                "row": row,
+                "cell": firstFocusableCell,
+                "posX": firstFocusableCell
+            };
+            var pos;
+            while (true) {
+                pos = gotoRight(prev.row, prev.cell, prev.posX);
+                if (!pos) {
+                    return null;
+                }
+                if (pos.cell >= cell) {
+                    return prev;
+                }
+                prev = pos;
+            }
+        }
 
-    function setActiveCell(row, cell) {
-      if (!initialized) { return; }
-      if (row > getDataLength() || row < 0 || cell >= columns.length || cell < 0) {
-        return;
-      }
+        function gotoDown(row, cell, posX) {
+            var prevCell;
+            var dataLengthIncludingAddNew = getDataLengthIncludingAddNew();
+            while (true) {
+                if (++row >= dataLengthIncludingAddNew) {
+                    return null;
+                }
 
-      if (!options.enableCellNavigation) {
-        return;
-      }
+                prevCell = cell = 0;
+                while (cell <= posX) {
+                    prevCell = cell;
+                    cell += getColspan(row, cell);
+                }
 
-      scrollCellIntoView(row, cell, false);
-      setActiveCellInternal(getCellNode(row, cell), false);
-    }
+                if (canCellBeActive(row, prevCell)) {
+                    return {
+                        "row": row,
+                        "cell": prevCell,
+                        "posX": posX
+                    };
+                }
+            }
+        }
 
-    function canCellBeActive(row, cell) {
-      if (!options.enableCellNavigation || row >= getDataLengthIncludingAddNew() ||
-          row < 0 || cell >= columns.length || cell < 0) {
-        return false;
-      }
-
-      var rowMetadata = data.getItemMetadata && data.getItemMetadata(row);
-      if (rowMetadata && typeof rowMetadata.focusable === "boolean") {
-        return rowMetadata.focusable;
-      }
-
-      var columnMetadata = rowMetadata && rowMetadata.columns;
-      if (columnMetadata && columnMetadata[columns[cell].id] && typeof columnMetadata[columns[cell].id].focusable === "boolean") {
-        return columnMetadata[columns[cell].id].focusable;
-      }
-      if (columnMetadata && columnMetadata[cell] && typeof columnMetadata[cell].focusable === "boolean") {
-        return columnMetadata[cell].focusable;
-      }
-
-      return columns[cell].focusable;
-    }
+        function gotoUp(row, cell, posX) {
+            var prevCell;
+            while (true) {
+                if (--row < 0) {
+                    return null;
+                }
+
+                prevCell = cell = 0;
+                while (cell <= posX) {
+                    prevCell = cell;
+                    cell += getColspan(row, cell);
+                }
+
+                if (canCellBeActive(row, prevCell)) {
+                    return {
+                        "row": row,
+                        "cell": prevCell,
+                        "posX": posX
+                    };
+                }
+            }
+        }
+
+        function gotoNext(row, cell, posX) {
+            if (row == null && cell == null) {
+                row = cell = posX = 0;
+                if (canCellBeActive(row, cell)) {
+                    return {
+                        "row": row,
+                        "cell": cell,
+                        "posX": cell
+                    };
+                }
+            }
 
-    function canCellBeSelected(row, cell) {
-      if (row >= getDataLength() || row < 0 || cell >= columns.length || cell < 0) {
-        return false;
-      }
+            var pos = gotoRight(row, cell, posX);
+            if (pos) {
+                return pos;
+            }
 
-      var rowMetadata = data.getItemMetadata && data.getItemMetadata(row);
-      if (rowMetadata && typeof rowMetadata.selectable === "boolean") {
-        return rowMetadata.selectable;
-      }
+            var firstFocusableCell = null;
+            var dataLengthIncludingAddNew = getDataLengthIncludingAddNew();
+            while (++row < dataLengthIncludingAddNew) {
+                firstFocusableCell = findFirstFocusableCell(row);
+                if (firstFocusableCell !== null) {
+                    return {
+                        "row": row,
+                        "cell": firstFocusableCell,
+                        "posX": firstFocusableCell
+                    };
+                }
+            }
+            return null;
+        }
 
-      var columnMetadata = rowMetadata && rowMetadata.columns && (rowMetadata.columns[columns[cell].id] || rowMetadata.columns[cell]);
-      if (columnMetadata && typeof columnMetadata.selectable === "boolean") {
-        return columnMetadata.selectable;
-      }
+        function gotoPrev(row, cell, posX) {
+            if (row == null && cell == null) {
+                row = getDataLengthIncludingAddNew() - 1;
+                cell = posX = columns.length - 1;
+                if (canCellBeActive(row, cell)) {
+                    return {
+                        "row": row,
+                        "cell": cell,
+                        "posX": cell
+                    };
+                }
+            }
 
-      return columns[cell].selectable;
-    }
+            var pos;
+            var lastSelectableCell;
+            while (!pos) {
+                pos = gotoLeft(row, cell, posX);
+                if (pos) {
+                    break;
+                }
+                if (--row < 0) {
+                    return null;
+                }
 
-    function gotoCell(row, cell, forceEdit) {
-      if (!initialized) { return; }
-      if (!canCellBeActive(row, cell)) {
-        return;
-      }
+                cell = 0;
+                lastSelectableCell = findLastFocusableCell(row);
+                if (lastSelectableCell !== null) {
+                    pos = {
+                        "row": row,
+                        "cell": lastSelectableCell,
+                        "posX": lastSelectableCell
+                    };
+                }
+            }
+            return pos;
+        }
 
-      if (!getEditorLock().commitCurrentEdit()) {
-        return;
-      }
+        function navigateRight() {
+            return navigate("right");
+        }
 
-      scrollCellIntoView(row, cell, false);
+        function navigateLeft() {
+            return navigate("left");
+        }
 
-      var newCell = getCellNode(row, cell);
+        function navigateDown() {
+            return navigate("down");
+        }
 
-      // if selecting the 'add new' row, start editing right away
-      setActiveCellInternal(newCell, forceEdit || (row === getDataLength()) || options.autoEdit);
+        function navigateUp() {
+            return navigate("up");
+        }
 
-      // if no editor was created, set the focus back on the grid
-      if (!currentEditor) {
-        setFocus();
-      }
-    }
+        function navigateNext() {
+            return navigate("next");
+        }
 
+        function navigatePrev() {
+            return navigate("prev");
+        }
 
-    //////////////////////////////////////////////////////////////////////////////////////////////
-    // IEditor implementation for the editor lock
+        /**
+         * @param {string} dir Navigation direction.
+         * @return {boolean} Whether navigation resulted in a change of active cell.
+         */
+        function navigate(dir) {
+            if (!options.enableCellNavigation) {
+                return false;
+            }
 
-    function commitCurrentEdit() {
-      var item = getDataItem(activeRow);
-      var column = columns[activeCell];
+            if (!activeCellNode && dir != "prev" && dir != "next") {
+                return false;
+            }
 
-      if (currentEditor) {
-        if (currentEditor.isValueChanged()) {
-          var validationResults = currentEditor.validate();
+            if (!getEditorLock().commitCurrentEdit()) {
+                return true;
+            }
 
-          if (validationResults.valid) {
-            if (activeRow < getDataLength()) {
-              var editCommand = {
-                row: activeRow,
-                cell: activeCell,
-                editor: currentEditor,
-                serializedValue: currentEditor.serializeValue(),
-                prevSerializedValue: serializedEditorValue,
-                execute: function () {
-                  this.editor.applyValue(item, this.serializedValue);
-                  updateRow(this.row);
-                },
-                undo: function () {
-                  this.editor.applyValue(item, this.prevSerializedValue);
-                  updateRow(this.row);
+            setFocus();
+
+            var tabbingDirections = {
+                "up": -1,
+                "down": 1,
+                "left": -1,
+                "right": 1,
+                "prev": -1,
+                "next": 1
+            };
+            tabbingDirection = tabbingDirections[dir];
+
+            var stepFunctions = {
+                "up": gotoUp,
+                "down": gotoDown,
+                "left": gotoLeft,
+                "right": gotoRight,
+                "prev": gotoPrev,
+                "next": gotoNext
+            };
+            var stepFn = stepFunctions[dir];
+            var pos = stepFn(activeRow, activeCell, activePosX);
+
+            if (pos) {
+                if (hasFrozenRows && options.frozenBottom & pos.row == getDataLength()) {
+                    return;
                 }
-              };
 
-              if (options.editCommandHandler) {
-                makeActiveCellNormal();
-                options.editCommandHandler(item, column, editCommand);
-              } else {
-                editCommand.execute();
-                makeActiveCellNormal();
-              }
+                var isAddNewRow = (pos.row == getDataLength());
 
-              trigger(self.onCellChange, {
-                row: activeRow,
-                cell: activeCell,
-                item: item
-              });
+                if (( !options.frozenBottom && pos.row >= actualFrozenRow )
+                    || ( options.frozenBottom && pos.row < actualFrozenRow )
+                    ) {
+                    scrollCellIntoView(pos.row, pos.cell, !isAddNewRow);
+                }
+
+                setActiveCellInternal(getCellNode(pos.row, pos.cell))
+                activePosX = pos.posX;
+                return true;
             } else {
-              var newItem = {};
-              currentEditor.applyValue(newItem, currentEditor.serializeValue());
-              makeActiveCellNormal();
-              trigger(self.onAddNewRow, {item: newItem, column: column});
-            }
-
-            // check whether the lock has been re-acquired by event handlers
-            return !getEditorLock().isActive();
-          } else {
-            // Re-add the CSS class to trigger transitions, if any.
-            $(activeCellNode).removeClass("invalid");
-            $(activeCellNode).width();  // force layout
-            $(activeCellNode).addClass("invalid");
-
-            trigger(self.onValidationError, {
-              editor: currentEditor,
-              cellNode: activeCellNode,
-              validationResults: validationResults,
-              row: activeRow,
-              cell: activeCell,
-              column: column
-            });
+                setActiveCellInternal(getCellNode(activeRow, activeCell));
+                return false;
+            }
+        }
 
-            currentEditor.focus();
-            return false;
-          }
+        function getCellNode(row, cell) {
+            if (rowsCache[row]) {
+                ensureCellNodesInRowsCache(row);
+                return rowsCache[row].cellNodesByColumnIdx[cell];
+            }
+            return null;
         }
 
-        makeActiveCellNormal();
-      }
-      return true;
-    }
+        function setActiveCell(row, cell) {
+            if (!initialized) {
+                return;
+            }
+            if (row > getDataLength() || row < 0 || cell >= columns.length || cell < 0) {
+                return;
+            }
 
-    function cancelCurrentEdit() {
-      makeActiveCellNormal();
-      return true;
-    }
+            if (!options.enableCellNavigation) {
+                return;
+            }
 
-    function rowsToRanges(rows) {
-      var ranges = [];
-      var lastCell = columns.length - 1;
-      for (var i = 0; i < rows.length; i++) {
-        ranges.push(new Slick.Range(rows[i], 0, rows[i], lastCell));
-      }
-      return ranges;
-    }
+            scrollCellIntoView(row, cell, false);
+            setActiveCellInternal(getCellNode(row, cell), false);
+        }
 
-    function getSelectedRows() {
-      if (!selectionModel) {
-        throw "Selection model is not set";
-      }
-      return selectedRows;
-    }
+        function canCellBeActive(row, cell) {
+            if (!options.enableCellNavigation || row >= getDataLengthIncludingAddNew() ||
+                row < 0 || cell >= columns.length || cell < 0) {
+                return false;
+            }
 
-    function setSelectedRows(rows) {
-      if (!selectionModel) {
-        throw "Selection model is not set";
-      }
-      selectionModel.setSelectedRanges(rowsToRanges(rows));
-    }
+            var rowMetadata = data.getItemMetadata && data.getItemMetadata(row);
+            if (rowMetadata && typeof rowMetadata.focusable === "boolean") {
+                return rowMetadata.focusable;
+            }
 
+            var columnMetadata = rowMetadata && rowMetadata.columns;
+            if (columnMetadata && columnMetadata[columns[cell].id] && typeof columnMetadata[columns[cell].id].focusable === "boolean") {
+                return columnMetadata[columns[cell].id].focusable;
+            }
+            if (columnMetadata && columnMetadata[cell] && typeof columnMetadata[cell].focusable === "boolean") {
+                return columnMetadata[cell].focusable;
+            }
 
-    //////////////////////////////////////////////////////////////////////////////////////////////
-    // Debug
-
-    this.debug = function () {
-      var s = "";
-
-      s += ("\n" + "counter_rows_rendered:  " + counter_rows_rendered);
-      s += ("\n" + "counter_rows_removed:  " + counter_rows_removed);
-      s += ("\n" + "renderedRows:  " + renderedRows);
-      s += ("\n" + "numVisibleRows:  " + numVisibleRows);
-      s += ("\n" + "maxSupportedCssHeight:  " + maxSupportedCssHeight);
-      s += ("\n" + "n(umber of pages):  " + n);
-      s += ("\n" + "(current) page:  " + page);
-      s += ("\n" + "page height (ph):  " + ph);
-      s += ("\n" + "vScrollDir:  " + vScrollDir);
-
-      alert(s);
-    };
-
-    // a debug helper to be able to access private members
-    this.eval = function (expr) {
-      return eval(expr);
-    };
-
-    //////////////////////////////////////////////////////////////////////////////////////////////
-    // Public API
-
-    $.extend(this, {
-      "slickGridVersion": "2.1",
-
-      // Events
-      "onScroll": new Slick.Event(),
-      "onSort": new Slick.Event(),
-      "onHeaderMouseEnter": new Slick.Event(),
-      "onHeaderMouseLeave": new Slick.Event(),
-      "onHeaderContextMenu": new Slick.Event(),
-      "onHeaderClick": new Slick.Event(),
-      "onHeaderCellRendered": new Slick.Event(),
-      "onBeforeHeaderCellDestroy": new Slick.Event(),
-      "onHeaderRowCellRendered": new Slick.Event(),
-      "onBeforeHeaderRowCellDestroy": new Slick.Event(),
-      "onMouseEnter": new Slick.Event(),
-      "onMouseLeave": new Slick.Event(),
-      "onClick": new Slick.Event(),
-      "onDblClick": new Slick.Event(),
-      "onContextMenu": new Slick.Event(),
-      "onKeyDown": new Slick.Event(),
-      "onAddNewRow": new Slick.Event(),
-      "onValidationError": new Slick.Event(),
-      "onViewportChanged": new Slick.Event(),
-      "onColumnsReordered": new Slick.Event(),
-      "onColumnsResized": new Slick.Event(),
-      "onCellChange": new Slick.Event(),
-      "onBeforeEditCell": new Slick.Event(),
-      "onBeforeCellEditorDestroy": new Slick.Event(),
-      "onBeforeDestroy": new Slick.Event(),
-      "onActiveCellChanged": new Slick.Event(),
-      "onActiveCellPositionChanged": new Slick.Event(),
-      "onDragInit": new Slick.Event(),
-      "onDragStart": new Slick.Event(),
-      "onDrag": new Slick.Event(),
-      "onDragEnd": new Slick.Event(),
-      "onSelectedRowsChanged": new Slick.Event(),
-      "onCellCssStylesChanged": new Slick.Event(),
-
-      // Methods
-      "registerPlugin": registerPlugin,
-      "unregisterPlugin": unregisterPlugin,
-      "getColumns": getColumns,
-      "setColumns": setColumns,
-      "getColumnIndex": getColumnIndex,
-      "updateColumnHeader": updateColumnHeader,
-      "setSortColumn": setSortColumn,
-      "setSortColumns": setSortColumns,
-      "getSortColumns": getSortColumns,
-      "autosizeColumns": autosizeColumns,
-      "getOptions": getOptions,
-      "setOptions": setOptions,
-      "getData": getData,
-      "getDataLength": getDataLength,
-      "getDataItem": getDataItem,
-      "setData": setData,
-      "getSelectionModel": getSelectionModel,
-      "setSelectionModel": setSelectionModel,
-      "getSelectedRows": getSelectedRows,
-      "setSelectedRows": setSelectedRows,
-      "getContainerNode": getContainerNode,
-
-      "render": render,
-      "invalidate": invalidate,
-      "invalidateRow": invalidateRow,
-      "invalidateRows": invalidateRows,
-      "invalidateAllRows": invalidateAllRows,
-      "updateCell": updateCell,
-      "updateRow": updateRow,
-      "getViewport": getVisibleRange,
-      "getRenderedRange": getRenderedRange,
-      "resizeCanvas": resizeCanvas,
-      "updateRowCount": updateRowCount,
-      "scrollRowIntoView": scrollRowIntoView,
-      "scrollRowToTop": scrollRowToTop,
-      "scrollCellIntoView": scrollCellIntoView,
-      "getCanvasNode": getCanvasNode,
-      "focus": setFocus,
-
-      "getCellFromPoint": getCellFromPoint,
-      "getCellFromEvent": getCellFromEvent,
-      "getActiveCell": getActiveCell,
-      "setActiveCell": setActiveCell,
-      "getActiveCellNode": getActiveCellNode,
-      "getActiveCellPosition": getActiveCellPosition,
-      "resetActiveCell": resetActiveCell,
-      "editActiveCell": makeActiveCellEditable,
-      "getCellEditor": getCellEditor,
-      "getCellNode": getCellNode,
-      "getCellNodeBox": getCellNodeBox,
-      "canCellBeSelected": canCellBeSelected,
-      "canCellBeActive": canCellBeActive,
-      "navigatePrev": navigatePrev,
-      "navigateNext": navigateNext,
-      "navigateUp": navigateUp,
-      "navigateDown": navigateDown,
-      "navigateLeft": navigateLeft,
-      "navigateRight": navigateRight,
-      "navigatePageUp": navigatePageUp,
-      "navigatePageDown": navigatePageDown,
-      "gotoCell": gotoCell,
-      "getTopPanel": getTopPanel,
-      "setTopPanelVisibility": setTopPanelVisibility,
-      "setHeaderRowVisibility": setHeaderRowVisibility,
-      "getHeaderRow": getHeaderRow,
-      "getHeaderRowColumn": getHeaderRowColumn,
-      "getGridPosition": getGridPosition,
-      "flashCell": flashCell,
-      "addCellCssStyles": addCellCssStyles,
-      "setCellCssStyles": setCellCssStyles,
-      "removeCellCssStyles": removeCellCssStyles,
-      "getCellCssStyles": getCellCssStyles,
-
-      "init": finishInitialization,
-      "destroy": destroy,
-
-      // IEditor implementation
-      "getEditorLock": getEditorLock,
-      "getEditController": getEditController
-    });
+            return columns[cell].focusable;
+        }
+
+        function canCellBeSelected(row, cell) {
+            if (row >= getDataLength() || row < 0 || cell >= columns.length || cell < 0) {
+                return false;
+            }
+
+            var rowMetadata = data.getItemMetadata && data.getItemMetadata(row);
+            if (rowMetadata && typeof rowMetadata.selectable === "boolean") {
+                return rowMetadata.selectable;
+            }
+
+            var columnMetadata = rowMetadata && rowMetadata.columns && (rowMetadata.columns[columns[cell].id] || rowMetadata.columns[cell]);
+            if (columnMetadata && typeof columnMetadata.selectable === "boolean") {
+                return columnMetadata.selectable;
+            }
+
+            return columns[cell].selectable;
+        }
+
+        function gotoCell(row, cell, forceEdit) {
+            if (!initialized) {
+                return;
+            }
+            if (!canCellBeActive(row, cell)) {
+                return;
+            }
+
+            if (!getEditorLock().commitCurrentEdit()) {
+                return;
+            }
+
+            scrollCellIntoView(row, cell, false);
+
+            var newCell = getCellNode(row, cell);
+
+            // if selecting the 'add new' row, start editing right away
+            setActiveCellInternal(newCell, forceEdit || (row === getDataLength()) || options.autoEdit);
+
+            // if no editor was created, set the focus back on the grid
+            if (!currentEditor) {
+                setFocus();
+            }
+        }
+
+        // ////////////////////////////////////////////////////////////////////////////////////////////
+        // IEditor implementation for the editor lock
+
+        function commitCurrentEdit() {
+            var item = getDataItem(activeRow);
+            var column = columns[activeCell];
+
+            if (currentEditor) {
+                if (currentEditor.isValueChanged()) {
+                    var validationResults = currentEditor.validate();
+
+                    if (validationResults.valid) {
+                        if (activeRow < getDataLength()) {
+                            var editCommand = {
+                                row: activeRow,
+                                cell: activeCell,
+                                editor: currentEditor,
+                                serializedValue: currentEditor.serializeValue(),
+                                prevSerializedValue: serializedEditorValue,
+                                execute: function () {
+                                    this.editor.applyValue(item, this.serializedValue);
+                                    updateRow(this.row);
+                                },
+                                undo: function () {
+                                    this.editor.applyValue(item, this.prevSerializedValue);
+                                    updateRow(this.row);
+                                }
+                            };
+
+                            if (options.editCommandHandler) {
+                                makeActiveCellNormal();
+                                options.editCommandHandler(item, column, editCommand);
+                            } else {
+                                editCommand.execute();
+                                makeActiveCellNormal();
+                            }
+
+                            trigger(self.onCellChange, {
+                                row: activeRow,
+                                cell: activeCell,
+                                item: item
+                            });
+                        } else {
+                            var newItem = {};
+                            currentEditor.applyValue(newItem, currentEditor.serializeValue());
+                            makeActiveCellNormal();
+                            trigger(self.onAddNewRow, {
+                                item: newItem,
+                                column: column
+                            });
+                        }
+
+                        // check whether the lock has been re-acquired by event handlers
+                        return !getEditorLock().isActive();
+                    } else {
+                        // Re-add the CSS class to trigger transitions, if any.
+                        $(activeCellNode).removeClass("invalid");
+                        $(activeCellNode).width();  // force layout
+                        $(activeCellNode).addClass("invalid");
+
+                        trigger(self.onValidationError, {
+                            editor: currentEditor,
+                            cellNode: activeCellNode,
+                            validationResults: validationResults,
+                            row: activeRow,
+                            cell: activeCell,
+                            column: column
+                        });
+
+                        currentEditor.focus();
+                        return false;
+                    }
+                }
+
+                makeActiveCellNormal();
+            }
+            return true;
+        }
+
+        function cancelCurrentEdit() {
+            makeActiveCellNormal();
+            return true;
+        }
+
+        function rowsToRanges(rows) {
+            var ranges = [];
+            var lastCell = columns.length - 1;
+            for (var i = 0; i < rows.length; i++) {
+                ranges.push(new Slick.Range(rows[i], 0, rows[i], lastCell));
+            }
+            return ranges;
+        }
 
-    init();
-  }
+        function getSelectedRows() {
+            if (!selectionModel) {
+                throw "Selection model is not set";
+            }
+            return selectedRows;
+        }
+
+        function setSelectedRows(rows) {
+            if (!selectionModel) {
+                throw "Selection model is not set";
+            }
+            selectionModel.setSelectedRanges(rowsToRanges(rows));
+        }
+
+        // ////////////////////////////////////////////////////////////////////////////////////////////
+        // Debug
+
+        this.debug = function () {
+            var s = "";
+
+            s += ("\n" + "counter_rows_rendered:  " + counter_rows_rendered);
+            s += ("\n" + "counter_rows_removed:  " + counter_rows_removed);
+            s += ("\n" + "renderedRows:  " + renderedRows);
+            s += ("\n" + "numVisibleRows:  " + numVisibleRows);
+            s += ("\n" + "maxSupportedCssHeight:  " + maxSupportedCssHeight);
+            s += ("\n" + "n(umber of pages):  " + n);
+            s += ("\n" + "(current) page:  " + page);
+            s += ("\n" + "page height (ph):  " + ph);
+            s += ("\n" + "vScrollDir:  " + vScrollDir);
+
+            alert(s);
+        };
+
+        // a debug helper to be able to access private members
+        this.eval = function (expr) {
+            return eval(expr);
+        };
+
+        // ////////////////////////////////////////////////////////////////////////////////////////////
+        // Public API
+
+        $.extend(this, {
+            "slickGridVersion": "2.1",
+
+            // Events
+            "onScroll": new Slick.Event(),
+            "onSort": new Slick.Event(),
+            "onHeaderMouseEnter": new Slick.Event(),
+            "onHeaderMouseLeave": new Slick.Event(),
+            "onHeaderContextMenu": new Slick.Event(),
+            "onHeaderClick": new Slick.Event(),
+            "onHeaderCellRendered": new Slick.Event(),
+            "onBeforeHeaderCellDestroy": new Slick.Event(),
+            "onHeaderRowCellRendered": new Slick.Event(),
+            "onBeforeHeaderRowCellDestroy": new Slick.Event(),
+            "onMouseEnter": new Slick.Event(),
+            "onMouseLeave": new Slick.Event(),
+            "onClick": new Slick.Event(),
+            "onDblClick": new Slick.Event(),
+            "onContextMenu": new Slick.Event(),
+            "onKeyDown": new Slick.Event(),
+            "onAddNewRow": new Slick.Event(),
+            "onValidationError": new Slick.Event(),
+            "onViewportChanged": new Slick.Event(),
+            "onColumnsReordered": new Slick.Event(),
+            "onColumnsResized": new Slick.Event(),
+            "onCellChange": new Slick.Event(),
+            "onBeforeEditCell": new Slick.Event(),
+            "onBeforeCellEditorDestroy": new Slick.Event(),
+            "onBeforeDestroy": new Slick.Event(),
+            "onActiveCellChanged": new Slick.Event(),
+            "onActiveCellPositionChanged": new Slick.Event(),
+            "onDragInit": new Slick.Event(),
+            "onDragStart": new Slick.Event(),
+            "onDrag": new Slick.Event(),
+            "onDragEnd": new Slick.Event(),
+            "onSelectedRowsChanged": new Slick.Event(),
+            "onCellCssStylesChanged": new Slick.Event(),
+
+            // Methods
+            "registerPlugin": registerPlugin,
+            "unregisterPlugin": unregisterPlugin,
+            "getColumns": getColumns,
+            "setColumns": setColumns,
+            "getColumnIndex": getColumnIndex,
+            "updateColumnHeader": updateColumnHeader,
+            "setSortColumn": setSortColumn,
+            "setSortColumns": setSortColumns,
+            "getSortColumns": getSortColumns,
+            "autosizeColumns": autosizeColumns,
+            "getOptions": getOptions,
+            "setOptions": setOptions,
+            "getData": getData,
+            "getDataLength": getDataLength,
+            "getDataItem": getDataItem,
+            "setData": setData,
+            "getSelectionModel": getSelectionModel,
+            "setSelectionModel": setSelectionModel,
+            "getSelectedRows": getSelectedRows,
+            "setSelectedRows": setSelectedRows,
+            "getContainerNode": getContainerNode,
+
+            "render": render,
+            "invalidate": invalidate,
+            "invalidateRow": invalidateRow,
+            "invalidateRows": invalidateRows,
+            "invalidateAllRows": invalidateAllRows,
+            "updateCell": updateCell,
+            "updateRow": updateRow,
+            "getViewport": getVisibleRange,
+            "getRenderedRange": getRenderedRange,
+            "resizeCanvas": resizeCanvas,
+            "updateRowCount": updateRowCount,
+            "scrollRowIntoView": scrollRowIntoView,
+            "scrollRowToTop": scrollRowToTop,
+            "scrollCellIntoView": scrollCellIntoView,
+            "getCanvasNode": getCanvasNode,
+            "getCanvases": getCanvases,
+            "getActiveCanvasNode": getActiveCanvasNode,
+            "setActiveCanvasNode": setActiveCanvasNode,
+            "getViewportNode": getViewportNode,
+            "getActiveViewportNode": getActiveViewportNode,
+            "setActiveViewportNode": setActiveViewportNode,
+            "focus": setFocus,
+            "getCellFromPoint": getCellFromPoint,
+            "getCellFromEvent": getCellFromEvent,
+            "getActiveCell": getActiveCell,
+            "setActiveCell": setActiveCell,
+            "getActiveCellNode": getActiveCellNode,
+            "getActiveCellPosition": getActiveCellPosition,
+            "resetActiveCell": resetActiveCell,
+            "editActiveCell": makeActiveCellEditable,
+            "getCellEditor": getCellEditor,
+            "getCellNode": getCellNode,
+            "getCellNodeBox": getCellNodeBox,
+            "canCellBeSelected": canCellBeSelected,
+            "canCellBeActive": canCellBeActive,
+            "navigatePrev": navigatePrev,
+            "navigateNext": navigateNext,
+            "navigateUp": navigateUp,
+            "navigateDown": navigateDown,
+            "navigateLeft": navigateLeft,
+            "navigateRight": navigateRight,
+            "navigatePageUp": navigatePageUp,
+            "navigatePageDown": navigatePageDown,
+            "gotoCell": gotoCell,
+            "getTopPanel": getTopPanel,
+            "setTopPanelVisibility": setTopPanelVisibility,
+            "setHeaderRowVisibility": setHeaderRowVisibility,
+            "getHeaderRow": getHeaderRow,
+            "getHeaderRowColumn": getHeaderRowColumn,
+            "getGridPosition": getGridPosition,
+            "flashCell": flashCell,
+            "addCellCssStyles": addCellCssStyles,
+            "setCellCssStyles": setCellCssStyles,
+            "removeCellCssStyles": removeCellCssStyles,
+            "getCellCssStyles": getCellCssStyles,
+            "getFrozenRowOffset": getFrozenRowOffset,
+
+            "init": finishInitialization,
+            "destroy": destroy,
+
+            // IEditor implementation
+            "getEditorLock": getEditorLock,
+            "getEditController": getEditController
+        });
+
+        init();
+    }
 }(jQuery));
diff --git a/tests/grid/grid.js b/tests/grid/grid.js
index 844113750..df76d870d 100755
--- a/tests/grid/grid.js
+++ b/tests/grid/grid.js
@@ -1,8 +1,8 @@
 (function ($) {
-  
+
   var grid;
   var el, offsetBefore, offsetAfter, dragged;
-  
+
   var drag = function(handle, dx, dy) {
     offsetBefore = el.offset();
     $(handle).simulate("drag", {
@@ -12,14 +12,14 @@
     dragged = { dx: dx, dy: dy };
     offsetAfter = el.offset();
   }
-  
+
   var moved = function (dx, dy, msg) {
     msg = msg ? msg + "." : "";
     var actual = { left: offsetAfter.left, top: offsetAfter.top };
     var expected = { left: offsetBefore.left + dx, top: offsetBefore.top + dy };
     same(actual, expected, 'dragged[' + dragged.dx + ', ' + dragged.dy + '] ' + msg);
   }
-  
+
   var ROWS = 500, COLS = 10;
   var data = [], row;
   for (var i = 0; i < ROWS; i++) {
@@ -29,7 +29,7 @@
     }
     data.push(row);
   }
-  
+
   var cols = [], col;
   for (var i = 0; i < COLS; i++) {
     cols.push({
@@ -38,31 +38,134 @@
       name: "col_" + i
     });
   }
-  
+
   cols[0].minWidth = 70;
 
   grid = new Slick.Grid("#container", data, cols);
   grid.render();
 
   module("grid - column resizing");
-  
+
+
   test("minWidth is respected", function () {
     var firstCol = $("#container .slick-header-column:first");
     firstCol.find(".slick-resizable-handle:first").simulate("drag", { dx: 100,  dy: 0 });
     firstCol.find(".slick-resizable-handle:first").simulate("drag", { dx: -200, dy: 0 });
     equal(firstCol.outerWidth(), 70, "width set to minWidth");
   });
-  
+
   test("onColumnsResized is fired on column resize", function () {
     expect(2);
     grid.onColumnsResized.subscribe(function() { ok(true,"onColumnsResized called") });
     var oldWidth = cols[0].width;
     $("#container .slick-resizable-handle:first").simulate("drag", { dx: 100, dy: 0 });
     equal(cols[0].width, oldWidth+100-1, "columns array is updated");
+      var blah;
   });
-  
+
   test("getData should return data", function () {
     equal(grid.getData(), data);
   });
-  
+
+
+module("grid - initial render");
+
+
+test("top-right canvas height equals top-left canvas height", function() {
+    var leftHeight = $("#container .grid-canvas.grid-canvas-top.grid-canvas-left").height();
+    var rightHeight = $("#container .grid-canvas.grid-canvas-top.grid-canvas-right").height();
+    equal(leftHeight, rightHeight);
+});
+
+
+module("grid - freeze options changing");
+
+
+test("setOptions 'frozenColumn' from frozen to unfrozen", function() {
+    var currentWidth
+      , width = $("#container").width()
+      , $paneHeaderL = $(".slick-pane.slick-pane-header.slick-pane-left")
+      , $paneTopL = $(".slick-pane.slick-pane-top.slick-pane-left")
+      , $viewportTopL = $(".slick-viewport.slick-viewport-top.slick-viewport-left");
+
+    grid.setOptions({ 'frozenColumn': 1 });
+    grid.setOptions({ 'frozenColumn': -1 });
+
+    currentWidth = $paneHeaderL.width();
+    equal(currentWidth, width);
+
+    currentWidth = $paneTopL.width();
+    equal(currentWidth, width);
+
+    currentWidth = $viewportTopL.width();
+    equal(currentWidth, width);
+});
+
+
+test("setOptions 'frozenColumn' from unfrozen to frozen", function() {
+    var i
+      , currentWidth
+      , width = 0
+      , frozenColumns = 1
+      , $paneHeaderL = $(".slick-pane.slick-pane-header.slick-pane-left")
+      , $paneTopL = $(".slick-pane.slick-pane-top.slick-pane-left")
+      , $viewportTopL = $(".slick-viewport.slick-viewport-top.slick-viewport-left");
+
+    for (i = 0; i <= frozenColumns; i++) {
+      width += cols[i].width;
+    }
+    grid.setOptions({ 'frozenColumn': frozenColumns });
+
+    currentWidth = $paneHeaderL.width();
+    equal(currentWidth, width);
+
+    currentWidth = $paneTopL.width();
+    equal(currentWidth, width);
+
+    currentWidth = $viewportTopL.width();
+    equal(currentWidth, width);
+});
+
+test("setOptions 'frozenRow' from frozen to unfrozen", function() {
+    var currentHeight
+       ,height = $( '#container' ).height()
+       ,$paneTopL = $( '.slick-pane.slick-pane-top.slick-pane-left' )
+       ,$headerScrollerL = $( '.slick-header.slick-header-left' )
+       ,$viewportTopL = $( '.slick-viewport.slick-viewport-top.slick-viewport-left' )
+
+    grid.setOptions({ 'frozenRow': 5 });
+    grid.setOptions({ 'frozenRow': -1 });
+
+    // Subtract the columns height from the container because they're not included
+    // in the top pane
+    height -= $headerScrollerL.height();
+
+    currentHeight = $paneTopL.height();
+    equal(currentHeight, height);
+
+    currentHeight = $viewportTopL.height();
+    equal(currentHeight, height);
+});
+
+test("setOptions 'frozenRow' from unfrozen to frozen", function() {
+    var i
+       ,currentHeight
+       ,height = 0
+       ,frozenRows = 4
+       ,rowHeight = grid.getOptions().rowHeight
+       ,$paneTopL = $( '.slick-pane.slick-pane-top.slick-pane-left' )
+       ,$viewportTopL = $( '.slick-viewport.slick-viewport-top.slick-viewport-left' );
+
+    for ( i = 0; i < frozenRows; i++ ) {
+        height += rowHeight;
+    }
+
+    grid.setOptions({ 'frozenRow': frozenRows });
+
+    currentHeight = $paneTopL.height();
+    equal(currentHeight, height);
+
+    currentHeight = $viewportTopL.height();
+    equal(currentHeight, height);
+});
 })(jQuery);
\ No newline at end of file
diff --git a/tests/grid/index.html b/tests/grid/index.html
index cc089a463..91d32e3f4 100644
--- a/tests/grid/index.html
+++ b/tests/grid/index.html
@@ -18,7 +18,7 @@ <h2 id="qunit-userAgent"></h2>
 	
 	<script type="text/javascript" src="../../lib/qunit.js"></script>
 	<script type="text/javascript" src="../../lib/jquery-1.7.min.js"></script>
-	<script type="text/javascript" src="../../lib/jquery-ui-1.8.16.custom.min.js"></script>
+<script type="text/javascript" src="../../lib/jquery-ui-1.8.24.custom.min.js"></script>
 	<script type="text/javascript" src="../../lib/jquery.event.drag-2.2.js"></script>
 	<script type="text/javascript" src="../../lib/jquery.simulate.js"></script>
 	<script type="text/javascript" src="../../lib/qunit.js"></script>
@@ -31,4 +31,4 @@ <h2 id="qunit-userAgent"></h2>
 	<script type="text/javascript" src="grid.js"></script>
 	
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/tests/scrolling benchmarks.html b/tests/scrolling benchmarks.html
index 0a2a885f2..ae2ada7e9 100644
--- a/tests/scrolling benchmarks.html	
+++ b/tests/scrolling benchmarks.html	
@@ -4,7 +4,7 @@
 		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 		<title>SlickGrid Scrolling Benchmark</title>
 		<link rel="stylesheet" href="../slick.grid.css" type="text/css" media="screen" charset="utf-8" />
-		<link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.16.custom.css" type="text/css" media="screen" charset="utf-8" />
+		<link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.24.custom.css" type="text/css" media="screen" charset="utf-8" />
 		<link rel="stylesheet" href="../examples/examples.css" type="text/css" media="screen" charset="utf-8" />
 		<style>
 		.cell-title {
@@ -19,7 +19,7 @@
 	<body>
 		<script src="../lib/firebugx.js"></script>
 		<script src="../lib/jquery-1.7.min.js"></script>
-		<script src="../lib/jquery-ui-1.8.16.custom.min.js"></script>
+		<script src="../lib/jquery-ui-1.8.24.custom.min.js"></script>
 		<script src="../lib/jquery.event.drag-2.2.js"></script>
 
 		<script src="../slick.core.js"></script>