<!-- content_item/thumbnails.tpl begin -->
{if isset($shopArticle->files[0]) && $shopArticle->files[0]->file_name}
	<div id="image_detailed_container_outer">
		<div id="image_detailed_container_inner">
		{foreach item=file from=$shopArticle->files}
			<a class="detailImage" href="{$SHOP_DIR}images/article/{$file->file_name}"  rel="lightbox-big" title="{$shopArticle->name}" style="background-image: url({$SHOP_DIR}images/article/details_{$file->file_name})"></a>
		{/foreach}
		</div>
	</div>
{/if}

<div id="thumbContainer">
	<div id="thumbScrollContainer" style="width:{if $shopArticle->files|@count > 8}{$shopArticle->files|@count/2|ceil*91}{else}364{/if}px;">
		{foreach item=file from=$shopArticle->files}
			<a class="thumbimage" href="{$SHOP_DIR}images/article/{$file->file_name}" rel="lightbox-small" title="{$shopArticle->name}" style="background-image: url({$SHOP_DIR}images/article/thumb_{$file->file_name});"></a>
		{/foreach}
		<br style="clear:left;" />
	</div>
</div>
<br />

{if $shopArticle->files|@count > 8}
	<div style="position: relative;">
		<div id="thumbPageInfo">Bilder 1 bis 8 von {$shopArticle->files|@count}</div>
		<input id="thumbSlideLeft" class="thumbSlider" type="button" value="&lt;&nbsp;&lt;&nbsp;zur&uuml;ck" />
		<input id="thumbSlideRight" class="thumbSlider" type="button" value="weiter&nbsp;&gt;&nbsp;&gt;" />
	</div>
{/if}
<!-- content_item/thumbnails.tpl end --> 
