{% extends "darkroom/base.html" %}

{% block og_title %}{{object.title}} | Penobscot Bay Press{% endblock %}
{% block og_url %}{{object.get_absolute_url}}{% endblock %}
{% block og_description %}{{object.description}}{% endblock %}
{% block og_image %}{{object.get_facebook_og_image_url}}{% endblock %}

{% block title %}{{object.title}} | Photo | Penobscot Bay Press{% endblock %}
{% block rel-img %}{{object.get_display_url}}{% endblock %}
{% block meta_keywords %}{% for tag in object.tags.all %}{{tag}}, {%endfor %}{% endblock %}
{% block meta_title %}{{object.title}} |  {% for e in object.edition_set.all %}{%if forloop.first %}{% if e.paper == "Compass" %}| {{e.paper}}{%endif%}{%endif%}{%endfor%}  | Penobscot Bay Press{% endblock %}
{% block meta_description %}{{object.description}}{% endblock %}

{% block content %}
<td align="left" valign="top" bgcolor="white" width="768px" colspan="3">

	<div style="padding-left:12px; padding-right:12px; padding-top:12px">
		<h2 class="sectionhead_wide">Photo Feature</h2>
		{% for e in object.visitorsedition_set.all %}
		<div align="center">
			<a href="{% url vs-index %}" class="return">Return to the Seasonal Guide Visitor's Portal</a>
		</div>
		{% endfor %}
	</div>

	<div style="padding-left:12px; padding-right:12px; width:450px; float:left">
    <p>
    	<span class="headline">{{object.title}}</span>
    </p>
	</div>
	
	<div style="float:right; width:75px; padding-left:12px; text-align="center">
		<!-- AddThis Button BEGIN -->
		    <hr size="1">
			<p><span class="kicker"><strong>Share this page</strong></span></p>
			<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
			<a class="addthis_button_facebook"></a>
			<a class="addthis_button_twitter"></a>
			<a class="addthis_button_email"></a>
			<a class="addthis_button_print"></a>
			<a class="addthis_button_pinterest_share"></a>
			<a class="addthis_button_reddit"></a>
			<a class="addthis_button_gmail"></a>
			<a class="addthis_button_tumblr"></a>
			<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">
			<!-- AddThis Button END -->
	</div>
	
	
	<div style="padding-left:12px; padding-right:12px; float:left; width: 600px">
    	<img src="{{object.get_detail_url}}" alt="{{object.title}}" order="0">
  	</div>

	<div style="padding-left:12px; padding-right:12px; padding-top:1px; width:600px; clear:both">
		{% load markup typogrify humanize  %}
		<p>
		{{object.description|urlize|markdown|typogrify}}
		</p>
		{% if object.story_set.all %}
		<br />
		<p class="relatedstory"> 
		 {% for s in object.story_set.all %}
		 <a href="{{s.get_absolute_url}}" alt="{{s}}">Related story</a>
		 {% endfor %}
		</p>
		{% endif %}
		{% if object.photographer %}
		<p class="photobyline">
		  Photo by {{object.photographer}}
		</p>
		{% endif %}
		{% if object.courtesy %}
		<p class="photobyline">
		  Photo courtesy {{object.courtesy}}
		</p>
		{% endif %}
		{% if object.file_photo %}
		<p class="photobyline">
		  Penobscot Bay Press file photo
		</p>
		{% endif %}
	</div>

	<div style="padding-left:12px">
	    <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>
{% endblock %}
