{extends BaseLayout}

{block content}
	<div id="content">
		{if $news['mainphoto'] !== NULL}
		<img src="{url photo 'thumb',$news['mainphoto'],'840x325'}" id="page-image" class="mainphoto" width="840" height="325" alt="{$title}" />
		{else}
		<img src="{$page_image_url}" width="840" height="325" id="page-image" />
		{/if}

		<h1 style="margin-top: 30px">{$news['title']}</h1>
		{!$news['content']|format}

		{if empty($news['url']) === FALSE}
		<p class="news-more"><a href="{$news['url']}" class="more">{% viac} &raquo;</a></p>
		{/if}

		<div id="fb-root"></div>
		<div class="social">
			<!-- FACEBOOK -->
			<div class="button">
				<div class="fb-like" data-send="false" data-layout="button_count" data-show-faces="false" data-width="100"></div>
			</div>
			<script type="text/javascript">
			// <![CDATA[
			(function(d, s, id) {
					var js, fjs = d.getElementsByTagName(s)[0];
					if (d.getElementById(id)) return;
					js = d.createElement(s); js.id = id;
					js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
					fjs.parentNode.insertBefore(js, fjs);
			}(document, 'script', 'facebook-jssdk'));
			/// ]]>
			</script>

			<!-- GOOGLE -->
			<div class="button">
				<div class="g-plusone" data-size="medium"></div>
			</div>
			<script type="text/javascript">
			// <![CDATA[
			(function() {
					var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
					po.src = 'https://apis.google.com/js/plusone.js';
					var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
			})();
			/// ]]>
			</script>

			<!-- TWITTER -->
			<div class="button">
				<a href="https://twitter.com/share" class="twitter-share-button">Tweet</a>
			</div>
			<script type="text/javascript">
			// <![CDATA[
			!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
			/// ]]>
			</script>

			<div class="cleaner"></div>
		</div>

		<div class="teasers projects">
			{widget selected_projects}
			<div class="cleaner"></div>
		</div>

		<div class="teasers news">
			{widget news}
			<div class="cleaner"></div>
		</div>
	</div>

	{include Footer}
{/block}