{* variables to be set 
 => by plugin:
 $AK_BY_LINE : thumbnails columns 
 $thumbnails[*]['AK_URL']): additional url to reloader ./picloader.php?cat=xx/yyy
 $AK_NAV_PREV (explode($NAV_BAR)): url to previous index (save it in session)
 $AK_NAV_NEXT (explode($NAV_BAR)): url to next index (save it in session)
 Save all current image ids in session to reduce the reloader workload.
 
 => by plugin and reloader:
 $AK_PIC_SRC : src of new current pic
 $AK_PIC_ALT : alt of new current pic
 $AK_PIC_TITLE : title of new current pic
 
 $AK_PREVIOUS['U_PIC'] : additional url to reloader of previous pic 
         (or url to previous index, taken from session)
 $AK_PREVIOUS['load'] = if reloadable 'load ' else '' 
 $AK_PREVIOUS['TITLE'] : title of previous pic
 
 $AK_NEXT['U_PIC'] : additional url to reloader of next pic
         (or url to next index, taken from session)
 $AK_NEXT['load'] = if reloadable 'load ' else '' 
 $AK_NEXT['TITLE'] : title of next pic
 
 $AK_THUMBNAILS_LOC : Thumbnails location
 $AK_SHOW_OVER : hover or click
*}

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

{known_script id="jquery" src=$ROOT_URL|cat:"template-common/lib/jquery.packed.js"}
{html_head} 
<link rel="stylesheet" type="text/css" href="{$AK_PLUGIN_CSS}/ak_style.css">
<script type="text/javascript">
var dir_thumbnail = '{$AK_DIR_THUMBNAIL}';prefix_thumbnail = '{$AK_PREFIX_THUMBNAIL}';var ak_mouse_event = '{$AK_MOUSE_EVENT}';
</script>
<script type="text/javascript" src="{$AK_PLUGIN_JS}/ak_jquery-load.js"></script>
{/html_head}