{if $_config.cat_link_text && $_config.show_cats == 'true'}
	<div class="link_text">
        <a href="{linkToParams vars0='page' vars1=$_vars.cat_pag}">{$_config.cat_link_text}</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}


<div class="its_{ $_config.mode_its}">

{if $_config.mode_its=="3"}
    <table width="100%"><tbody>
{/if}

{foreach from=$_vars.items key=i item=item}

    {capture name="title"}
    <div class="title">
        {if $_config.cat_name_link=='true'}<a href="{linkToParams vars0=$item.id}">{$item.title}</a>
        {else}{$item.title}{/if}
    </div>
    {/capture}
    
    {capture name="image"}
    <div class="image">
        {if $item.images.0}
        	{assign var="bar" value=$_module.ressources|cat:'items/'|cat:$item.images.0.url}
            <a href="{linkToParams vars0=$item.id}">
            	<img src="{$bar}" alt="" {$_Extra->media->image->showResized($bar, $_config.its_img_width, $_config.its_img_height)} />
            </a>
        {elseif $_config.its_img_alt}
        	{assign var="bar" value=$_module.custompath|cat:$_config.its_img_alt}
            <a href="{linkToParams vars0=$item.id}">
            	<img src="{$bar}" alt="" {$_Extra->media->image->showResized($bar, $_config.its_img_width, $_config.its_img_height)} />
            </a>
        {/if}
    </div>
    {/capture}

    {capture name="description"}
    <div class="description">{$item.description}</div>
    {/capture}

    {capture name="reference"}
    <div class="reference">{$_config.its_reference_bef}{$item.reference}{$_config.its_reference_aft}</div>
    {/capture}

    {capture name="prix"}
    <div class="prix">{$_config.its_prix_bef}{$item.prix}{$_config.its_prix_aft}</div>
    {/capture}

	{capture name="images"}
    <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_img_width, $_config.its_hs_img_height)} />
            </a>
        {/foreach}
        {assign var="bar" value=''}
    </div>
    {/capture}
    
    {if $_config.mode_its=="1"}
	    <div class="item">
        	{$smarty.capture.image}
        	{$smarty.capture.title}
        	{if $_config.its_reference_show=='true' && $_mconfig.reference == 'true'}{$smarty.capture.reference}{/if}
        	{if $_config.its_prix_show=='true' && $_mconfig.prix == 'true'}{$smarty.capture.prix}{/if}
        </div>
    {elseif $_config.mode_its=="2"}
	    <div class="item">
        	<table>
            <tr>
            {if $_config.its_img_show}
                <td valign="top">
                    {$smarty.capture.image}
                </td>
            {/if}
            <td valign="top">
            	{$smarty.capture.title}
                {if $_config.its_reference_show=='true' && $_mconfig.reference == 'true'}{$smarty.capture.reference}{/if}
                {if $_config.its_prix_show=='true' && $_mconfig.prix == 'true'}{$smarty.capture.prix}{/if}
            	{$smarty.capture.description}
            </td>
            </tr>
            </table>
        </div>
    {elseif $_config.mode_its=="3"}
    	<tr>
        	{if $_config.its_img_show}
            	<td>{$smarty.capture.image}</td>
            {/if}
            <td>{$smarty.capture.title}</td>
            <td>{$smarty.capture.description}</td>
            {if $_config.its_prix_show=='true' && $_mconfig.prix == 'true'}<td>{$smarty.capture.prix}</td>{/if}
        </tr>
    {elseif $_config.mode_its=="4"}
	    <div class="item">
        	<table>
            <tr>
            {if $_config.its_img_show=='true' || ($_config.its_prix_show=='true' && $_mconfig.prix == 'true')}
            <td valign="top">
            	{if $_config.its_img_show=='true'}{$smarty.capture.image}{/if}
                {if $_config.its_prix_show=='true' && $_mconfig.prix == 'true'}{$smarty.capture.prix}{/if}
            </td>
            {/if}
            <td valign="top">
            	{$smarty.capture.title}
                {if $_config.its_reference_show=='true' && $_mconfig.reference == 'true'}{$smarty.capture.reference}{/if}
            	{$smarty.capture.description}
            </td>
            </tr>
            </table>
        </div>
    {/if}
{foreachelse}
{if $_config.mode_its=="3"}
    <tr><td><p align="center">{$_config.its_empty_text}</p></td></tr>
{else}
	<p align="center">{$_config.its_empty_text}</p>
{/if}
{/foreach}

{if $_config.mode_its=="3"}
    </tbody></table>
{/if}

</div>

{literal}
<script language="javascript" type="text/javascript">
    $each($$('.item'), function(it, i){
        {/literal}{if $_config.its_opacity == 'true'}{literal}var myEffect = new Fx.Tween(it, {link:'cancel', duration:500}).set('opacity', 0.5);{/literal}{/if}{literal}
        it.addEvent('mouseover', function(e) {
            e.stop();
            it.addClass('hover');
            {/literal}{if $_config.its_opacity == 'true'}myEffect.start('opacity', 1);{/if}{literal}
        });
        it.addEvent('mouseout', function(e) {
            e.stop();
            it.removeClass('hover');
            {/literal}{if $_config.its_opacity == 'true'}myEffect.start('opacity', 0.5);{/if}{literal}
        });
    });
</script>
{/literal}

{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>{$_config.its_pag_sep}{/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!=''}{$_config.its_pag_sep}<a href="{linkToParams vars0=$_vars.categorie.id vars1='page' vars2=$_vars.cp+1}">{$_config.its_pag_next}</a>{/if}    
</div>
{/if}