{assign var=AK_THUMB_COUNT value=$thumbnails|@count}
{assign var=AK_BY_COLUMNS value=$AK_THUMB_COUNT/$AK_BY_LINE|@round}
<td>
  <table class="thumbnails">
    {foreach from=$thumbnails item=thumbnail name=tn}
    {if ($smarty.foreach.tn.index % $AK_BY_COLUMNS == 0)}
    <tr class="nline">
      {/if}
      {if ($smarty.foreach.tn.first) and !empty($navbar) and isset($navbar.URL_PREV)}
          <td class="ncol" rowspan="{$AK_BY_LINE}">{* Left thumbnail navigation *}
	    <div class="navbar fright">
              <a class="navButton" href="{$navbar.URL_PREV}" title="{'previous_page'|@translate}">
                <img src="{$ROOT_URL}{$themeconf.icon_dir}/left.png" class="button" alt="{'previous_page'|@translate}">
              </a>       
            </div> 
          </td>
      {/if}
      <td class="ncol">
	<div class="clipwrapper" style="width:{$AK_THUMBNAIL_SIZE}px;height:{$AK_THUMBNAIL_SIZE}px">
	  <div class="clip" style="clip:rect({$thumbnail.CLIP_TOP}px {$thumbnail.CLIP_RIGHT}px {$thumbnail.CLIP_BOTTOM}px {$thumbnail.CLIP_LEFT}px);top:-{$thumbnail.CLIP_TOP}px;left:-{$thumbnail.CLIP_LEFT}px">
	    <a href="{$thumbnail.URL}" class="load">
	      <img class="thumbnail" src="{$thumbnail.TN_SRC}" alt="{$thumbnail.TN_ALT}" title="{$thumbnail.TN_TITLE}">
	    </a>
	  </div>
	</div>
      </td>
      {if ($smarty.foreach.tn.iteration % $AK_BY_COLUMNS == 0) or $smarty.foreach.tn.last }
      {if ( !empty($navbar) and isset($navbar.URL_NEXT) and !isset($done) )}
      {assign var=done value=true}
      <td class="ncol" rowspan="{$AK_BY_LINE}">{* Right thumbnail navigation *}
	<div class="navbar fleft">
	  <a class="navButton" href="{$navbar.URL_NEXT}" title="{'next_page'|@translate}">
	    <img src="{$ROOT_URL}{$themeconf.icon_dir}/right.png" class="button" alt="{'next_page'|@translate}">
	  </a> 
	</div> 
      </td>
      {/if}
    </tr>
    {/if}
    {/foreach}
  </table> {* end of Thumbnails *}
</td>