source: extensions/akBookStyle/trunk/template/ak_horizontal.tpl @ 3830

{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.AK_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>