<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- renderjs -->
    <script src="source/audioplayer/lib/rsvp.min.js" type="text/javascript"></script>
    <script src="source/audioplayer/lib/renderjs.min.js" type="text/javascript"></script>
    <script src="source/audioplayer/lib/jquery.js" type="text/javascript"></script>
    <script src="source/audioplayer/lib/handlebars.min.js"></script>

    <script src="source/audioplayer/mixin_promise.js" type="text/javascript"></script>

    <script id="network" type="text/x-handlebars-template">
      {{#each rows}}
      <li>
        {{#compare this.doc.type}}
        <a href=#page=control&id={{this.id}}&action=local>
          {{this.doc.title}}
        </a>
        {{else}}
        <a href=#page=video_control&id={{this.id}}&action=local>
          {{this.doc.title}}
        </a>
        {{/compare}}
      </li>
      {{/each}}
    </script>
    <!-- custom script -->
    <script src="gadget_officejs_audioplayer_playlist_local.js" type="text/javascript"></script>
    <body>
      <input type="search" class="research" placeholder="research..."/>

      <div data-role="content">
        <ul data-role="listview" data-split-icon="delete" data-split-theme="d">
        </ul>
      </div>

      <div class="info">
      </div>

      <div data-role="footer" data-position="fixed" data-theme="b">
        <div data-role="navbar" >
          <ul>
            <li><a data-role="button" class="offline" data-icon="search">offline</a></li>
            <li><a data-role="button" class="online" data-icon="search">online</a></li>
          </ul>
      </div><!-- /navbar -->
    </div><!-- /footer -->

    </body>
</html>
