{% extends "base.html" %}

{% block flag_img_src %}{% ifequal "stonington" object.slug %}{{MEDIA_URL}}images/headers/iaflaground440.gif{% else %}{{MEDIA_URL}}images/headers/wpflaground440.gif{%endifequal%}{% endblock %}
{% block flag_descrip %}{% ifequal "stonington" object.slug %}Local news and information from<br/>Deer Isle, Isle au Haut and Stonington, Maine.{% else %}Local news and information from <br/>Blue Hill, Brooklin, Brooksville, Sedgwick, and Surry, Maine.{% endifequal %}{% endblock %}

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

{% block title %}{{object}} | Multimedia | Penobscot Bay Press{% endblock %}
{% block rel-img %}{{object.image_file}}{% endblock %}
{% block meta_title %}{{object}} | Multimedia | Penobscot Bay Press{% endblock %}
{% block meta_description %}{{object.description}}{% endblock %}

{% block content %}

<div style="width:100%; margin:0; padding:0">
	<div class="sidebar_left" style="margin-top:0px; padding-top:4px">
		<!-- Block Ad BEGIN -->
		{% load adzone_tags %} 
		{% random_zone_ad '' 'tower-wide' %}
		<!-- Block Ad END -->
	</div>
	<div class="main_content_left" style="clear:none; float:right; text-align:center">
		<h2 class="sectionhead_wide">{{object}}</h2>
		<script language="javascript"> 
		var refreshrate=20;                 //SECONDS BETWEEN REFRESH
		var image="{{object.image_file}}";     //IMAGE NAME
		var imgheight={{object.image_height}};                   //IMAGE HEIGHT
		var imgwidth={{object.image_width}};                 //IMAGE WIDTH
		function refresh(){
		document.images["pic"].src=image+"?"+new Date();
		setTimeout('refresh()', refreshrate*1000);}
		document.write('<IMG SRC="'+image+'" ALT="{{object.alt_text}}" NAME="pic" ID="pic" WIDTH="'+imgwidth+'" HEIGHT="'+imgheight+'" STYLE="border: 0px;">');
		if(document.images)window.onload=refresh;
		</script>
		{% load markup typogrify %}
			<div class="newcutline" style="text-align:center">{{object.description|markdown|typogrify }}</p> 
				<span class="fine_print"><strong style="color:#CC3333">The image will reload approximately every 20 seconds . Please do not refresh your browser. </strong><br>
				If you do not see an image or you see an incomplete image, just wait until the next refresh and the problem should fix itself.<br>If you have further problems, please e-mail <a href="mailto:web@pbp.me">web@pbp.me</a>.</span>
			</div> 
			{% ifequal "stonington" object.slug %}<div class="newcutline" style="text-align:center">
			<h3>Hagen Dock expansion from the Stonington webcam</h3>
			<object width="560" height="315"><param name="movie" value="//www.youtube.com/v/KWciatQ3tyw?hl=en_GB&amp;version=3"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="//www.youtube.com/v/KWciatQ3tyw?hl=en_GB&amp;version=3" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object><br>  
			<a href="https://youtu.be/KWciatQ3tyw">View time lapse footage of the Hagen Dock construction project on our YouTube channel.</a>
			</div>{%endifequal%}
	</div>
</div>
<div style="clear:both; width:100%; text-align:center; padding-top:14px">
			<!-- Block Ad BEGIN -->
				{% load adzone_tags %} 
				{% random_zone_ad '' 'webcam-leaderboard' %}
			<!-- Block Ad END -->
</div>
<div style="padding-left:12px; padding-right:12px; padding-bottom:0px">
	<!-- AddThis Button BEGIN -->
	<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>
	<!-- AddThis Button END -->
</div>

<!-- AddThis Smart Layers BEGIN -->
<!-- Go to http://www.addthis.com/get/smart-layers to customize -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=penbaypress"></script>
<script type="text/javascript">
addthis.layers({
'theme' : 'transparent',
'share' : {
'position' : 'right',
'services' : 'facebook,twitter,email,print,gmail,tumblr,more',
}   
});
</script>
<!-- AddThis Smart Layers END -->

{% endblock %}

