{include file="$gentemplates/$header_tpl"}
{strip}
	<div class="header">
	{$data.login}&nbsp;{$lang.mobile.user_photos}&nbsp;-&nbsp;{$lang.mobile.view}
	</div>
	<div id="search_resulits">
		{if $data.nav.prev ne '' || $data.nav.next ne ''}
		<div style="padding-top: 10px;">
			{if $data.nav.prev ne ''}<div style="float: left;"><a href="viewprofile.php?sel=viewphoto&id={$id}&photo_id={$data.nav.prev}&page={$page}">< Previous</a></div>{/if}
			{if $data.nav.next ne ''}<div style="float: right;"><a href="viewprofile.php?sel=viewphoto&id={$id}&photo_id={$data.nav.next}&page={$page}">Next ></a></div>{/if}
			<div style="clear: both;"></div>
		</div>
		{/if}
		<div style="padding-top: 10px;">
			<img src="{$data.main_file}" border="0" id="image" style="width: {$data.width}px;">
		</div>
		<div style="padding-top: 7px;">
			{if $data.user_comment}<b>{$lang.mobile.user_comment}</b>&nbsp;:&nbsp;{$data.user_comment}{/if}
		</div>
		<div style="margin-top: 5px;">
			<b>{$lang.mobile.rating}:</b> {$data.gallery_rate}&nbsp;|&nbsp;<b>{$lang.mobile.views}:</b> {$data.views}
		</div>
	<br>
	<a href="viewprofile.php?sel=photos&page={$page}&id={$id}">{$lang.mobile.back_to_user_photos}</a>
	</div>
{/strip}
{literal}
<script type="text/javascript">
window.onload=function(){
	document.getElementById("image").style.width = (screen.width-40)+'px';
	document.getElementById("image").style.height = "auto";
}
</script>
{/literal}
{include file="$gentemplates/$footer_tpl"}