{capture name="det_head"}
<div class="highslide-header">
    <ul>
        <li class="highslide-move">
            <a href="#" onclick="return false">Déplacer</a>
        </li>
        <li class="highslide-close">
            <a href="#" onclick="return hs.close(this)">Fermer</a>

        </li>
    </ul>
</div>
<div class="highslide-body">
<div class="{$_module.lid}_it3hs">
{/capture}
{capture name="det_foot"}
</div>
</div>
<div class="highslide-footer">
    <div>
        <span class="highslide-resize" title="Resize">
            <span></span>
        </span>
    </div>
</div>
{/capture}

{literal}
<script type="text/javascript">
$jQuery(document).ready(function($){
$('#dock{/literal}{$_module.idlinker}{literal}').Fisheye(
{
maxWidth: {/literal}{$_config.maxwidth}{literal},
items: 'a',
itemsText: 'span',
container: '.dock-container',
itemWidth: {/literal}{$_config.itemwidth}{literal},
proximity: {/literal}{$_config.proximity}{literal},
alignment : 'left',
valign: 'bottom',
halign : 'center',
}
)
}
);
</script>
{/literal}
<div id="dock{$_module.idlinker}">
	<div class="dock-container">
    {foreach from=$_vars.items item=produit}
    {if $_config.openmode=="highslide"}{literal}<a href="#" onclick="return hs.htmlExpand(this, { contentId: '{/literal}highslide{$_module.idlinker}{$produit.id}{literal}' } )" class="highslide dock-item">{/literal}
    {else}<a class="dock-item" href="#">{/if}
    <div>
    {if $_config.showelement == 'title'}<span>{$produit.title}</span>
    {elseif $_config.showelement == 'price'}<span>{$_config.textb}{$produit.prix}{$_config.texta}</span>
    {/if}
    <img src="{$_module.wwwressources}items/{$produit.images.0.url}" alt="{$produit.title}" />
    </div></a>
    {/foreach}
    </div>
</div>

{if $_config.openmode == 'highslide'}
{foreach from=$_vars.items item=produit}
{if $produit.images.0}{assign var="bar" value=$_module.ressources|cat:'items/'|cat:$produit.images.0.url}
{elseif $_config.image_item_alt}{assign var="bar" value=$_module.custompath|cat:$_config.image_item_alt}{/if}

    <div class="highslide-html-content" id="highslide{$_module.idlinker}{$produit.id}"{if $_config.det_hswidth != ''} style="width:{$_config.det_hswidth}px;"{/if}>
    {$smarty.capture.det_head}
    <table width="100%">
    <tr>
        <td valign="top">
            <div class="image">
            {if $produit.images.0.url}<img src="{$bar}" id="imageover" alt="" {$_Extra->media->image->showResized($bar, $_config.det_iwidth, $_config.det_iheight)} />
            {elseif $_config.image_item_alt}<img src="{$bar}" id="imageover" alt="" {$_Extra->media->image->showResized($bar, $_config.det_iwidth, $_config.det_iheight)} />{/if}  
            </div>
                        
            {if $_config.det_ref_pos == 'left' && $produit.reference!=''}<div class="reference">{$_config.det_ref_bef}{$produit.reference}{$_config.det_ref_aft}</div>{/if}
            {if $_config.det_price_pos == 'left' && $produit.prix!=''}<div class="price">{$_config.det_price_bef}{$produit.prix}{$_config.det_price_aft}</div>{/if}
        </td>
        <td valign="top">
            <div class="title">{$produit.title}{if $_config.it_ref_pos == 'right' && $item.reference!=''}<span class="reference">{$_config.det_ref_bef}{$produit.reference}{$_config.det_ref_aft}</span>{/if}</div>
            {if $_config.det_ref_pos == 'bottom' && $produit.reference!=''}<div class="reference">{$_config.det_ref_bef}{$produit.reference}{$_config.det_ref_aft}</div>{/if}
            {if $_config.det_price_pos == 'right' && $produit.prix!=''}<div class="price">{$_config.det_price_bef}{$produit.prix}{$_config.det_price_aft}</div>{/if}
           <div class="description">{$produit.descmini}</div>
        </td>
    </tr>
    </table>
    {$smarty.capture.det_foot}
    </div>

{/foreach}
{/if}