<!-- Band Photo Setup -->
<div layout="screen" layout-id="band/setup/photo" layout-arg="id" class="screen secondary">
  <!-- header -->
  <div class="content-head">
    <!-- icon -->
    <div class="content-icon">
      <%= image_tag "content/icon_bands.png", {:width => 19, :height => 19} %>
    </div>
    <!-- section head text -->
    <h1>band setup</h1>
    <%= render "screen_navigation" %>
  </div>
  <!-- end header -->


  <div class="content-body">
    <!-- profile scrolling area -->
    <div id="band-setup-photo-content-scroller" class="content-scroller">

    </div>
  </div>
  <!-- end content scrolling area -->
</div>

<script type="text/template" id="template-band-setup-photo">
  <!-- content wrapper -->
  <div class="content-wrapper band-setup-photo">
    <br />

    <div class="avatar-space"></div>

    <form id="band-setup-photo-form">
      &nbsp;&nbsp; <a href="#" id="band-setup-photo-upload" class="button-orange">UPLOAD</a>
    </form>

    <br clear="all" />
    <div class="right"><a id="band-setup-photo-cancel" href="#" class="button-grey">CANCEL</a>&nbsp;&nbsp;<a id="band-setup-photo-delete" href="#" class="button-orange">DELETE PHOTO</a>&nbsp;&nbsp;<a id="band-setup-photo-submit" href="#" class="button-orange">UPDATE PHOTO</a></div>
  </div>
  <!-- end content wrapper -->

<!-- taken from filepicker.io -->
<script type="text/javascript">
    (function(a){if(window.filepicker){return}var b=a.createElement("script");b.type="text/javascript";b.async=!0;b.src=("https:"===a.location.protocol?"https:":"http:")+"//api.filepicker.io/v1/filepicker.js?signature={fp_signature}&policy={fp_policy}";var c=a.getElementsByTagName("script")[0];c.parentNode.insertBefore(b,c);var d={};d._queue=[];var e="pick,pickMultiple,pickAndStore,read,write,writeUrl,export,convert,store,storeUrl,remove,stat,setKey,constructWidget,makeDropPane".split(",");var f=function(a,b){return function(){b.push([a,arguments])}};for(var g=0;g<e.length;g++){d[e[g]]=f(e[g],d._queue)}window.filepicker=d})(document);
</script>