{extends BaseLayout}

{block content}
	{loop $subpages}
		{if $value->is_first === TRUE}
		<ul id="submenu">
		{/if}
			<li {if $value['url'] === $sub_page_url}class="current"{/if}><a href="{url page $language['code'],$value['url']}">{$value['title']}</a></li>
		{if $value->is_last === TRUE}
		</ul>

		{/if}
	{/loop}

	<div id="content">
		<img src="{$page_image_url}" width="840" height="325" id="page-image" alt="{$title}" />

		{loop $flash}
		{if $value->is_first === TRUE}
		<div id="flash">
		{/if}
			<p class="flash {$value[0]}">
			{$value[1]}
			</p>
		{if $value->is_last === TRUE}
		</div>
		{/if}
		{/loop}

		<h1>{$page['title']}</h1>

		{!$page['content']|format}

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

		<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}