{if $_config.its_link_backcats && $_config.show_cats == 'true'}
	<div class="link_backcats">
        <a href="{linkToParams vars0='page' vars1=$_vars.cat_pag}">{$_config.its_link_backcats}</a>
    </div>
{/if}

{if $_config.its_show_ctitle == 'true'}
    <div class="ctitle">{$_vars.categorie.name}</div>
{/if}

{if $_config.its_show_cdesc != 'false' && isset($_vars.categorie.description)}
	{if $_config.its_show_cdesc == 'true' || ($_config.its_show_cdesc == 'first' && (!isset($_get.2) || $_get.2 == 1))}
    <div class="cdescription">{$_vars.categorie.description}</div>
    {/if}
{/if}

{*
//////////////////////
CAPTURE : DETAILS EN HIGHSLIDE
//////////////////////
*}
{capture name="its3_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">
{/capture}
{capture name="its3_foot"}
</div>
<div class="highslide-footer">
    <div>
        <span class="highslide-resize" title="Resize">
            <span></span>
        </span>
    </div>
</div>
{/capture}

{*
//////////////////////
VIGNETTE
//////////////////////
*}
{if $_config.mode_its=="1"}
    <div class="its_1">
    {foreach from=$_vars.items key=i item=item}
    {if $item.images.0}{assign var="bar" value=$_module.ressources|cat:'items/'|cat:$item.images.0.url}
    {elseif $_config.image_item_alt}{assign var="bar" value=$_module.custompath|cat:$_config.image_item_alt}{/if}
    <div class="item">
        {if $_config.show_item == 'true'}
	        {if $_config.mode_it == '3'}{literal}<a href="#" onclick="return hs.htmlExpand(this, { contentId: '{/literal}highslide{$_module.idlinker}{$item.id}{literal}' } )" class="highslide">{/literal}
            {else}<a href="{linkToParams vars0='detail' vars1=$item.id vars2=$_get.0 vars3=$item.urlw}">{/if}
        {/if}
        <div class="image"><img src="{$bar}" alt="" {$_Extra->media->image->showResized($bar, $_config.its_iwidth, $_config.its_iheight)} /></div>
        {if $_config.show_item == 'true'}</a>{/if}
    </div>
	
    {if $_config.mode_it == '3'}
	<div class="highslide-html-content" id="highslide{$_module.idlinker}{$item.id}"{if $_config.it_hswidth != ''} style="width:{$_config.it_hswidth}px;"{/if}>
	{$smarty.capture.its3_head}
	<table width="100%">
    <tr>
    	<td valign="top">
            <div class="image">
            {if $item.image.url}<img src="{$bar}" id="imageover" alt="" width="{$_config.it_iwidth}" height="{$_config.it_iheight}" />
            {elseif $_config.image_item_alt}<img src="{$bar}" id="imageover" alt="" {$_Extra->media->image->showResized($bar, $_config.it_iwidth, $_config.it_iheight)}" />{/if}  
            </div>
                        
            {if $_config.it_ref_pos == 'left' && $item.reference!=''}<div class="reference">{$_config.it_ref_bef}{$item.reference}{$_config.it_ref_aft}</div>{/if}
            {if $_config.it_price_pos == 'left' && $item.prix!=''}<div class="price">{$_config.it_price_bef}{$item.prix}{$_config.it_price_aft}</div>{/if}
            
        </td>
        <td>
        	<div class="title">{$item.title}</div>
            {if $_config.it_ref_pos == 'right' && $item.reference!=''}<div class="reference">{$_config.it_ref_bef}{$item.reference}{$_config.it_ref_aft}</div>{/if}
            {if $_config.it_price_pos == 'right' && $item.prix!=''}<div class="price">{$_config.it_price_bef}{$item.prix}{$_config.it_price_aft}</div>{/if}
           <div class="description">{$item.descmini}{$item.descfull}</div>
        </td>
    </tr>
    </table>
	{$smarty.capture.its3_foot}
    </div>
    {/if}
    
    {foreachelse}
    <p align="center">{$_config.no_object}</p>
    {/foreach}
    
    <div style="clear:both;">&nbsp;</div>
    </div>
    {literal}
    <script language="javascript" type="text/javascript">
        $each($$('.item'), function(category, i){
            {/literal}{if $_config.its_opacity == 'true'}{literal}var myEffect = new Fx.Tween(category, {link:'cancel', duration:500}).set('opacity', 0.5);{/literal}{/if}{literal}
            category.addEvent('mouseover', function(e) {
                e.stop();
                category.addClass('hover');
                {/literal}{if $_config.its_opacity == 'true'}myEffect.start('opacity', 1);{/if}{literal}
            });
            category.addEvent('mouseout', function(e) {
                e.stop();
                category.removeClass('hover');
                {/literal}{if $_config.its_opacity == 'true'}myEffect.start('opacity', 0.5);{/if}{literal}
            });
        });
    </script>
    {/literal}

{*
//////////////////////
IMAGE + TITRE + DESCRIPTION
//////////////////////
*}
{elseif $_config.mode_its=="2"}
    <div class="its_2">    
    {foreach from=$_vars.items key=i item=item}
    {if $item.images.0}{assign var="bar" value=$_module.ressources|cat:'items/'|cat:$item.images.0.url}
    {elseif $_config.image_item_alt}{assign var="bar" value=$_module.custompath|cat:$_config.image_item_alt}{/if}
    <div class="item">
        <table width="100%"><tr>
        <td width="{$_config.width_items}" valign="top" align="center">
            {if $_config.show_item == 'true'}
                {if $_config.mode_it == '3'}{literal}<a href="#" onclick="return hs.htmlExpand(this, { contentId: '{/literal}highslide{$_module.idlinker}{$item.id}{literal}' } )" class="highslide">{/literal}
                {else}<a href="{linkToParams vars0='detail' vars1=$item.id vars2=$_get.0 vars3=$item.urlw}">{/if}
                {/if}
                <div class="image"><img src="{$bar}" alt="" {$_Extra->media->image->showResized($bar, $_config.its_iwidth, $_config.its_iwidth)} /></div>
            {if $_config.show_item == 'true'}</a>{/if}
        </td><td valign="top">
            {if $_config.its_show_title=='true'}<div class="title">
            {if $_config.show_item == 'true'}
                {if $_config.mode_it == '3'}{literal}<a href="#" onclick="return hs.htmlExpand(this, { contentId: '{/literal}highslide{$_module.idlinker}{$item.id}{literal}' } )" class="highslide">{/literal}
                {else}<a href="{linkToParams vars0='detail' vars1=$item.id vars2=$_get.0 vars3=$item.urlw}">{/if}
            {$item.title}</a>
            {else}{$item.title}{/if}{if $_config.its_show_reference == 'true' && $_config.its_ref_pos == 'right' && $item.reference!=''}<span class="reference">{$_config.its_ref_bef}{$item.reference}{$_config.its_ref_aft}</span>{/if}</div>{/if}
            {if $_config.its_show_reference == 'true' && $_config.its_ref_pos == 'bottom' && $item.reference!=''}<div class="reference">{$_config.its_ref_bef}{$item.reference}{$_config.its_ref_aft}</div>{/if}
            {if $_config.its_show_prix == 'true' && $_config.its_price_pos == 'bottom' && $item.prix!=''}<div class="price">{$_config.its_price_bef}{$item.prix}{$_config.its_price_aft}</div>{/if}
            {if $_config.its_show_desc=='true'}<div class="description">{$item.description}</div>{/if}
            {if $item.images.1 && $_config.its_show_hl=='true'}
                <div class="images">
                    {foreach from=$item.images item=image key=j}
                        {assign var="bar" value=$_module.ressources|cat:'items/'|cat:$image.url}
                        <a id="thumb{$image.id}" onclick="return hs.expand(this, foo{$item.id})" class="highslide" href="{$bar}">
                        <img src="{$bar}" alt="" {$_Extra->media->image->showResized($bar, $_config.its_hs_iwidth, $_config.its_hs_iheight)} />
                        </a>
                    {/foreach}
                    {assign var="bar" value=''}
                </div>
            
                {literal}
                <script type="text/javascript">
                    hs.registerOverlay({
                        slideshowGroup:'group{/literal}{$_module.idlinker}{$item.id}{literal}',
                        overlayId: 'controlbar{/literal}{$_module.unique}{literal}',
                        position: 'top right',
                        hideOnMouseOut: true
                    });
                    var foo{/literal}{$item.id}{literal} = {
                        slideshowGroup: 'group{/literal}{$_module.idlinker}{$item.id}{literal}',
                        outlineType: 'rounded-white'
                    }
                </script>
                {/literal}
            {/if}
        </td>
        {if $_config.its_show_prix == 'true' && $_config.its_price_pos == 'right' && $item.prix!=''}
        <td class="price">{$_config.its_price_bef}{$item.prix}{$_config.its_price_aft}</td>
        {/if}
        </tr></table>
    </div>
    
    {if $_config.mode_it == '3'}
	<div class="highslide-html-content" id="highslide{$_module.idlinker}{$item.id}"{if $_config.it_hswidth != ''} style="width:{$_config.it_hswidth}px;"{/if}>
	{$smarty.capture.its3_head}
	<table width="100%">
    <tr>
    	<td valign="top">
            <div class="image">
            {if $item.image.url}<img src="{$bar}" id="imageover" alt="" width="{$_config.it_iwidth}" height="{$_config.it_iheight}" />
            {elseif $_config.image_item_alt}<img src="{$bar}" id="imageover" alt="" {$_Extra->media->image->showResized($bar, $_config.it_iwidth, $_config.it_iheight)}" />{/if}  
            </div>
                        
            {if $_config.it_ref_pos == 'left' && $item.reference!=''}<div class="reference">{$_config.it_ref_bef}{$item.reference}{$_config.it_ref_aft}</div>{/if}
            {if $_config.it_price_pos == 'left' && $item.prix!=''}<div class="price">{$_config.it_price_bef}{$item.prix}{$_config.it_price_aft}</div>{/if}
            
        </td>
        <td>
        	<div class="title">{$item.title}</div>
            {if $_config.it_ref_pos == 'right' && $item.reference!=''}<div class="reference">{$_config.it_ref_bef}{$item.reference}{$_config.it_ref_aft}</div>{/if}
            {if $_config.it_price_pos == 'right' && $item.prix!=''}<div class="price">{$_config.it_price_bef}{$item.prix}{$_config.it_price_aft}</div>{/if}
           <div class="description">{$item.descmini}{$item.descfull}</div>
        </td>
    </tr>
    </table>
	{$smarty.capture.its3_foot}
    </div>
    {/if}
    {foreachelse}
    <p align="center">{$_config.no_object}</p>
    {/foreach}

    <div style="clear:both;">&nbsp;</div>
    </div>
    {if $item.images.1 && $_config.its_show_hl=='true'}
    {assign var="foo" value="controlbar"|cat:$_module.unique}
    {$_Extra->scripts->highslide->controlbar($foo)}
    {/if}
{/if}

{if $_vars.nbpages > 1}
<div class="its_pagination">
{if $_vars.cp!=1 && $_config.its_pag_prev!=''}<a href="{linkToParams vars0=$_vars.categorie.id vars1='page' vars2=$_vars.cp-1}">{$_config.its_pag_prev}</a>&nbsp;{/if}
{section name=pages loop=$_vars.nbpages}<a href="{linkToParams vars0=$_vars.categorie.id vars1='page' vars2=$smarty.section.pages.iteration}" {if $smarty.section.pages.iteration == $_vars.cp}class="current"{/if}>{$smarty.section.pages.iteration}</a>{if !$smarty.section.pages.last}{$_config.its_pag_sep}{/if}{/section}
{if $_vars.cp<$smarty.section.pages.total && $_config.its_pag_next!=''}&nbsp;<a href="{linkToParams vars0=$_vars.categorie.id vars1='page' vars2=$_vars.cp+1}">{$_config.its_pag_next}</a>{/if}    
</div>
{/if}