Ajouter et supprimer les articles de la défilement de jQuerytools

Question

J'ai un simple désir .. Ajouter à un défilement d'un autre .. donc cela signifie un ajout qui était facile avec les documents ici .. mais le supprimer .. pas de chance .. Je peux faire le mouvement mais le défilement ne Réfléchissez dans la navigation ou les droits de gauche. C'est ce que j'ai essayé jusqu'à présent.

    $(function() {
          // initialize scrollable
          $("#Unused.scrollable").scrollable({easing: 'easeOutBack'});
          $("#Unused.scrollable").navigator();

          $("#Used.scrollable").scrollable({easing: 'easeOutBack'});
          $("#Used.scrollable").navigator();

          $(".scrollable input[type='checkbox']").live('click',function(){
                var package=$("input[name='multiInput-module-0-Selected']").val();
                $("input[name='multiInput-module-0-Selected']").val('');
                $(this).closest('.scrollable').find("input[type='checkbox']").each(function(index, Element) {
                  if($(this).attr("checked")==true){
                        if(package==''){var c=''}else{var c=','}
                        package+=c+$(this).val();
                  }
                });
                var api = $("#Used.scrollable").data("scrollable");
                api.addItem($(this).closest('.img').clone()).end();
                $(this).closest('.img').remove();
                $("#Unused.scrollable").removeData();
                $("#Unused.scrollable").scrollable().navigator();
                $("input[name='multiInput-module-0-Selected']").val($.trim(package));
          });
          $("ul.tabs").tabs("div.panels > div.panel");
    });

Et le HTML

    <ul class="tabs">
      <li><a href="#">Used images</a></li>
      <li><a href="#">Add an image</a></li>
    </ul>
    <div class="panels">
    <div class='panel'>
    <h2>Used</h2>
    <div class="navi" ></div>
    <a class="prev browse left"></a>
    <div id='Used' class="scrollable">
      <div class="items">
        <div class='img' >
          <input type='checkbox' value='/uploads/siteTheme/headerimages/1.jpg' checked='checked'/>
          <a href='#' class='addtext' style=''>T</a> <img src='http://localhost/www.glts.tec.ma.us/uploads/SuperSizerTmp/admin/headerimages/1.-w100-h0-p0-q85-F-----S1-c.jpg?1296899993' alt='' /> </div>
        <div class='img' >
          <input type='checkbox' value='/uploads/siteTheme/headerimages/2.jpg' checked='checked'/>
          <a href='#' class='addtext' style=''>T</a> <img src='http://localhost/www.glts.tec.ma.us/uploads/SuperSizerTmp/admin/headerimages/2.-w100-h0-p0-q85-F-----S1-c.jpg?1296899993' alt='' /> </div>
        <!-- "next page" action -->
        <a class="next browse right"></a> </div>
      <div class='panel'>
        <h2 style='clear:both;'>Unused</h2>
        <div class="navi" ></div>
        <!-- "previous page" action -->
        <a class="prev browse left"></a>
        <!-- root element for scrollable -->
        <div id='Unused' class="scrollable">
          <!-- root element for the items -->
          <div class="items">
            <div class='img' >
              <input type='checkbox' value='/uploads/siteTheme/headerimages/1 - Copy.jpg' />
              <img src='http://localhost/www.glts.tec.ma.us/uploads/SuperSizerTmp/admin/headerimages/1 - Copy.-w100-h0-p0-q85-F-----S1-c.jpg?1296900411' alt='' /> </div>
            <div class='img' >
              <input type='checkbox' value='/uploads/siteTheme/headerimages/2 - Copy.jpg' />
              <img src='http://localhost/www.glts.tec.ma.us/uploads/SuperSizerTmp/admin/headerimages/2 - Copy.-w100-h0-p0-q85-F-----S1-c.jpg?1296900411' alt='' /> </div>
          </div>
        </div>
        <!-- "next page" action -->
        <a class="next browse right"></a> </div>
      <div style='clear:both;'></div>
    </div>

Je suis sûr que c'est quelque chose de simple .. une solution de contournement .. ne le trouvant pas ou l'obtenant encore: D merci pour l'aide .. Cheers-Jeremy