Adding overlay DIV while resizing

Author: plashenkov

css/jquery.splitter.css

@@ -46,4 +46,12 @@
 }
 .splitter_panel .right_panel {
    right: 0;
+}
+.splitterMask {
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1000;
 }

js/jquery.splitter-0.12.0.js

@@ -224,21 +224,15 @@
                 });
             });
             $(document.documentElement).bind('mousedown.splitter', function(e) {
-                if (splitter_id !== null) {
+                if (splitter_id !== null && e.which == 1) {
                     current_splitter = splitters[splitter_id];
-                    $('<div class="splitterMask"></div>').insertAfter(current_splitter);
-                    if (current_splitter.orientation == 'horizontal') {
-                        $('body').css('cursor', 'row-resize');
-                    } else if (current_splitter.orientation == 'vertical') {
-                        $('body').css('cursor', 'col-resize');
-                    }
+                    $('<div class="splitterMask"></div>').css('cursor', splitter.css('cursor')).insertAfter(current_splitter);
                     current_splitter.settings.onDragStart(e);
                     return false;
                 }
             }).bind('mouseup.splitter', function(e) {
                 if (current_splitter) {
                     $('.splitterMask').remove();
-                    $('body').css('cursor', 'auto');
                     current_splitter.settings.onDragEnd(e);
                     current_splitter = null;
                 }