{% extends "base.html" %}

{% block og_title %}{{object.title}}{% endblock %}
{% block og_type %}Article{% endblock %}
{% block og_url %}{{object.get_absolute_url}}{% endblock %}
{% block og_description %}{% if object.description %}{{object.description}}{% else %}{{object.title}}{% endif %}{% endblock %}
{% block og_image %}{% for photo in object.photos.all %}{% if forloop.first %}{{photo.get_square_url}}{% endif %}{% endfor %}{% endblock %}

{% block title %}{{object.title}}{% endblock %}
{% block rel-img %}{% for photo in object.photos.all %}{% if forloop.first %}{{photo.get_square_url}}{% endif %}{% endfor %}{% endblock %}
{% block description %}{{object.description}}{% endblock %}

{% block content %}
<td align="center" valign="top" bgcolor="white" width="565" colspan="2">
  <table width="444" border="0" cellspacing="8" cellpadding="0">
<td colspan="2" valign="top" bgcolor="white" width="565">
  <div style="padding-left:12px; padding-right:12px; padding-top:12px; background:white; ">
    <h2 class="sectionhead">Photo Gallery</h2>
    <p><span class="headline">
      {{object.title}}</span>
    </p>
  {% if object.description %}
	{% load markup typogrify humanize  %}
  <p>{{object.description|urlize|markdown|typogrify}}</p>
  {% endif %}
  </div>
  <div style="padding-left:12px; padding-right:12px">
    {% for photo in object.photos.all %}
    {% if photo.story_set.all %}
    <p class="relatedstory">
       {% for s in photo.story_set.all %}
       <a href="{{s.get_absolute_url}}" alt="{{s}}">Read the related story.</a><br />
       {% endfor %}
    </p>
    {% endif %}
	<span class="photocutline">
	<img id="photo-{{photo.id}}" src="{{photo.get_detail_url}}" alt="{{photo.title}}" border="0"><br>
    {% load markup typogrify humanize  %}
    {{photo.description|urlize|markdown|typogrify}}
    {% if photo.photographer %}
    <span class="photobyline">Photo by {{photo.photographer}}</span>
	{% endif %}
	{% if photo.courtesy %}
	<span class="photobyline">Photo courtesy {{photo.courtesy}}</span>
	{% endif %}
	{% if photo.file_photo %}
    <span class="photobyline">Penobscot Bay Press file photo</span>
	{% endif %}
	</span>
    {% endfor %}
</div>
<div style="padding-left:12px; padding-right:12px">
<hr size="1">
<p><span class="kicker"><strong>Share this page</strong></span>
<!-- AddThis Button BEGIN -->
<div style="text-align:left; clear:both"><hr size="1">
<p><span class="kicker"><strong>Share this page</strong></span>
<div>
<a class="addthis_button_facebook_like" fb:like:layout="standard"></a>
</div><br>
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_twitter" tw:count="none"></a> &nbsp;
<a class="addthis_button_email"></a> &nbsp;
<a class="addthis_button_print"></a> &nbsp;
<a class="addthis_button_pinterest_share" style="cursor:pointer"></a> &nbsp;
<a class="addthis_button_reddit"></a> &nbsp;
<a class="addthis_button_gmail"></a> &nbsp;
<a class="addthis_button_tumblr"></a> &nbsp;
<a class="addthis_button_compact"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=penbaypress"></script>
<hr size="1"></div>
<!-- AddThis Button END -->
    <p><a class="return" href="{% url nr-index %}">Return to the {% for s in object.sites.all|dictsortreversed:"id" %}{% if forloop.first %}{{s.name}} home page{% endif %}{% endfor %}</a></p>
    <p><a class="return" href="http://penobscotbaypress.com">Return to the Penobscot Bay Press home page.</a></p>
    <hr size="1">
</div>
</td>
  </table>				  
</td>
{% endblock %}