2 files changed, 20 insertions, 43 deletions
diff --git a/modules/rearrange/views/rearrange.html.php b/modules/rearrange/views/rearrange.html.php
index 64b711ff..22e3399e 100644
--- a/modules/rearrange/views/rearrange.html.php
+++ b/modules/rearrange/views/rearrange.html.php
@@ -1,44 +1,8 @@
 <?php defined("SYSPATH") or die("No direct script access."); ?>
-
-<? if ($root): ?>
-  <script>
-    var simpleTree_Rearrange;
-    $(document).ready(function() {
-      simpleTree_Rearrange = $(".simpleTree").simpleTree({
-        autoclose: false,
-        animate: true,
-        afterClick:function(node) {
-          alert("text-"+$('span:first', node).text());
-        },
-        afterDblClick:function(node) {
-          alert("text-"+$('span:first', node).text());
-        },
-        afterMove:function(destination, source, pos) {
-          alert("destination: "+destination.attr('id') + "\n" +
-                "source: "+source.attr('id') + "\n" +
-                "pos: " + pos);
-        },
-        afterAjax:function() {
-        }
-      });
-    });
-  </script>
-  <ul class="simpleTree">
-    <li class="root" id="<?= $root->id?>"><span><?= $root->title?></span>
-<? endif; ?>
-<ul>
-  <? foreach ($children as $child): ?>
-    <li id="<?= $child->id?>"><span class="text"><?= $child->title?></span>
-      <? if ($child->type == "album"): ?>
-        <ul class="ajax">
-          <li><?= url::site("rearrange/$child->id") ?></li>
-        </ul>
-      <? endif; ?>
-    </li>
-  <? endforeach;?>
-</ul>
-<? if ($root): ?>
-    </li>
-  </ul>
-<? endif; ?>
-
+<div id="gRearrange">
+  <span id="gAddAlbum">New Album</span>
+  &nbsp;
+  <span id="gDeleteItem">Delete</span>
+  <hr/>
+  <div id="gRearrangeTree" />
+</div
diff --git a/modules/rearrange/views/rearrange_item_list.html.php b/modules/rearrange/views/rearrange_item_list.html.php
new file mode 100644
index 00000000..52881fa1
--- /dev/null
+++ b/modules/rearrange/views/rearrange_item_list.html.php
@@ -0,0 +1,13 @@
+<?php defined("SYSPATH") or die("No direct script access."); ?>
+<ul class="jqueryFileTree" style="display: none">
+  <? foreach ($children as $item): ?>
+    <? if ($item->type == "album"): ?>
+      <li class="directory <?= $item->children_count() > 0 ? "collapsed" : "" ?>" id="<?= $item->id?>">
+        <a href="#" rel="<?= $item->id?>"><?= $item->title?></a>
+      </li>
+    <? else: ?>
+      <li class="file item" id="<?= $item->id?>"><a href="#" rel="<?= $item->id?>"><?= $item->title?></a>
+      </li>
+    <? endif; ?>
+  <? endforeach;?>
+</ul>