Added rough appearance of the collection tree

Gruntfile.js

@@ -29,6 +29,7 @@ module.exports = function(grunt) {
     'node_modules/bootstrap/js/transition.js',
     'node_modules/bootbox/bootbox.js',
     'node_modules/jquery.scrollto/jquery.scrollTo.min.js',
+    'js/lib/jstree.min.js',
     'js/lib/jquery.qtip.min.js',
     'node_modules/javascript-state-machine/state-machine.min.js',
     'node_modules/tinymce/tinymce.min.js',
@@ -92,6 +93,7 @@ module.exports = function(grunt) {
           'css/normalize.css',
           'node_modules/font-awesome/css/font-awesome.min.css',
           'css/jquery-ui.min.css',
+          'css/jstree.css',
           'css/jquery.qtip.min.css',
           'node_modules/spectrum-colorpicker/spectrum.css',
           'css/mirador.css',

js/src/viewer/manifestsPanel.js

@@ -26,6 +26,38 @@
                 showURLBox : this.state.getStateProperty('showAddFromURLBox')
             })).appendTo(this.appendTo);
             this.manifestListElement = this.element.find('ul');
+            jQuery('#collection-tree').jstree({
+              core: {
+                data: [
+                  { 
+                    text: 'Preloaded Manifests (2)',
+                    icon: 'fa fa-suitcase',
+                    children: []
+                  }, 
+                  {
+                    text: 'My Objects (0)',
+                    icon: 'fa fa-user',
+                    children: []
+                  },
+                  {
+                     text: 'The Arivox Creed Records (3)',
+                     icon: 'fa fa-folder',
+                     state: {
+                       opened: true,
+                       selected: true
+                     },
+                     children: [
+                       { text: 'Proclamations of Telcrova', icon: 'fa fa-folder' },
+                       { text: 'Verses of Al-Davanus', icon: 'fa fa-folder' },
+                       { text: 'Death Warrant Repository', icon: 'fa fa-folder' }
+                     ]
+                  }
+                ],
+                themes: {
+                  dots: false
+                }
+              }
+            });
             
             //this code gives us the max width of the results area, used to determine how many preview images to show
             //cloning the element and adjusting the display and visibility means it won't break the normal flow
@@ -158,6 +190,8 @@
                   '<input id="manifest-search" type="text" name="manifest-filter">',
                 '</form>',
               '</div>',
+            '</div>',
+              '<div id="collection-tree">',
               '</div>',
               '<div class="select-results">',
                 '<ul class="items-listing">',

package.json

@@ -47,7 +47,7 @@
     "sinon": "^1.17.6"
   },
   "scripts": {
-    "start": "./node_modules/.bin/grunt serve",
+    "start": "node node_modules\/.bin\/grunt serve",
     "test": "./node_modules/.bin/karma start ./karma.conf.js",
     "travis": "./node_modules/.bin/grunt ci --verbose --force & npm run test",
     "update_demo": "./bin/update_demo.sh",