{if isset($high)}
{combine_script id='core.scripts' load='async' path='themes/default/js/scripts.js'}
<a href="javascript:phpWGOpenWindow('{$high.U_HIGH}','{$high.UUID}','scrollbars=yes,toolbar=no,status=no,resizable=yes')">
{/if}
	<img src="{$current.selected_derivative->get_url()}" {$current.selected_derivative->get_size_htm()} alt="{$ALT_IMG}" id="theMainImage"
	{if isset($COMMENT_IMG)}
		title="{$COMMENT_IMG|@strip_tags:false|@replace:'"':' '}" {else} title="{$current.TITLE|@replace:'"':' '} - {$ALT_IMG}"
	{/if}>
{if isset($high) }
</a>
	<p>{'Click on the photo to see it in high definition'|@translate}</p>
{/if}
{if count($current.available_derivative_types)>1}
{footer_script}{literal}
function changeImgSrc(src)
{
	var theImg = document.getElementById("theMainImage");
	if (theImg)
	{
		theImg.removeAttribute("width");theImg.removeAttribute("height");
		theImg.src = src;
	}
}
{/literal}{/footer_script}
<p>
{foreach from=$current.available_derivative_types item=derivative_type}
<a onclick="changeImgSrc('{$current.all_derivatives[$derivative_type]->get_url()|@escape:javascript}')" title="{$current.all_derivatives[$derivative_type]->get_size_hr()}">{$derivative_type}</a>
{/foreach}
</p>
{/if}