[Réglé] Scriptaculous Sortable List

[Nessper]

Bonjour tout le monde ^^

Sans plus tarder je vous énonce mon problème. J'ai une 1ere liste contenant 8 li à la base et une 2eme en contenant 5 (on s'en fout en fait). Le but c'est que je déplace des li de la 2eme liste vers la 1ere mais que celle-ci ne puisse pas en contenir plus de 10. Jusque là ça va. Mais le truc c'est que lorsque j'approche le 10eme li, je ne sais pas comment le faire "repartir" tant que la liste est pleine. C'est pas clair hein ?
Bon voilà le code.
dans la page php

Code PHP :

<?php 

<div>

    <div id="gamb_act" class="bloc1">

        <h3>Gambits actifs</h3>

         <ul class="sortabledemo" id="firstlist">

               <li class="green" id="firstlist_firstlist1">Gambit n°14</li>

               <li class="green" id="firstlist_firstlist2">Gambit n°1</li>

               <li class="green" id="firstlist_firstlist3">Gambit n°11</li>

               <li class="green" id="firstlist_firstlist4">Gambit n°10</li>

               <li class="green" id="firstlist_firstlist5">Gambit n°15</li>

               <li class="green" id="firstlist_firstlist6">Gambit n°7</li>

               <li class="green" id="firstlist_firstlist7">Gambit n°21</li>

               <li class="green" id="firstlist_firstlist8">Gambit n°12</li>

         </ul>

    </div>

     <div id="gamb_pass"  class="bloc1">

         <h3>Gambits de réserve</h3>

         <ul class="sortabledemo" id="secondlist">

               <li class="orange" id="secondlist_secondlist1">

                 <span class="handle">Gambit n°9</span>

               </li>

               <li class="orange" id="secondlist_secondlist2">

                 <span class="handle">Gambit n°8</span>

               </li>

               <li class="orange" id="secondlist_secondlist3">

                 <span class="handle">Gambit n°0</span>

               </li>

               <li class="orange" id="secondlist_secondlist4">

                 <span class="handle"  >Gambit n°13</span>

               <li class="orange" id="secondlist_secondlist5">

                 <span class="handle">Gambit n°2</span>

               <li class="orange" id="secondlist_secondlist6">

                 <span class="handle">Gambit n°3</span>

               </li>

         </ul>

    </div>

</div>



<div style="clear:both;"> </div>



{literal}

 <script type="text/javascript">

 // <![CDATA[

   Sortable.create("firstlist",

     {dropOnEmpty:true,containment:["firstlist","secondlist"], constraint:false, 

      onChange:function(){calculnbGambits('firstlist', 'gamb_act');}});

    

   Sortable.create("secondlist",

     {dropOnEmpty:true,handle:'handle',containment:["firstlist","secondlist"],constraint:false});

 // ]]>

 </script>

{/literal}