{if $_config.it.detail.cat_link_text}
<div class="cat_link"><a href="{linkToParams vars0=$_vars.categorie.id vars1='page' vars2=$_vars.it_pag}">{$_config.it.detail.cat_link_text}</a></div>
{/if}

{if $_config.it.detail.cat_titles_show == 'true' && sizeof($_vars.categories_parents)>0}
    <div class="cats_path">
    {$_config.it.detail.cat_titles_textb}
    {foreach from=$_vars.categories_parents item=cat name=foocats}
        <a href="{linkToParams vars0=$cat.id vars1=$cat.urlw}">{$cat.name}</a>
        {if !$smarty.foreach.foocats.last}
        {$_config.it.detail.cat_titles_textc}
        {/if}
    {/foreach}
    {$_config.it.detail.cat_titles_texta}
    </div>
{/if}


<div class="it">

{if !isset($_vars.item_error)}

	 {capture name="youtube"}
        <div class="youtube">{if $_mconfig.youtube=='true'}<br />{$_vars.item.youtube}{/if}</div>
    {/capture}
    

    {capture name="title"}
        <div class="title">{$_vars.item.title}</div>
    {/capture}
    
    {capture name="description"}
        <div class="description">
            {$_vars.item.descmini}{if $_mconfig.descfull=='true'}<br />{$_vars.item.descfull}{/if}
        </div>
    {/capture}
    
    {capture name="prix"}
    	{if $_vars.item.prix_location == '1'}
            <div class="prix">{$_config.it.detail.prixloc_bef}{$_vars.item.prix} &euro;</div>
        {else}
            <div class="prix">{$_config.it.detail.prix_bef}{$_vars.item.prix} &euro;</div>
        {/if}
    {/capture}
    
    {capture name="reference"}
        <div class="reference">{$_config.it.detail.reference_bef}{$_vars.item.reference}{$_config.it.detail.reference_aft}</div>
    {/capture}
    
    {capture name="image"}
        <div class="image">
        {if $_vars.item.images.0.url}{assign var="bar" value=$_module.ressources|cat:'items/'|cat:$_vars.item.images.0.url}
        {elseif $_config.its_img_alt}{assign var="bar" value=$_module.custompath|cat:$_config.its_img_alt}{/if}	
        {if $_vars.item.images.0.url}
            {if !isset($_vars.item.images.1)}
                {if $_config.mojozoom!='true'}<a id="thumb{$k}" onclick="return hs.expand(this, foo)" class="highslide" href="{$bar}">{/if}
                <img src="{$bar}" {if $_config.mojozoom=='true'}data-zoomsrc="{$bar}" {/if} id="imageover" alt="" {$_Extra->media->image->showResized($bar, $_config.it.detail.img_width, $_config.it.detail.img_height)} />
                {if $_config.mojozoom!='true'}</a>{/if}
            {else}
                <img src="{$bar}" {if $_config.mojozoom=='true'}data-zoomsrc="{$bar}" {/if} id="imageover" alt="" {$_Extra->media->image->showResized($bar, $_config.it.detail.img_width, $_config.it.detail.img_height)}" />
            {/if}
        {elseif $_config.its_img_alt}<img src="{$bar}" id="imageover" alt="" {$_Extra->media->image->showResized($bar, $_config.it.detail.img_width, $_config.it.detail.img_height)}" />{/if}  
        </div>
    {/capture}
    
    {capture name="images"}
        <div class="images">
        {foreach from=$_vars.item.images item=image key=k}
        {assign var="bar" value=$_module.ressources|cat:'items/'|cat:$image.url}
        {if $_config.mojozoom!='true'}<a id="thumb{$k}" onclick="return hs.expand(this, foo)" class="highslide" href="{$bar}">{/if}
        {if $_config.it.detail.hs_crop == 'true'}<img src="images/{$_config.it.detail.hs_iwidth}x{$_config.it.detail.hs_iheight}/{$bar}" {if $_config.mojozoom=='true'}data-zoomsrc="{$bar}" {/if} alt="" class="highslide" onmouseover="changeImage_{$_module.idlinker}('{$bar}', {$image.width}, {$image.height})" />
        {else}<img src="{$bar}" {if $_config.mojozoom=='true'}data-zoomsrc="{$bar}" {/if} alt="" class="highslide" onmouseover="changeImage_{$_module.idlinker}('{$bar}', {$image.width}, {$image.height})" {$_Extra->media->image->showResized($bar, $_config.it.detail.hs_iwidth, $_config.it.detail.hs_iheight)} />{/if}
        {if $_config.mojozoom!='true'}</a>{/if}
        {/foreach}
        </div>
        <div style="clear:both; height:0px;">&nbsp;</div>
    {/capture}
    
    {if $_config.mode_it=="1"}
        <table width="100%">
            <tr>
                <td valign="top" width="{$_config.it.detail.img_width}" height="{$_vars.hmax+10}">
                    {$smarty.capture.image}
                </td>
                <td valign="top"{if $_config.it.detail.show_hl=='true'} rowspan="2"{/if}>
                    {$smarty.capture.title}
                    {if $_vars.item.reference!=''}{$smarty.capture.reference}{/if}
                    {if $_vars.item.prix!=''}{$smarty.capture.prix}{/if}
                    {$smarty.capture.description}
                </td>
            </tr>
            {if $_config.it.detail.show_hl=='true' && $_vars.item.images.1}
            <tr>
                <td>
                    {$smarty.capture.images}
                    {assign var="foo" value="controlbar"|cat:$_module.unique}
                    {$_Extra->scripts->highslide->controlbar($foo)}
                </td>
            </tr>
            {/if}
            
             <tr>
             <td valign="top" align="center" height="20px">
            {$smarty.capture.youtube}
            </td>
            </tr>
        </table>
    
    {elseif $_config.mode_it=="2"}
        <table width="100%">
            <tr>
                <td valign="top" align="center" height="{$_vars.hmax+10}">
                    {$smarty.capture.image}
                </td>
            </tr>
            {if $_config.it.detail.show_hl=='true' && $_vars.item.images.1}
            <tr>
                <td valign="top">
                    <div style="width:{$_config.it.detail.img_width}px;">
                    {$smarty.capture.images}
                    {assign var="foo" value="controlbar"|cat:$_module.unique}
                    {$_Extra->scripts->highslide->controlbar($foo)}
                    </div>
                </td>
            </tr>
            {/if}
            <tr>
                <td>
                    {$smarty.capture.title}
                    {if $_vars.item.reference!=''}{$smarty.capture.reference}{/if}
                    {if $_vars.item.prix!=''}{$smarty.capture.prix}{/if}
                    {$smarty.capture.description}
                </td>
            </tr>
            
             <tr>
             <td valign="top" align="center" height="20px">
            {$smarty.capture.youtube}
            </td>
            </tr>
            
        </table>
        
    {elseif $_config.mode_it=="3"}
        <table width="100%">
            <tr>
                <td valign="top" width="{$_config.it.detail.img_width}" height="{$_vars.hmax}">
                    {$smarty.capture.image}
                </td>
                <td valign="top"{if $_config.it.detail.show_hl=='true'} rowspan="2"{/if}>
                    {if $_vars.item.prix!=''}
                        <table width="100%">
                            <tr>
                                <td>
                                    {$smarty.capture.title}
                                    {if $_vars.item.reference!=''}{$smarty.capture.reference}{/if}
                                </td>
                                <td>
                                    {if $_vars.item.prix!=''}{$smarty.capture.prix}{/if}
                                </td>
                            </tr>
                        </table>
                    {else}
                        {$smarty.capture.title}
                        {if $_vars.item.reference!=''}{$smarty.capture.reference}{/if}
                        {if $_vars.item.prix!=''}{$smarty.capture.prix}{/if}
                    {/if}
                    {$smarty.capture.description}
               </td>
            </tr>
            {if $_config.it.detail.show_hl=='true' && $_vars.item.images.1}
            <tr>
                <td valign="top">
                    <div style="width:{$_config.it.detail.img_width}px;">
                    {$smarty.capture.images}
                    {assign var="foo" value="controlbar"|cat:$_module.unique}
                    {$_Extra->scripts->highslide->controlbar($foo)}
                    </div>
                </td>
            </tr>
            {/if}
            
             <tr>
             <td valign="top" align="center" height="20px">
            {$smarty.capture.youtube}
            </td>
            </tr>
       
        </table>
    
    {elseif $_config.mode_it=="4"}
        <table width="100%">
            <tr>
                <td valign="top" height="{$_vars.hmax+10}">
                    {$smarty.capture.image}
                </td>
            </tr>
            {if $_config.it.detail.show_hl=='true' && $_vars.item.images.1}
            <tr>
                <td valign="top">
                    {$smarty.capture.images}
                    {assign var="foo" value="controlbar"|cat:$_module.unique}
                    {$_Extra->scripts->highslide->controlbar($foo)}
                </td>
            </tr>
            {/if}
            <tr>
                <td valign="top">
                    {if $_vars.item.prix!=''}
                        <table width="100%">
                            <tr>
                                <td>
                                    {$smarty.capture.title}
                                    {if $_vars.item.reference!=''}{$smarty.capture.reference}{/if}
                                </td>
                                <td>
                                    {if $_vars.item.prix!=''}{$smarty.capture.prix}{/if}
                                </td>
                            </tr>
                        </table>
                    {else}
                        {$smarty.capture.title}
                        {if $_vars.item.reference!=''}{$smarty.capture.reference}{/if}
                        {if $_vars.item.prix!=''}{$smarty.capture.prix}{/if}
                    {/if}
                    {$smarty.capture.description}
                </td>
            </tr>
            
            <tr>
             <td valign="top" align="center" height="20px">
            {$smarty.capture.youtube}
            </td>
            </tr>
        </table>
        
    {/if}
    
    {if $_config.it.detail.show_coms == 'false' && $_get[1] != 'comments'}
        <div class="coms_link"><a href="{linkToParams vars0=$_vars.categorie.id vars1='comments' vars2=$_vars.item.id}">{$_config.it.detail.coms_link_text}</a></div>
    {/if}
    
    {literal}
    <script language="javascript" type="text/javascript">
        function changeImage_{/literal}{$_module.idlinker}{literal}(src, w, h) {
            $('imageover').src = src;
            if(w) {
                $('imageover').setProperty('width', w);
            }
            if(h) {
                $('imageover').setProperty('height', h);
            }
        }
        
        hs.registerOverlay({
            slideshowGroup:'group{/literal}{$_module.idlinker}{literal}',
            overlayId: 'controlbar{/literal}{$_module.unique}{literal}',
            position: 'top right',
            hideOnMouseOut: true
        });
        var foo = {
            slideshowGroup: 'group{/literal}{$_module.idlinker}{literal}',
            outlineType: 'rounded-white'
        }
    </script>
    {/literal}
    
{else}

	<div class="item_error">{$_vars.item_error}</div>
    
{/if}
</div>