Add highlightColor and effects bindings and AjaxOptions to AjaxSortab…

…leList.

highlightColor will create a start effect and a endeffect that change the background color of the moved element.

Frameworks/Ajax/Ajax/Components/AjaxSortableList.api

@@ -53,5 +53,9 @@
         <validation message="'index' must be bound to a settable value">
             <unsettable name="index"/>
         </validation>
+    <binding name="highlightColor"/>
+        <binding name="starteffect"/>
+        <binding name="endeffect"/>
+        <binding name="reverteffect"/>
     </wo>
 </wodefinitions>

Frameworks/Ajax/Ajax/Sources/er/ajax/AjaxSortableList.java

@@ -39,6 +39,13 @@
  * @binding handle if an element should only be draggable by an embedded handle, takes a class name
  * @binding hoverclass
  * @binding ghosting shows ghosting copy during drag, defaults to <code>false</code>
+ * @binding highlightColor a CSS color used to change the element background color when it is moved.
+ * @binding starteffect Effect, defaults to Effect.Opacity. Defines the effect
+ *          to use when the draggable starts being dragged
+ * @binding reverteffect Effect, default to Effect.Move. Defines the effect to
+ *          use when the draggable reverts back to its starting position
+ * @binding endeffect Effect, defaults to Effect.Opacity. Defines the effect to
+ *          use when the draggable stops being dragged
  * @binding dropOnEmpty
  * @binding scroll
  * @binding onChange client side method, fires on updating the sort order during drag
@@ -134,12 +141,29 @@ public NSDictionary createAjaxOptions() {
     ajaxOptionsArray.addObject(new AjaxOption("handle", AjaxOption.STRING));
     ajaxOptionsArray.addObject(new AjaxOption("hoverclass", AjaxOption.STRING));
     ajaxOptionsArray.addObject(new AjaxOption("ghosting", AjaxOption.BOOLEAN));
+    ajaxOptionsArray.addObject(new AjaxOption("starteffect", starteffect(), AjaxOption.SCRIPT));
+    ajaxOptionsArray.addObject(new AjaxOption("reverteffect", AjaxOption.SCRIPT));
+    ajaxOptionsArray.addObject(new AjaxOption("endeffect", endeffect(), AjaxOption.SCRIPT));
     ajaxOptionsArray.addObject(new AjaxOption("dropOnEmpty", AjaxOption.BOOLEAN));
     ajaxOptionsArray.addObject(new AjaxOption("scroll", AjaxOption.BOOLEAN));
     ajaxOptionsArray.addObject(new AjaxOption("onChange", AjaxOption.SCRIPT));
     NSMutableDictionary options = AjaxOption.createAjaxOptionsDictionary(ajaxOptionsArray, this);
     return options;
   }
+
+  private String starteffect() {
+	  if (hasBinding("highlightColor")) {
+		  return "function(element){element.style.backgroundColor = '"+valueForBinding("highlightColor")+"';}";
+	  }
+	  return null;
+  }
+
+  private String endeffect() {
+	  if (hasBinding("highlightColor")) {
+		  return "function(element){element.style.backgroundColor = '';}";
+	  }
+	  return null;
+  }
 
   public String onUpdate() {
 	StringBuilder onUpdateBuffer = new StringBuilder();