{* Include JS files. You can move this to the head of your page template if you want *}
<!--Lightbox 2.0.2 - Modifiziert und Übersetzt von Markus Kindler ( http://blog.markus-kindler.de/ ) -->
<script type="text/javascript" src="modules/Album/templates/db/lightbox/js/prototype.js"></script>
<script type="text/javascript" src="modules/Album/templates/db/lightbox/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="modules/Album/templates/db/lightbox/js/lightbox.js"></script>

{if $pictureid !=0}

{* Big Picture *}
<div style="text-align:center">
<p class="bigpicturecaption"><strong>{$picture->name}</strong><br />
{$picture->comment}<br />
<span class="bigpicturenav">
{if $link.picture.previous}<a href="{$link.picture.previous}" title="Vorheriges Bild">&lt; Zur&uuml;ck</a>{/if}
 <span class= "albumpicturecount">( Picture {$picturenumber}/{$picturecount} )</span> 
{if $link.picture.next}<a href="{$link.picture.next}" title="N&auml;chstes Bild">Weiter &gt;</a></span>{/if}
</p>
<img src="{$picture->picture}" alt="{$picture->name} - {$picture->comment}"  title="{$picture->name}  - {$picture->comment}" />
</div>
{/if}

{* Album List *}
{if !$album}
<ul class="albumlist">
	{foreach from=$albums item=album}
	<li class="thumb">
 	<a href="{$album->link}">
<img src="{$album->thumbnail}" alt="{$album->name}" {$album->autothumbnailsize} /></a>

<p class="albumname">{$album->name}<br />
<span class="albumpicturecount">({$album->picturecount} Bilder)</span></p>
</li>
	{/foreach}
</ul>

{else}

{* Photo List *}
{assign var="pagetitle" value=$album->name}
<p><strong>{$album->name}</strong><br />
{$album->comment}<br />
<span class="instructiontext">Klicke auf ein Vorschaubild um ein gr&ouml;&szlig;eres Bild zu sehen. Klicke auf den Schlie&szlig;en Button um es zu schlie&szlig;en. {if $returnlink}<a href="{$returnlink}">Zur &Uuml;bersicht zur&uuml;ckkehren</a>{/if}</span></p>
	
	<p class="albumnav">
		<a href="{$album->link}" title="Erste Seite">&lt;&lt;&nbsp;</a>
		{if $link.page.previous}
		{if $pagenumber==2}
		<a href="{$album->link}" title="Vorherige Seite">&lt;&nbsp;</a>
		{else}
		<a href="{$link.page.previous}" title="Vorherige Seite">&lt;&nbsp;</a>
		{/if}
		{/if}
		Seite {$pagenumber}
		{if $link.page.next}<a href="{$link.page.next}" title="N&auml;chste Seite">&nbsp;&gt;</a>{/if}
		<a href="{$link.page.last}" title="Letzte Seite">&nbsp;&gt;&gt;</a>
	</p>

<table>
	{foreach from=$pictures item=picturesrow}
	    {foreach from=$picturesrow item=onepicture}
	    <tr>
			<td>
				<b>{$onepicture->name|escape:'html'}</b><br />
				<p>
					<a href="{$onepicture->picture}" rel="lightbox[{$album->name}]" title="{if ($onepicture->comment != "")}{$onepicture->comment|escape:'html'}{else}{$onepicture->name}{/if}">
						<img src="{$onepicture->thumbnail}" align="left" alt="{if ($onepicture->comment != "")}{$onepicture->comment|escape:'html'}{else}{$onepicture->name}{/if}" {$onepicture->autothumbnailsize} />
					</a>
					{$onepicture->comment2|escape:'html'}</p>
			</td>
		</tr>

      {if ($onepicture->number==$picturenumber and !$picture)}{assign var=picture value=$onepicture}{/if}
	    {/foreach}
	{/foreach}
</table>

{if $picturecount==0}Kein Bild verf&uuml;gbar{/if}
{/if}

{if $picture->id>0}
{/if}
<div style="clear:both"></div>