Updated the Carousel to fire the onDragStart once there's actual movement (vs drag initialized)

Author: pborissow

src/carousel/Carousel.js

@@ -954,15 +954,15 @@ javaxt.dhtml.Carousel = function(parent, config) {
         var startX, offsetX;
         var prevPanel;
 
+        var notify = true;
+
       //Function called when a drag is initiated
         var onDragStart = function(e){
-            me.onDragStart(currPanel.childNodes[0].childNodes[0]);
 
             startX = e.clientX;
             offsetX = parseInt(innerDiv.style.left);
 
 
-
           //Disable text selection in the entire document - very important!
             var body = document.getElementsByTagName('body')[0];
             if (!body.className.match(/(?:^|\s)javaxt-noselect(?!\S)/) ){
@@ -971,7 +971,6 @@ javaxt.dhtml.Carousel = function(parent, config) {
 
 
             prevPanel = currPanel;
-            innerDiv.style.cursor = config.dragCursor;
         };
 
 
@@ -983,6 +982,19 @@ javaxt.dhtml.Carousel = function(parent, config) {
                               //Otherwise, client is sliding to the left.
 
 
+          //Fire onDragStart event once we actually have some movement
+            if (notify){
+                if (d!==0){
+                    me.onDragStart(currPanel.childNodes[0].childNodes[0]);
+                    notify = false;
+                }
+            }
+
+
+          //Update cursor style
+            innerDiv.style.cursor = config.dragCursor;
+
+
             var left = offsetX-d;
             innerDiv.style.left = left + 'px';
 
@@ -1057,6 +1069,7 @@ javaxt.dhtml.Carousel = function(parent, config) {
 
       //Function called when the user stops dragging the div
         var onDragEnd = function(){
+            notify = true;
 
             var rect = _getRect(outerDiv);
             var minX = rect.x;