diff --git a/32px.png b/32px.png
deleted file mode 100644
index 15327152481789306eadef88393cd1c748dc31a7..0000000000000000000000000000000000000000
GIT binary patch
literal 0
Hc$@<O00001

diff --git a/40px.png b/40px.png
deleted file mode 100644
index 1959347aea041d75a58d0584ea7ec51714797983..0000000000000000000000000000000000000000
GIT binary patch
literal 0
Hc$@<O00001

diff --git a/action.php b/action.php
new file mode 100644
--- /dev/null
+++ b/action.php
@@ -0,0 +1,108 @@
+<?php
+/**
+ * DokuWiki Plugin metaeditor (Action Component)
+ *
+ * @license GPL 2 http://www.gnu.org/licenses/gpl-2.0.html
+ * @author  Andreas Böhler <dev@aboehler.at>
+ */
+
+
+// must be run within Dokuwiki
+if(!defined('DOKU_INC')) die();
+
+class action_plugin_metaeditor extends DokuWiki_Action_Plugin { 
+  
+  // Load the helper plugin
+  public function action_plugin_metaeditor() {
+        
+  }
+   
+  // Register our hooks 
+  function register(&$controller) {
+    $controller->register_hook('AJAX_CALL_UNKNOWN', 'BEFORE', $this, 'handle_ajax_call_unknown');    
+  }
+  
+  function handle_ajax_call_unknown($event, $param) {
+    if($event->data != 'plugin_metaeditor') return;
+    
+    $event->preventDefault();
+    $event->stopPropagation();
+    global $INPUT;
+    //global $auth; // FIXME: Add auth check for admin user here
+    
+    $action = trim($INPUT->post->str('q'));
+    $pageid = trim($INPUT->post->str('r'));
+    $key = $INPUT->post->arr('k');
+    $data = array();
+    $json = false;
+    
+    switch($action)
+    {
+      case 'getMeta':
+        $data = $this->getMetaForPage($pageid);
+        $json = true;
+        break;
+      case 'getMetaValue':
+        $data = $this->getMetaValueForPage($pageid, $key);
+        break;
+    
+    }
+    
+    //$data = $_SERVER['REMOTE_USER'];
+    
+    
+    if($json)
+    {
+      //json library of DokuWiki
+      require_once DOKU_INC . 'inc/JSON.php';
+      $json = new JSON();
+ 
+      //set content type
+      header('Content-Type: application/json');
+      echo $json->encode($data);
+    }
+    else
+    {
+      echo $data;
+    }
+  }
+  
+  function parseMetaTree($meta)
+  {
+    $out = array();
+    foreach($meta as $k => $v)
+    {
+      $a = array();
+      $a['text'] = $k;
+      if(is_array($v))
+      {
+        $a['children'] = $this->parseMetaTree($v);
+      }
+      $out[] = $a;
+    }
+    return $out;
+  }
+  
+  function getMetaForPage($pageid)
+  {
+    $cache = false;
+    $meta = p_read_metadata($pageid, $cache);
+    $out = $this->parseMetaTree($meta);
+    return $out;
+  }
+  
+  function getMetaValueForPage($pageid, $key)
+  {
+    $cache = false;
+    $meta = p_read_metadata($pageid, $cache);
+    foreach($key as $k)
+    {
+      $meta = $meta[$k];
+    }
+    return $meta;
+  }
+  
+  
+  
+  
+}
diff --git a/admin/editor.php b/admin/editor.php
--- a/admin/editor.php
+++ b/admin/editor.php
@@ -1,62 +1,98 @@
 <?php
 /**
  * DokuWiki Plugin metaeditor (Admin Component)
  *
  * @license GPL 2 http://www.gnu.org/licenses/gpl-2.0.html
  * @author  Andreas Gohr <gohr@cosmocode.de>
  */
 
 // must be run within Dokuwiki
 if (!defined('DOKU_INC')) die();
 require_once(DOKU_PLUGIN.'admin.php');
 
 class admin_plugin_metaeditor_editor extends DokuWiki_Admin_Plugin {
 
     /**
      * Constructor. Load helper plugin
      */
     function admin_plugin_metaeditor_editor(){
         
     }
 
     function getMenuSort() { return 501; }
     function forAdminOnly() { return true; }
 
     function getMenuText($language) {
         return "Simple Persistent Meta Data Editor";
     }
 
     function handle() {
         if(!is_array($_REQUEST['d']) || !checkSecurityToken()) return;
 
         //p_save_metadata($id, $meta);
         
     }
     
+    /*
     function recurseTree($var){
       //$out = '<li>';
       foreach($var as $k => $v){
-        $out .= '<li>'.$k;
+        if($k == 'id')
+          $out .= '<li>'.$v;
         if(is_array($v)){
           $out .= '<ul>'.$this->recurseTree($v).'</ul>';
         }
         $out .= '</li>';
       }  
       return $out; //.'</li>';
     }
-
+    */
+    
+    function recurseTree($ns) {
+        global $conf;
+        $out = '';
+        $list = array();
+        $opts = array(
+            'depth' => 1,
+            'listfiles' => true,
+            'listdirs'  => true,
+            'pagesonly' => true,
+            'firsthead' => true,
+            'sneakyacl' => $conf['sneaky_index'],
+        );
+        search($list,$conf['datadir'],'search_universal',$opts,$ns);
+        foreach($list as $item)
+        {
+          if($item['type'] == 'f' || $item['type'] == 'd')
+          {
+            $out .= '<li>'.$item['id'];
+            if($item['type'] == 'd')
+              $out .= '<ul>'.$this->recurseTree(str_replace(':', '/', $item['id'])).'</ul>';
+            $out .= '</li>';
+          }
+        }
+        return $out;
+    }
 
     function html() {
-        $cache = false;
-        $id = 'start';
-        $meta = p_read_metadata($id, $cache);
-        echo '<div id="metaTree">';
-        echo '<ul>'.$this->recurseTree($meta).'</ul>';
-        echo '</div>';
-        echo '<div id="event_result"></div>';
-        print_r($meta);
+
+        //$cache = false;
+        //$id = 'start';
+        //$meta = p_read_metadata($id, $cache);
+
+        print_r($list);
+        echo '<table>';
+        echo '<tr>';
+        echo '<td><div id="fileTree">';
+        echo '<ul>'.$this->recurseTree('/').'</ul>';
+        echo '</div></td>';
+        echo '<td><div id="metaTree"></div></td>';
+        echo '<td><div id="event_result"></div></td>';
+        //echo '<ul>'.$this->recurseTree($meta).'</ul>';
+        //echo '</div>';
+        //print_r($meta);
     }
 
 }
 
 // vim:ts=4:sw=4:et:enc=utf-8:
diff --git a/img/32px.png b/img/32px.png
new file mode 100644
index 0000000000000000000000000000000000000000..15327152481789306eadef88393cd1c748dc31a7
GIT binary patch
literal 3121
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

diff --git a/img/40px.png b/img/40px.png
new file mode 100644
index 0000000000000000000000000000000000000000..1959347aea041d75a58d0584ea7ec51714797983
GIT binary patch
literal 1880
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
V>%6|nQ2uWqjJN-Zx?@r4zX8jeTloM0

diff --git a/img/throbber.gif b/img/throbber.gif
new file mode 100644
index 0000000000000000000000000000000000000000..1b5b2fde42f8ea14e6981339196a9d62b681d79e
GIT binary patch
literal 1720
zc$|IHYfMvT7zgm4p2O+ea@rnBg#)OxTPX)cQV_5Tb1gSZv0MaZLC_Wi3RWpM1w_+Q
ztx&5V(+L|vq><Hm8K5q>MN>cpyrO}q)3}N{9c~NEIQ4_FlFV=2KD^(a<p0b6d7o8@
z3F75yoPtwcQ7E&sv(wYlX0zGha3mxo)YjHgC={hqDG&%wo;-Q+;zcf(+uq)eAV_3n
zq(-CR&$=haXQanUQ{%%zL@?x>=6~>wEiX`47Hs5gE3VY=)FtX_ZK--=Nb#1!QVRba
zLT5Oqf}M{t7fM0Oa2ft0s;WdZ227!;--Hvgv4#N~)2afC+Y_Ns<BhVq?(34fsr@=h
z4)3veGMrl9l-7luPNN#Ke_VgcJh;S02VO|gHE|G+D1@}lojuE~hS&ot>}iT8M02BH
z8L%z@cKdV>hmjw^U}So@Qs|rtP0hKR%SS*%D3;WhXnd@{fiHRh0BQ`jNVNk7n)~o&
z)rbbA9l|=_)(H)g!HPRFPE!oDwJQ#`3_Te*wetdO%H%v#u;KNNAP=15xFn1G{0fZ?
zGpZHZXg6%Nuzr)a#7yoBObT>~D0d=APbcCLKsZQpUt(;9eo{?7potPVLKMPusRsr1
z5{C#w&?kTPiZPVT<|NR`g}#l0yjIeLy(o@L=H46+J-<S>F~F+e&DclaFuJv~=kL4K
zzG16U{A)@fOq9Z{Dc=&6R~8tW=bACs1)1+;$N_C;!Bru1zc<>Hmh5j2mfHw+MC#yD
zWY^$s6%b*2<$<rGf^hWkQ|q)A?cX37kO{VS59i(H<q{6X;;BvqWiX2*w=ksj#<xL_
zKTP>=^$lHTC^gnHqIT8QDnhpih0Q{jh{Cyr1UV7Oz%=9IM3}r$_wzd>Qj?`O6|M?q
zyvSMH2F4PZ;c)zjy}6Ft!Ms|AVZ^=m(cY)IjGq;o5_=aelTY0@Psk4P|9CC74UQB%
zd|qL?I92n-7SH+`lW>>O(`9tEGupQ1+)bY~AZBLXkkD;+AmFVjpP0s8_J9l@a+DHw
zxITXmZzGp#5sJjb{O@ns&(Lwg|2KOPRm7sztA3i$65!ILRJ}72rdc0$Cv~GRf9l#!
zFI0iL`}piwfYK<@nK`8ZW#ndUrobqco0;V25>qjE9)uH<0kBu0Lqdb{ld!naOe1cC
z4=BAN7kj^|+;wF4o8`=fdyOwW?OJLRQt{n=!NMk^wuCAGtW}0P!O1ACc&6ewi;Eh^
z!j?qisBPfDsLBhaqWPsMEA()6NXlv^>djo18%V3;x^|R(bm&s$xL`=QgLwN{z*;6>
z9L+dXHCYu9zYQ#F>Q2{jv%8)Oc_843P~Rm{L`V2telmTg=Bx06)5iHc?82ABDjWdN
zZP3AB3?Npfelx0t-Q6J;y2Ou;@{J2XL|Oop<MZEbX!<Lswh#BqkELyJv{^`X_dB|=
zpzLf*YfQ<Z$;;7}d)QJsQhe4!#nU`$u}aln_mH@mX*nYxuz?AE51v6~8uL{W5r<vx
zF=G?;QH}P;GX3Egjut?55RGZ@q&Gr<B}B61Md?Mp|LeH+&gT2N%1D(fMeDDsvQE5V
zTIdy;X7IzYj)Pv$d&!kCdTHKq9npaZ_6?-p_Bx%Y@0D{pE?gTLupzi<xUGjfpK6Xh
z+M=Ul7FgOVYY2x?7E}wlv9f#_z#l;tu^aukRBEAXN9jk$_K9(aTUR8eUYlo711muu
zoAf;vG4@L)(YWvTza)e|&z>xe3isL@Q{IL*a*%OB>NApk`eFREEQ895<x9jOpQbEB
z+EIwG59T{S%W8MT$-uJGvmiEYWj3z}tMqYwF8_8>a_-9eR+Myps*Xs^t`=-CyEX7J
zlgEbj5#wk=Oy3D5!QA~T7Z(G>(9oAX4_6)sneR!~$wbNR69~h!f2IW|uZKt-Y03bC
iJlb?Q4NS3v`Ee|^!VRJ~q{D_i-k5qFmoA!fMEwIDQXWPC

diff --git a/script.js b/script.js
--- a/script.js
+++ b/script.js
@@ -1,20 +1,73 @@
 /* DOKUWIKI:include_once jstree.js */
 
 jQuery(function()
-{      
+{   
+
+    var selectedPageId = null;
+    var selectedNode = null;
+    
     jQuery('#metaTree').on('changed.jstree', function (e, data) {
-      var i, j, r = [];
-      for(i = 0, j = data.selected.length; i < j; i++) {
-        r.push(data.instance.get_node(data.selected[i]).text);
+      var i, j, r;
+      if(data.selected.length != 1)
+        return;
+      var node = data.instance.get_node(data.selected[0]);
+      if(!data.instance.is_leaf(node))
+        return;
+      r = data.instance.get_path(data.selected[0]);
+      selectedNode = r;
+      jQuery.post(
+        DOKU_BASE + 'lib/exe/ajax.php',
+        {
+          call: 'plugin_metaeditor', 
+          q: 'getMetaValue',
+          r: selectedPageId,
+          k: r
+        },
+        function(data) {
+          jQuery('#event_result').html(data);
+        }
+      );
+
+    })
+    // create the instance
+    .jstree({
+      core : {
+        multiple: false
       }
-      jQuery('#event_result').html('Selected: ' + r.join(', '));
+    });
+
+
+    jQuery('#fileTree').on('changed.jstree', function (e, data) {
+      var i, j, r;
+      if(data.selected.length != 1)
+        return;
+      var node = data.instance.get_node(data.selected[0]);
+      if(!data.instance.is_leaf(node))
+        return;
+      r = node.text;
+      selectedPageId = r;      
+      jQuery.post(
+        DOKU_BASE + 'lib/exe/ajax.php',
+        {
+          call: 'plugin_metaeditor', 
+          q: 'getMeta',
+          r: r
+        },
+        function(data) {
+          jQuery('#metaTree').jstree(true).settings.core.data = data;
+          jQuery('#metaTree').jstree(true).refresh();
+        }
+      );
+      
     })
     // create the instance
     .jstree({
       core : {
         multiple: false
       }
     
     });
+    
+    
 });
 
diff --git a/style.css b/style.css
--- a/style.css
+++ b/style.css
@@ -1,1031 +1,1031 @@
 /* jsTree default theme */
 .jstree-node,
 .jstree-children,
 .jstree-container-ul {
   display: block;
   margin: 0;
   padding: 0;
   list-style-type: none;
   list-style-image: none;
 }
 .jstree-node {
   white-space: nowrap;
 }
 .jstree-anchor {
   display: inline-block;
   color: black;
   white-space: nowrap;
   padding: 0 4px 0 1px;
   margin: 0;
   vertical-align: top;
 }
 .jstree-anchor:focus {
   outline: 0;
 }
 .jstree-anchor,
 .jstree-anchor:link,
 .jstree-anchor:visited,
 .jstree-anchor:hover,
 .jstree-anchor:active {
   text-decoration: none;
   color: inherit;
 }
 .jstree-icon {
   display: inline-block;
   text-decoration: none;
   margin: 0;
   padding: 0;
   vertical-align: top;
   text-align: center;
 }
 .jstree-icon:empty {
   display: inline-block;
   text-decoration: none;
   margin: 0;
   padding: 0;
   vertical-align: top;
   text-align: center;
 }
 .jstree-ocl {
   cursor: pointer;
 }
 .jstree-leaf > .jstree-ocl {
   cursor: default;
 }
 .jstree .jstree-open > .jstree-children {
   display: block;
 }
 .jstree .jstree-closed > .jstree-children,
 .jstree .jstree-leaf > .jstree-children {
   display: none;
 }
 .jstree-anchor > .jstree-themeicon {
   margin-right: 2px;
 }
 .jstree-no-icons .jstree-themeicon,
 .jstree-anchor > .jstree-themeicon-hidden {
   display: none;
 }
 .jstree-rtl .jstree-anchor {
   padding: 0 1px 0 4px;
 }
 .jstree-rtl .jstree-anchor > .jstree-themeicon {
   margin-left: 2px;
   margin-right: 0;
 }
 .jstree-rtl .jstree-node {
   margin-left: 0;
 }
 .jstree-rtl .jstree-container-ul > .jstree-node {
   margin-right: 0;
 }
 .jstree-wholerow-ul {
   position: relative;
   display: inline-block;
   min-width: 100%;
 }
 .jstree-wholerow-ul .jstree-leaf > .jstree-ocl {
   cursor: pointer;
 }
 .jstree-wholerow-ul .jstree-anchor,
 .jstree-wholerow-ul .jstree-icon {
   position: relative;
 }
 .jstree-wholerow-ul .jstree-wholerow {
   width: 100%;
   cursor: pointer;
   position: absolute;
   left: 0;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }
 .vakata-context {
   display: none;
 }
 .vakata-context,
 .vakata-context ul {
   margin: 0;
   padding: 2px;
   position: absolute;
   background: #f5f5f5;
   border: 1px solid #979797;
   box-shadow: 2px 2px 2px #999999;
 }
 .vakata-context ul {
   list-style: none;
   left: 100%;
   margin-top: -2.7em;
   margin-left: -4px;
 }
 .vakata-context .vakata-context-right ul {
   left: auto;
   right: 100%;
   margin-left: auto;
   margin-right: -4px;
 }
 .vakata-context li {
   list-style: none;
   display: inline;
 }
 .vakata-context li > a {
   display: block;
   padding: 0 2em 0 2em;
   text-decoration: none;
   width: auto;
   color: black;
   white-space: nowrap;
   line-height: 2.4em;
   text-shadow: 1px 1px 0 white;
   border-radius: 1px;
 }
 .vakata-context li > a:hover {
   position: relative;
   background-color: #e8eff7;
   box-shadow: 0 0 2px #0a6aa1;
 }
 .vakata-context li > a.vakata-context-parent {
   background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==");
   background-position: right center;
   background-repeat: no-repeat;
 }
 .vakata-context li > a:focus {
   outline: 0;
 }
 .vakata-context .vakata-context-hover > a {
   position: relative;
   background-color: #e8eff7;
   box-shadow: 0 0 2px #0a6aa1;
 }
 .vakata-context .vakata-context-separator > a,
 .vakata-context .vakata-context-separator > a:hover {
   background: white;
   border: 0;
   border-top: 1px solid #e2e3e3;
   height: 1px;
   min-height: 1px;
   max-height: 1px;
   padding: 0;
   margin: 0 0 0 2.4em;
   border-left: 1px solid #e0e0e0;
   text-shadow: 0 0 0 transparent;
   box-shadow: 0 0 0 transparent;
   border-radius: 0;
 }
 .vakata-context .vakata-contextmenu-disabled a,
 .vakata-context .vakata-contextmenu-disabled a:hover {
   color: silver;
   background-color: transparent;
   border: 0;
   box-shadow: 0 0 0;
 }
 .vakata-context li > a > i {
   text-decoration: none;
   display: inline-block;
   width: 2.4em;
   height: 2.4em;
   background: transparent;
   margin: 0 0 0 -2em;
   vertical-align: top;
   text-align: center;
   line-height: 2.4em;
 }
 .vakata-context li > a > i:empty {
   width: 2.4em;
   line-height: 2.4em;
 }
 .vakata-context li > a .vakata-contextmenu-sep {
   display: inline-block;
   width: 1px;
   height: 2.4em;
   background: white;
   margin: 0 0.5em 0 0;
   border-left: 1px solid #e2e3e3;
 }
 .vakata-context .vakata-contextmenu-shortcut {
   font-size: 0.8em;
   color: silver;
   opacity: 0.5;
   display: none;
 }
 .vakata-context-rtl ul {
   left: auto;
   right: 100%;
   margin-left: auto;
   margin-right: -4px;
 }
 .vakata-context-rtl li > a.vakata-context-parent {
   background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7");
   background-position: left center;
   background-repeat: no-repeat;
 }
 .vakata-context-rtl .vakata-context-separator > a {
   margin: 0 2.4em 0 0;
   border-left: 0;
   border-right: 1px solid #e2e3e3;
 }
 .vakata-context-rtl .vakata-context-left ul {
   right: auto;
   left: 100%;
   margin-left: -4px;
   margin-right: auto;
 }
 .vakata-context-rtl li > a > i {
   margin: 0 -2em 0 0;
 }
 .vakata-context-rtl li > a .vakata-contextmenu-sep {
   margin: 0 0 0 0.5em;
   border-left-color: white;
   background: #e2e3e3;
 }
 #jstree-marker {
   position: absolute;
   top: 0;
   left: 0;
   margin: -5px 0 0 0;
   padding: 0;
   border-right: 0;
   border-top: 5px solid transparent;
   border-bottom: 5px solid transparent;
   border-left: 5px solid;
   width: 0;
   height: 0;
   font-size: 0;
   line-height: 0;
 }
 #jstree-dnd {
   line-height: 16px;
   margin: 0;
   padding: 4px;
 }
 #jstree-dnd .jstree-icon,
 #jstree-dnd .jstree-copy {
   display: inline-block;
   text-decoration: none;
   margin: 0 2px 0 0;
   padding: 0;
   width: 16px;
   height: 16px;
 }
 #jstree-dnd .jstree-ok {
   background: green;
 }
 #jstree-dnd .jstree-er {
   background: red;
 }
 #jstree-dnd .jstree-copy {
   margin: 0 2px 0 2px;
 }
 .jstree-default .jstree-node,
 .jstree-default .jstree-icon {
   background-repeat: no-repeat;
   background-color: transparent;
 }
 .jstree-default .jstree-anchor,
 .jstree-default .jstree-wholerow {
   transition: background-color 0.15s, box-shadow 0.15s;
 }
 .jstree-default .jstree-hovered {
   background: #e7f4f9;
   border-radius: 2px;
   box-shadow: inset 0 0 1px #cccccc;
 }
 .jstree-default .jstree-clicked {
   background: #beebff;
   border-radius: 2px;
   box-shadow: inset 0 0 1px #999999;
 }
 .jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon {
   display: none;
 }
 .jstree-default .jstree-disabled {
   background: transparent;
   color: #666666;
 }
 .jstree-default .jstree-disabled.jstree-hovered {
   background: transparent;
   box-shadow: none;
 }
 .jstree-default .jstree-disabled.jstree-clicked {
   background: #efefef;
 }
 .jstree-default .jstree-disabled > .jstree-icon {
   opacity: 0.8;
   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
   /* Firefox 10+ */
   filter: gray;
   /* IE6-9 */
   -webkit-filter: grayscale(100%);
   /* Chrome 19+ & Safari 6+ */
 }
 .jstree-default .jstree-search {
   font-style: italic;
   color: #8b0000;
   font-weight: bold;
 }
 .jstree-default .jstree-no-checkboxes .jstree-checkbox {
   display: none !important;
 }
 .jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
   background: transparent;
   box-shadow: none;
 }
 .jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
   background: #e7f4f9;
 }
 .jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
   background: transparent;
 }
 .jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
   background: #e7f4f9;
 }
 .jstree-default > .jstree-striped {
   min-width: 100%;
   display: inline-block;
   background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat;
 }
 .jstree-default > .jstree-wholerow-ul .jstree-hovered,
 .jstree-default > .jstree-wholerow-ul .jstree-clicked {
   background: transparent;
   box-shadow: none;
   border-radius: 0;
 }
 .jstree-default .jstree-wholerow {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
 }
 .jstree-default .jstree-wholerow-hovered {
   background: #e7f4f9;
 }
 .jstree-default .jstree-wholerow-clicked {
   background: #beebff;
   background: -webkit-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
   background: linear-gradient(to bottom, #beebff 0%, #a8e4ff 100%);
 }
 .jstree-default .jstree-node {
   min-height: 24px;
   line-height: 24px;
   margin-left: 24px;
   min-width: 24px;
 }
 .jstree-default .jstree-anchor {
   line-height: 24px;
   height: 24px;
 }
 .jstree-default .jstree-icon {
   width: 24px;
   height: 24px;
   line-height: 24px;
 }
 .jstree-default .jstree-icon:empty {
   width: 24px;
   height: 24px;
   line-height: 24px;
 }
 .jstree-default.jstree-rtl .jstree-node {
   margin-right: 24px;
 }
 .jstree-default .jstree-wholerow {
   height: 24px;
 }
 .jstree-default .jstree-node,
 .jstree-default .jstree-icon {
-  background-image: url("32px.png");
+  background-image: url("img/32px.png");
 }
 .jstree-default .jstree-node {
   background-position: -292px -4px;
   background-repeat: repeat-y;
 }
 .jstree-default .jstree-last {
   background: transparent;
 }
 .jstree-default .jstree-open > .jstree-ocl {
   background-position: -132px -4px;
 }
 .jstree-default .jstree-closed > .jstree-ocl {
   background-position: -100px -4px;
 }
 .jstree-default .jstree-leaf > .jstree-ocl {
   background-position: -68px -4px;
 }
 .jstree-default .jstree-themeicon {
   background-position: -260px -4px;
 }
 .jstree-default > .jstree-no-dots .jstree-node,
 .jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl {
   background: transparent;
 }
 .jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
   background-position: -36px -4px;
 }
 .jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
   background-position: -4px -4px;
 }
 .jstree-default .jstree-disabled {
   background: transparent;
 }
 .jstree-default .jstree-disabled.jstree-hovered {
   background: transparent;
 }
 .jstree-default .jstree-disabled.jstree-clicked {
   background: #efefef;
 }
 .jstree-default .jstree-checkbox {
   background-position: -164px -4px;
 }
 .jstree-default .jstree-checkbox:hover {
   background-position: -164px -36px;
 }
 .jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
 .jstree-default .jstree-checked > .jstree-checkbox {
   background-position: -228px -4px;
 }
 .jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
 .jstree-default .jstree-checked > .jstree-checkbox:hover {
   background-position: -228px -36px;
 }
 .jstree-default .jstree-anchor > .jstree-undetermined {
   background-position: -196px -4px;
 }
 .jstree-default .jstree-anchor > .jstree-undetermined:hover {
   background-position: -196px -36px;
 }
 .jstree-default > .jstree-striped {
   background-size: auto 48px;
 }
 .jstree-default.jstree-rtl .jstree-node {
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
   background-position: 100% 1px;
   background-repeat: repeat-y;
 }
 .jstree-default.jstree-rtl .jstree-last {
   background: transparent;
 }
 .jstree-default.jstree-rtl .jstree-open > .jstree-ocl {
   background-position: -132px -36px;
 }
 .jstree-default.jstree-rtl .jstree-closed > .jstree-ocl {
   background-position: -100px -36px;
 }
 .jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl {
   background-position: -68px -36px;
 }
 .jstree-default.jstree-rtl > .jstree-no-dots .jstree-node,
 .jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
   background: transparent;
 }
 .jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
   background-position: -36px -36px;
 }
 .jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
   background-position: -4px -36px;
 }
 .jstree-default .jstree-themeicon-custom {
   background-color: transparent;
   background-image: none;
   background-position: 0 0;
 }
 .jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {
-  background: url("throbber.gif") center center no-repeat;
+  background: url("img/throbber.gif") center center no-repeat;
 }
 .jstree-default .jstree-file {
-  background: url("32px.png") -100px -68px no-repeat;
+  background: url("img/32px.png") -100px -68px no-repeat;
 }
 .jstree-default .jstree-folder {
-  background: url("32px.png") -260px -4px no-repeat;
+  background: url("img/32px.png") -260px -4px no-repeat;
 }
 .jstree-default > .jstree-container-ul > .jstree-node {
   margin-left: 0;
   margin-right: 0;
 }
 #jstree-dnd.jstree-default {
   line-height: 24px;
   padding: 0 4px;
 }
 #jstree-dnd.jstree-default .jstree-ok,
 #jstree-dnd.jstree-default .jstree-er {
-  background-image: url("32px.png");
+  background-image: url("img/32px.png");
   background-repeat: no-repeat;
   background-color: transparent;
 }
 #jstree-dnd.jstree-default i {
   background: transparent;
   width: 24px;
   height: 24px;
   line-height: 24px;
 }
 #jstree-dnd.jstree-default .jstree-ok {
   background-position: -4px -68px;
 }
 #jstree-dnd.jstree-default .jstree-er {
   background-position: -36px -68px;
 }
 .jstree-default.jstree-rtl .jstree-node {
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
 }
 .jstree-default.jstree-rtl .jstree-last {
   background: transparent;
 }
 .jstree-default-small .jstree-node {
   min-height: 18px;
   line-height: 18px;
   margin-left: 18px;
   min-width: 18px;
 }
 .jstree-default-small .jstree-anchor {
   line-height: 18px;
   height: 18px;
 }
 .jstree-default-small .jstree-icon {
   width: 18px;
   height: 18px;
   line-height: 18px;
 }
 .jstree-default-small .jstree-icon:empty {
   width: 18px;
   height: 18px;
   line-height: 18px;
 }
 .jstree-default-small.jstree-rtl .jstree-node {
   margin-right: 18px;
 }
 .jstree-default-small .jstree-wholerow {
   height: 18px;
 }
 .jstree-default-small .jstree-node,
 .jstree-default-small .jstree-icon {
-  background-image: url("32px.png");
+  background-image: url("img/32px.png");
 }
 .jstree-default-small .jstree-node {
   background-position: -295px -7px;
   background-repeat: repeat-y;
 }
 .jstree-default-small .jstree-last {
   background: transparent;
 }
 .jstree-default-small .jstree-open > .jstree-ocl {
   background-position: -135px -7px;
 }
 .jstree-default-small .jstree-closed > .jstree-ocl {
   background-position: -103px -7px;
 }
 .jstree-default-small .jstree-leaf > .jstree-ocl {
   background-position: -71px -7px;
 }
 .jstree-default-small .jstree-themeicon {
   background-position: -263px -7px;
 }
 .jstree-default-small > .jstree-no-dots .jstree-node,
 .jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl {
   background: transparent;
 }
 .jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl {
   background-position: -39px -7px;
 }
 .jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl {
   background-position: -7px -7px;
 }
 .jstree-default-small .jstree-disabled {
   background: transparent;
 }
 .jstree-default-small .jstree-disabled.jstree-hovered {
   background: transparent;
 }
 .jstree-default-small .jstree-disabled.jstree-clicked {
   background: #efefef;
 }
 .jstree-default-small .jstree-checkbox {
   background-position: -167px -7px;
 }
 .jstree-default-small .jstree-checkbox:hover {
   background-position: -167px -39px;
 }
 .jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
 .jstree-default-small .jstree-checked > .jstree-checkbox {
   background-position: -231px -7px;
 }
 .jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
 .jstree-default-small .jstree-checked > .jstree-checkbox:hover {
   background-position: -231px -39px;
 }
 .jstree-default-small .jstree-anchor > .jstree-undetermined {
   background-position: -199px -7px;
 }
 .jstree-default-small .jstree-anchor > .jstree-undetermined:hover {
   background-position: -199px -39px;
 }
 .jstree-default-small > .jstree-striped {
   background-size: auto 36px;
 }
 .jstree-default-small.jstree-rtl .jstree-node {
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
   background-position: 100% 1px;
   background-repeat: repeat-y;
 }
 .jstree-default-small.jstree-rtl .jstree-last {
   background: transparent;
 }
 .jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl {
   background-position: -135px -39px;
 }
 .jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl {
   background-position: -103px -39px;
 }
 .jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl {
   background-position: -71px -39px;
 }
 .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-node,
 .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
   background: transparent;
 }
 .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
   background-position: -39px -39px;
 }
 .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
   background-position: -7px -39px;
 }
 .jstree-default-small .jstree-themeicon-custom {
   background-color: transparent;
   background-image: none;
   background-position: 0 0;
 }
 .jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl {
-  background: url("throbber.gif") center center no-repeat;
+  background: url("img/throbber.gif") center center no-repeat;
 }
 .jstree-default-small .jstree-file {
-  background: url("32px.png") -103px -71px no-repeat;
+  background: url("img/32px.png") -103px -71px no-repeat;
 }
 .jstree-default-small .jstree-folder {
-  background: url("32px.png") -263px -7px no-repeat;
+  background: url("img/32px.png") -263px -7px no-repeat;
 }
 .jstree-default-small > .jstree-container-ul > .jstree-node {
   margin-left: 0;
   margin-right: 0;
 }
 #jstree-dnd.jstree-default-small {
   line-height: 18px;
   padding: 0 4px;
 }
 #jstree-dnd.jstree-default-small .jstree-ok,
 #jstree-dnd.jstree-default-small .jstree-er {
-  background-image: url("32px.png");
+  background-image: url("img/32px.png");
   background-repeat: no-repeat;
   background-color: transparent;
 }
 #jstree-dnd.jstree-default-small i {
   background: transparent;
   width: 18px;
   height: 18px;
   line-height: 18px;
 }
 #jstree-dnd.jstree-default-small .jstree-ok {
   background-position: -7px -71px;
 }
 #jstree-dnd.jstree-default-small .jstree-er {
   background-position: -39px -71px;
 }
 .jstree-default-small.jstree-rtl .jstree-node {
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==");
 }
 .jstree-default-small.jstree-rtl .jstree-last {
   background: transparent;
 }
 .jstree-default-large .jstree-node {
   min-height: 32px;
   line-height: 32px;
   margin-left: 32px;
   min-width: 32px;
 }
 .jstree-default-large .jstree-anchor {
   line-height: 32px;
   height: 32px;
 }
 .jstree-default-large .jstree-icon {
   width: 32px;
   height: 32px;
   line-height: 32px;
 }
 .jstree-default-large .jstree-icon:empty {
   width: 32px;
   height: 32px;
   line-height: 32px;
 }
 .jstree-default-large.jstree-rtl .jstree-node {
   margin-right: 32px;
 }
 .jstree-default-large .jstree-wholerow {
   height: 32px;
 }
 .jstree-default-large .jstree-node,
 .jstree-default-large .jstree-icon {
-  background-image: url("32px.png");
+  background-image: url("img/32px.png");
 }
 .jstree-default-large .jstree-node {
   background-position: -288px 0px;
   background-repeat: repeat-y;
 }
 .jstree-default-large .jstree-last {
   background: transparent;
 }
 .jstree-default-large .jstree-open > .jstree-ocl {
   background-position: -128px 0px;
 }
 .jstree-default-large .jstree-closed > .jstree-ocl {
   background-position: -96px 0px;
 }
 .jstree-default-large .jstree-leaf > .jstree-ocl {
   background-position: -64px 0px;
 }
 .jstree-default-large .jstree-themeicon {
   background-position: -256px 0px;
 }
 .jstree-default-large > .jstree-no-dots .jstree-node,
 .jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {
   background: transparent;
 }
 .jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl {
   background-position: -32px 0px;
 }
 .jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl {
   background-position: 0px 0px;
 }
 .jstree-default-large .jstree-disabled {
   background: transparent;
 }
 .jstree-default-large .jstree-disabled.jstree-hovered {
   background: transparent;
 }
 .jstree-default-large .jstree-disabled.jstree-clicked {
   background: #efefef;
 }
 .jstree-default-large .jstree-checkbox {
   background-position: -160px 0px;
 }
 .jstree-default-large .jstree-checkbox:hover {
   background-position: -160px -32px;
 }
 .jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
 .jstree-default-large .jstree-checked > .jstree-checkbox {
   background-position: -224px 0px;
 }
 .jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
 .jstree-default-large .jstree-checked > .jstree-checkbox:hover {
   background-position: -224px -32px;
 }
 .jstree-default-large .jstree-anchor > .jstree-undetermined {
   background-position: -192px 0px;
 }
 .jstree-default-large .jstree-anchor > .jstree-undetermined:hover {
   background-position: -192px -32px;
 }
 .jstree-default-large > .jstree-striped {
   background-size: auto 64px;
 }
 .jstree-default-large.jstree-rtl .jstree-node {
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
   background-position: 100% 1px;
   background-repeat: repeat-y;
 }
 .jstree-default-large.jstree-rtl .jstree-last {
   background: transparent;
 }
 .jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl {
   background-position: -128px -32px;
 }
 .jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl {
   background-position: -96px -32px;
 }
 .jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl {
   background-position: -64px -32px;
 }
 .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node,
 .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
   background: transparent;
 }
 .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
   background-position: -32px -32px;
 }
 .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
   background-position: 0px -32px;
 }
 .jstree-default-large .jstree-themeicon-custom {
   background-color: transparent;
   background-image: none;
   background-position: 0 0;
 }
 .jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl {
-  background: url("throbber.gif") center center no-repeat;
+  background: url("img/throbber.gif") center center no-repeat;
 }
 .jstree-default-large .jstree-file {
-  background: url("32px.png") -96px -64px no-repeat;
+  background: url("img/32px.png") -96px -64px no-repeat;
 }
 .jstree-default-large .jstree-folder {
-  background: url("32px.png") -256px 0px no-repeat;
+  background: url("img/32px.png") -256px 0px no-repeat;
 }
 .jstree-default-large > .jstree-container-ul > .jstree-node {
   margin-left: 0;
   margin-right: 0;
 }
 #jstree-dnd.jstree-default-large {
   line-height: 32px;
   padding: 0 4px;
 }
 #jstree-dnd.jstree-default-large .jstree-ok,
 #jstree-dnd.jstree-default-large .jstree-er {
-  background-image: url("32px.png");
+  background-image: url("img/32px.png");
   background-repeat: no-repeat;
   background-color: transparent;
 }
 #jstree-dnd.jstree-default-large i {
   background: transparent;
   width: 32px;
   height: 32px;
   line-height: 32px;
 }
 #jstree-dnd.jstree-default-large .jstree-ok {
   background-position: 0px -64px;
 }
 #jstree-dnd.jstree-default-large .jstree-er {
   background-position: -32px -64px;
 }
 .jstree-default-large.jstree-rtl .jstree-node {
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==");
 }
 .jstree-default-large.jstree-rtl .jstree-last {
   background: transparent;
 }
 @media (max-width: 768px) {
   #jstree-dnd.jstree-dnd-responsive {
     line-height: 40px;
     font-weight: bold;
     font-size: 1.1em;
     text-shadow: 1px 1px white;
   }
   #jstree-dnd.jstree-dnd-responsive > i {
     background: transparent;
     width: 40px;
     height: 40px;
   }
   #jstree-dnd.jstree-dnd-responsive > .jstree-ok {
-    background-image: url("40px.png");
+    background-image: url("img/40px.png");
     background-position: 0 -200px;
     background-size: 120px 240px;
   }
   #jstree-dnd.jstree-dnd-responsive > .jstree-er {
-    background-image: url("40px.png");
+    background-image: url("img/40px.png");
     background-position: -40px -200px;
     background-size: 120px 240px;
   }
   #jstree-marker.jstree-dnd-responsive {
     border-left-width: 10px;
     border-top-width: 10px;
     border-bottom-width: 10px;
     margin-top: -10px;
   }
 }
 @media (max-width: 768px) {
   .jstree-default-responsive {
     /*
 	.jstree-open > .jstree-ocl,
 	.jstree-closed > .jstree-ocl { border-radius:20px; background-color:white; }
 	*/
   }
   .jstree-default-responsive .jstree-icon {
-    background-image: url("40px.png");
+    background-image: url("img/40px.png");
   }
   .jstree-default-responsive .jstree-node,
   .jstree-default-responsive .jstree-leaf > .jstree-ocl {
     background: transparent;
   }
   .jstree-default-responsive .jstree-node {
     min-height: 40px;
     line-height: 40px;
     margin-left: 40px;
     min-width: 40px;
     white-space: nowrap;
   }
   .jstree-default-responsive .jstree-anchor {
     line-height: 40px;
     height: 40px;
   }
   .jstree-default-responsive .jstree-icon,
   .jstree-default-responsive .jstree-icon:empty {
     width: 40px;
     height: 40px;
     line-height: 40px;
   }
   .jstree-default-responsive > .jstree-container-ul > .jstree-node {
     margin-left: 0;
   }
   .jstree-default-responsive.jstree-rtl .jstree-node {
     margin-left: 0;
     margin-right: 40px;
   }
   .jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
     margin-right: 0;
   }
   .jstree-default-responsive .jstree-ocl,
   .jstree-default-responsive .jstree-themeicon,
   .jstree-default-responsive .jstree-checkbox {
     background-size: 120px 240px;
   }
   .jstree-default-responsive .jstree-leaf > .jstree-ocl {
     background: transparent;
   }
   .jstree-default-responsive .jstree-open > .jstree-ocl {
     background-position: 0 0px !important;
   }
   .jstree-default-responsive .jstree-closed > .jstree-ocl {
     background-position: 0 -40px !important;
   }
   .jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl {
     background-position: -40px 0px !important;
   }
   .jstree-default-responsive .jstree-themeicon {
     background-position: -40px -40px;
   }
   .jstree-default-responsive .jstree-checkbox,
   .jstree-default-responsive .jstree-checkbox:hover {
     background-position: -40px -80px;
   }
   .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
   .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
   .jstree-default-responsive .jstree-checked > .jstree-checkbox,
   .jstree-default-responsive .jstree-checked > .jstree-checkbox:hover {
     background-position: 0 -80px;
   }
   .jstree-default-responsive .jstree-anchor > .jstree-undetermined,
   .jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover {
     background-position: 0 -120px;
   }
   .jstree-default-responsive .jstree-anchor {
     font-weight: bold;
     font-size: 1.1em;
     text-shadow: 1px 1px white;
   }
   .jstree-default-responsive > .jstree-striped {
     background: transparent;
   }
   .jstree-default-responsive .jstree-wholerow {
     border-top: 1px solid rgba(255, 255, 255, 0.7);
     border-bottom: 1px solid rgba(64, 64, 64, 0.2);
     background: #ebebeb;
     height: 40px;
   }
   .jstree-default-responsive .jstree-wholerow-hovered {
     background: #e7f4f9;
   }
   .jstree-default-responsive .jstree-wholerow-clicked {
     background: #beebff;
   }
   .jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow {
     box-shadow: inset 0 -6px 3px -5px #666666;
   }
   .jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow {
     box-shadow: inset 0 6px 3px -5px #666666;
     border-top: 0;
   }
   .jstree-default-responsive .jstree-children .jstree-open + .jstree-open {
     box-shadow: none;
   }
   .jstree-default-responsive .jstree-node,
   .jstree-default-responsive .jstree-icon,
   .jstree-default-responsive .jstree-node > .jstree-ocl,
   .jstree-default-responsive .jstree-themeicon,
   .jstree-default-responsive .jstree-checkbox {
-    background-image: url("40px.png");
+    background-image: url("img/40px.png");
     background-size: 120px 240px;
   }
   .jstree-default-responsive .jstree-node {
     background-position: -80px 0;
     background-repeat: repeat-y;
   }
   .jstree-default-responsive .jstree-last {
     background: transparent;
   }
   .jstree-default-responsive .jstree-leaf > .jstree-ocl {
     background-position: -40px -120px;
   }
   .jstree-default-responsive .jstree-last > .jstree-ocl {
     background-position: -40px -160px;
   }
   .jstree-default-responsive .jstree-themeicon-custom {
     background-color: transparent;
     background-image: none;
     background-position: 0 0;
   }
   .jstree-default-responsive .jstree-file {
-    background: url("40px.png") 0 -160px no-repeat;
+    background: url("img/40px.png") 0 -160px no-repeat;
     background-size: 120px 240px;
   }
   .jstree-default-responsive .jstree-folder {
-    background: url("40px.png") -40px -40px no-repeat;
+    background: url("img/40px.png") -40px -40px no-repeat;
     background-size: 120px 240px;
   }
   .jstree-default-responsive > .jstree-container-ul > .jstree-node {
     margin-left: 0;
     margin-right: 0;
   }
 }
diff --git a/throbber.gif b/throbber.gif
deleted file mode 100644
index 1b5b2fde42f8ea14e6981339196a9d62b681d79e..0000000000000000000000000000000000000000
GIT binary patch
literal 0
Hc$@<O00001