[% IF pages == 1 %]
<br />
<div class="to-center"><img src="[% query.preview %]--1.png" alt="[% transl.page %]1" /></div>
<br />
[% ELSE %]
[% IF query.page == 0 %][% # Overview %]
<script type="text/JavaScript" src="javascripts/docpreview.js"></script>

<div id="docpreview">
	[% transl.page %]<br />
	[% WHILE query.page < pages %]
[%- SET query.page = query.page + 1 -%]
<a href="[% preview(page = query.page) %]" class="col[% (query.page - 1) % 3 %]" onmousemove='showGalleryTooltip("DocPreviewLayer", "&lt;img src=\"images/thumbnails/200x200/[% query.preview %]--[% query.page %].png\" /&gt;");' onmouseout='hideGalleryTooltip("DocPreviewLayer");'>[% query.page %]</a>
[% END %]
</div>
<div id="DocPreviewLayer">
	<img src="images/thumbnails/200x200/[% query.preview %]--1.png" alt="" />
</div>
<hr class="cleaner" />
[% ELSE %]

[% IF query.page > pages ; PROCESS hacker ; ELSE -%]

<div class="to-center">
[% IF query.page > 1 %]
<a href="[% preview(page = 1) %]" title="[% transl.first_page %]"><img src="images/icons/first1.png" alt="[% transl.first_page %]" width="32" height="32" /></a>
<a href="[% preview(page = query.page - 1) %]" title="[% transl.back %]"><img src="images/icons/prev1.png" alt="[% transl.back %]" width="32" height="32" /></a>
[% ELSE %]
<img src="images/icons/first0.png" alt="[% transl.first_page %]" width="32" height="32" />
<img src="images/icons/prev0.png" alt="[% transl.back %]" width="32" height="32" />
[% END %]

[% IF query.page < pages %]
<a href="[% preview(page = query.page + 1) %]" title="[% transl.continue %]"><img src="images/icons/next1.png" alt="[% transl.continue %]" width="32" height="32" /></a>
<a href="[% preview(page = pages) %]" title="[% transl.last_page %]"><img src="images/icons/last1.png" alt="[% transl.last_page %]" width="32" height="32" /></a>
[% ELSE %]
<img src="images/icons/next0.png" alt="[% transl.continue %]" width="32" height="32" />
<img src="images/icons/last0.png" alt="[% transl.last_page %]" width="32" height="32" />
[% END %]

<a href="[% preview(page = 0) %]" title="[% transl.overview %]"><img src="images/icons/index.png" alt="[% transl.overview %]" width="32" height="32" /></a>

[% IF query.page < pages %]<br /><a href="[% preview(page = query.page + 1) %]" title="[% transl.page ; query.page %]"><img src="[% query.preview %]--[% query.page %].png" alt="[% transl.page ; query.page %]" /></a>
[% ELSE %]<br /><img src="[% query.preview %]--[% query.page %].png" alt="[% transl.page ; query.page %]" />[% END %]
[% END %]
</div>

[% END %]
[% END %]