{foreach from=$images item=image name=thumbnails}

	{if $smarty.foreach.thumbnails.first}
		<div class="item active">
	{elseif $smarty.foreach.thumbnails.index % $itemsCount == 0}
		<div class="item">
	{/if}

	{assign var=imageIds value="`$product->id`-`$image.id_image`"}
	{assign var=thickboxImgPath value={$link->getImageLink($product->link_rewrite, $imageIds,'thickbox_default')}}
	{assign var=largeImgPath value={$link->getImageLink($product->link_rewrite, $imageIds, 'large_default')}}
	{assign var=mediumImgPath value={$link->getImageLink($product->link_rewrite, $imageIds, 'medium_default')}}
	{assign var=imageTitle value="{$image.legend|htmlspecialchars}"}
	{assign var=imageRel value="smallImage:'{$largeImgPath}'"}
		
	<!--li id="thumbnail_{$image.id_image}"-->
		<a href="{$thickboxImgPath}" title="{$imageTitle}" rel="{$imageRel}" title="{$imageTitle}" style="height: {$bdImageMediumSize.height}px;">
            <div class="bd-valign" style="height: {$bdImageMediumSize.height}px;">
                <img class="@classNames" src="{$mediumImgPath}" id="thumb_{$image.id_image}" alt="{$imageTitle}" height="{$bdImageMediumSize.height}" width="{$bdImageMediumSize.width}" style="min-width:{$bdImageMediumSize.width}px;min-height:{$bdImageMediumSize.height}"/>
            </div>
        </a>

	<!--/li-->
	
	{if ($smarty.foreach.thumbnails.index + 1) % $itemsCount == 0 || $smarty.foreach.thumbnails.last}
		</div>
	{/if}
	
{/foreach}