{combine_script id='ak_jquery' require='jquery' path=$AK_PLUGIN_JS|@cat:'/ak_jquery-load.js'}
{combine_css path=$AK_PLUGIN_CSS|@cat:'/style.css'}

{html_head} 
<script type="text/javascript">
var dir_thumbnail = '{$AK_DIR_THUMBNAIL}';
var prefix_thumbnail = '{$AK_PREFIX_THUMBNAIL}';
var ak_mouse_event = '{$AK_MOUSE_EVENT}';
</script>
{/html_head}

{assign var=temp value=$TITLE|@strripos:'<a href='}
{assign var=akUP value=$TITLE|@substr:0:$temp}
{assign var=temp value=$akUP|@strripos:'<a href='}
{assign var=akUP value=$akUP|@substr:$temp}
{assign var=temp value=$akUP|@strripos:'">'}
{assign var=akUP value=$akUP|@substr:0:$temp}
{assign var=akUP value=$akUP|@substr:9}

<div id="akBack">
  <a id="akHome" class="navButton" href="{$SCRIPT_NAME}" title="{'Home'|@translate}" rel="start">
    <img src="{$ROOT_URL}{$themeconf.icon_dir}/home.png" class="button" alt="{'Home'|@translate}">
  </a>
  {if !empty($akUP)}
  <a id="akUp" class="navButton" href="{$akUp}" title="{'Thumbnails'|@translate}" rel="up">
    <img src="{$ROOT_URL}{$themeconf.icon_dir}/up.png" class="button" alt="{'Thumbnails'|@translate}">
  </a>
  {/if}
</div>
{if !empty($thumbnails)}
{if $AK_THUMBNAILS_LOC == 'top' or $AK_THUMBNAILS_LOC == 'bottom'}
<table class="ak_display_horizontal"> 
{else}
<table class="ak_display"> 
{/if}
  <tr>
    {if $AK_THUMBNAILS_LOC == 'top'}
    {include file=$AK_HORIZONTAL_TPL|@get_extent:'horizontal_thumbs'} 
  </tr>
  <tr>
    {/if}
    {if $AK_THUMBNAILS_LOC == 'left'}
    {include file=$AK_VERTICAL_TPL|@get_extent:'vertical_thumbs'} 
    {/if}
    <td> {* Picture *}
      {include file=$AK_RELOADED_IMAGE_TPL|@get_extent:'picture_reload'} 
    </td>
    {if $AK_THUMBNAILS_LOC == 'right'}
    {include file=$AK_VERTICAL_TPL|@get_extent:'vertical_thumbs'} 
    {/if}
  </tr>
  {if $AK_THUMBNAILS_LOC == 'bottom'}
  <tr>
    {include file=$AK_HORIZONTAL_TPL|@get_extent:'horizontal_thumbs'} 
  </tr>
  {/if}
</table>
{/if}