{% extends "base.html" %}

{% load gravatar %}

{% block additional_stylesheets %}
	<link rel="stylesheet" type="text/css" media="all" href="{{ STATIC_URL }}css/thread.css" />
{% endblock %}

{% block content %}

  <div class="content">
   
    {% include 'threads/right_col.html' %}

    <!-- main section, the email thread -->
    <section id="thread_content">

      <!-- Start first email -->
	{% include 'messages/first_email.html' %}
      <!-- End first email -->

        {% for email in threads %}
	        <!-- Start email -->
  	      	<div class="even">
			{% include 'messages/message.html' %}
		</div>
        	<!-- End of email -->

        {% empty %}
        Sorry no emails could be found for your search.
        {% endfor %}

    </section>

  </div> <!-- end of content -->
{% endblock %}



{% block addtionaljs %}
<script src="{{ STATIC_URL }}jquery.expander.js"></script>
  <script>
    $(document).ready(function() {
      $('div.email_body').expander({
      userCollapseText: 'View Less',
      expandText: 'View More'
      });
    });
    </script>
{% endblock %}