<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <title>Edgware Road Project</title>
    <link rel="stylesheet" href="/static/css/slider.css" />
    <script type="text/javascript" src="/static/js/jquery.js"></script>
    <script type="text/javascript" src="/static/js/slider.js"></script>
  </head>

<body>

<div id="wrapper">
  {% if hasCommented %}
  <div id="comment_thanks">
    Thanks for posting your comment.
  </div>
  <script type="text/javascript">
    $(document).ready(function() {
      setTimeout(function() {
        $('#comment_thanks').slideUp();
        }, 3000);
      });
  </script>
  {% endif %}
  <div id="topText">
    <div id="top_arabic">
      قريبا! نقدم لكم هذا ‎الموقع على الإنترنت، مشروع ثقافي مشاركين في عمال ‎‎شارع ايجور، مكون من الكتابة، صور، أصوات والقصص.
    </div>
    <div id="top_english">
      Coming soon! A website that will publish content contributed and edited by people on the Edgware Road.
    </div>
  </div>

<div id="imagecontainer">  
  <a href="{{ img.big_image.url }}" target="_blank">
    <img id="small_image" src="{{ img.small_image.url }}">
  </a>
  {% if hasPrev %}
  <div id="button_prev" class="button">
    <a href='/slider/{{ hasPrev }}/'><img src="/static/images/arrowLeft.gif" title="Previous" /></a>
  </div>
  {% endif %}
  {% if hasNext %}
  <div id="button_next" class="button">
    <a href='/slider/{{ hasNext }}/'><img src="/static/images/arrowRight.gif" title="Next" /></a>
  </div>
  {% endif %}

</div>
  <div id="img_caption">
    {% autoescape off %}
      {{ img.caption }}
    {% endautoescape %}
  </div>


<div id="commentscontainer">

{% load comments %}


{% get_comment_list for editor.sliderimage img.id as comment_list %}





{% ifnotequal comment_list|length 0 %}
<div id="comments">
  <table id="response_text">
    <tr>
      <td class="response1" style="text-align: right; font-weight: bold;">
        Responses:        
      </td>
      <td class="response2">

      </td>
    </tr>
  </table>
{% for comment in comment_list %}
  <table class="comment">
    <tr>
      <td class="comment_user">
      {{ comment.user_name }}:
      </td>
      <td class="comment_comment">
      {{ comment.comment }}
      </td>
    </tr>
  </table>
{% endfor %}
</div>
{% endifnotequal %}


{% get_comment_form for img as form %}

<div id="comment_form">
  <form action="{% comment_form_target %}" method="POST">
    <table id="form_table">
      <tr class="leave_response">
        <th> Leave a response:<br /><br /></th>
        <td>
         
        </td>
      </tr>
  {{ form }}
  <tr>
    <th></th>
    <td><input type="submit" name="post" class="submit-post" value="Post"></td>
  </tr>
</table>

<input type="hidden" name="next" value="/slider/{{ img.id }}/" />
</form>

</div>
</div>
<div id="footer">
Part of the <a href="http://www.serpentinegallery.org/2009/07/edgware_roadyoung_peoples_cour_1.html">Edgware Road Project</a>, Serpentine Gallery, London.
<br />
For questions and comments email: <a href="mailto:hello@edgwareroad.org">hello@edgwareroad.org</a>
<br /><br />
Or drop into:
<br /><br />
The Centre for Possible Studies,<br />
64 Seymour Street, London, W1H 5BW<br />
Ph. 020 77233162<br /> 
</div>
</div>
</body>
</html>

