Update pages. See main branch for changes

Author: johnny

index.html

@@ -78,7 +78,7 @@ <h1>jQuery Sortable</h1>
       <a class='btn btn-large btn-success' href='js/jquery-sortable.js'>
         <i class='icon-hdd icon-white'></i>
         Download
-        (v0.9.1)
+        (v0.9.2)
       </a>
     </p>
     <p>
@@ -145,6 +145,7 @@ <h3>Compatibility</h3>
       <ul>
         <li>Firefox >= 3.5</li>
         <li>Chrome</li>
+        <li>Opera</li>
         <li>Konqueror</li>
         <li>IE > 7</li>
       </ul>
@@ -886,7 +887,7 @@ <h2 id='group-options'>Group options</h2>
 </td>
 <td>
   <div class="CodeRay">
-  <div class="code"><pre><span class="keyword">function</span> (item, group, _super) {
+  <div class="code"><pre><span class="keyword">function</span> (item, container, _super) {
   item.css({
     <span class="key">height</span>: item.height(),
     <span class="key">width</span>: item.width()
@@ -897,7 +898,7 @@ <h2 id='group-options'>Group options</h2>
 </div>
 
 </td>
-<td> Called after the drag has been started, that is the mouse button is beeing held down and the mouse is moving</td>
+<td> Called after the drag has been started, that is the mouse button is beeing held down and the mouse is moving. The container is the closest initialized container. Therefore it might not be the container, that actually contains the item.</td>
 </tr><tr><td>
   <code>onDrop</code>
 </td>

js/application.js

@@ -1082,7 +1082,7 @@ colors = jQuery.Color.names = {
 
 }(window.jQuery);
 /* ===================================================
- *  jquery-sortable.js v0.9.1
+ *  jquery-sortable.js v0.9.2
  *  http://johnny.github.com/jquery-sortable/
  * ===================================================
  *  Copyright (c) 2012 Jonas von Andrian
@@ -1145,8 +1145,10 @@ colors = jQuery.Color.names = {
     },
     // Called after the drag has been started,
     // that is the mouse button is beeing held down and
-    // the mouse is moving
-    onDragStart: function (item, group, _super) {
+    // the mouse is moving.
+    // The container is the closest initialized container.
+    // Therefore it might not be the container, that actually contains the item.
+    onDragStart: function (item, container, _super) {
       item.css({
         height: item.height(),
         width: item.width()
@@ -1458,7 +1460,7 @@ colors = jQuery.Color.names = {
                                lastPointer),
       rootGroup = this.rootGroup
       if(!nearest)
-        rootGroup.movePlaceholder(this.el, "append")
+        rootGroup.movePlaceholder(this, this.el, "append")
       else {
         var index = nearest[0],
         distance = nearest[1]

js/jquery-sortable-min.js

@@ -1,5 +1,5 @@
 /* ===================================================
- *  jquery-sortable.js v0.9.1
+ *  jquery-sortable.js v0.9.2
  *  http://johnny.github.com/jquery-sortable/
  * ===================================================
  *  Copyright (c) 2012 Jonas von Andrian
@@ -62,8 +62,10 @@
     },
     // Called after the drag has been started,
     // that is the mouse button is beeing held down and
-    // the mouse is moving
-    onDragStart: function (item, group, _super) {
+    // the mouse is moving.
+    // The container is the closest initialized container.
+    // Therefore it might not be the container, that actually contains the item.
+    onDragStart: function (item, container, _super) {
       item.css({
         height: item.height(),
         width: item.width()
@@ -375,7 +377,7 @@
                                lastPointer),
       rootGroup = this.rootGroup
       if(!nearest)
-        rootGroup.movePlaceholder(this.el, "append")
+        rootGroup.movePlaceholder(this, this.el, "append")
       else {
         var index = nearest[0],
         distance = nearest[1]