title: treeview-like jquery plugin
body: <p>I have an object for like this:</p>
  
  <pre><code>var obj = {
      c: {
          games: {
              game1: {
                  howToPlay: { files: ['instructions.txt'] },
                  files: ['characters.txt', 'wildCards.txt']
              },
              game2: { files: ['credits.txt'] }
          }
          'program files': {
              microsoft: { files: ['ieShortcuts.txt'] }
          }
          logs {
              zipped: { files: ['bigfile.txt'] },
              files: ['log1', 'log2', 'log3', 'log4', 'log5']
          }
          ...
      }
      ...
  }
  </code></pre>
  
  <p>I want to generate a treeview-like structure from this object I want to implement a way to select certain files (with checkboxes next to them, empty for none selected, checked for all, and filled for partially; using &lt;img /&gt;) and have the order of files in the same folder sortable.</p>
  
  <p>Something like this:</p>
  
  <p><img src="https://i.stack.imgur.com/ClIEN.png" alt="Demo"></p>
  
  <p>My end result is to spit back the contents of the selected files in the order that the user specified.</p>
  
  <p>Is there any way to accomplish this through a jQuery plugin or combination of plugins? I started writing this from scratch but the sheer complexity seems beyond me</p>