<!-- Profile Avatar Screen -->
<div layout="screen" layout-id="account/profile/avatar" class="screen secondary">
  <!-- header -->
  <div class="content-head">
    <!-- icon -->
    <div class="content-icon">
      <%= image_tag "content/icon_account.png", {:width => 27, :height => 20} %>
    </div>
    <!-- section head text -->
    <h1>my account</h1>
    <%= render "screen_navigation" %>
  </div>
  <!-- end header -->

  <div class="content-body">
    <!-- profile scrolling area -->
    <div id="account-profile-avatar-content-scroller" class="content-scroller account-content-scroller">

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

<script type="text/template" id="template-account-profile-avatar">
  <!-- content wrapper -->
  <div class="content-wrapper account-profile-avatar">
    <br />

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

    <form id="account-edit-avatar-form">
      &nbsp;&nbsp; <a href="#" id="account-edit-avatar-upload" class="button-orange">UPLOAD</a>
    </form>

    <br clear="all" />
    <div class="right">
      <a id="account-edit-avatar-cancel" href="#" class="button-grey">CANCEL</a>&nbsp;&nbsp;
      <a id="account-edit-avatar-delete" href="#" class="button-orange">DELETE AVATAR</a>&nbsp;&nbsp;
      <a id="account-edit-avatar-submit" href="#" class="button-orange">UPDATE AVATAR</a>
    </div>
    <div class="clearall"></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";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>
