{literal}
<script type="text/javascript">
	hs.registerOverlay({
		slideshowGroup:'group{/literal}{$_module.idlinker}{literal}',
		overlayId: 'controlbar{/literal}{$_module.unique}{literal}',
		position: 'top right',
		hideOnMouseOut: true
	});
	var foo{/literal}{$_module.idlinker}{literal} = {
		slideshowGroup: 'group{/literal}{$_module.idlinker}{literal}',
		outlineType: 'rounded-white'
	}
</script>

<script type="text/javascript">
	featuredcontentglider.init({
		gliderid: "glider{/literal}{$_module.idlinker}{literal}", //ID of main glider container
		contentclass: "glidecontent", //Shared CSS class name of each glider content
		togglerid: "p-select{/literal}{$_module.idlinker}{literal}", //ID of toggler container
		remotecontent: "", //Get gliding contents from external file on server? "filename" or "" to disable
		selected: 0, //Default selected content index (0=1st)
		persiststate: false, //Remember last content shown within browser session (true/false)?
		speed: {/literal}{$_config.marquee_vitesse}{literal}, //Glide animation duration (in milliseconds)
		direction: "downup", //set direction of glide: "updown", "downup", "leftright", or "rightleft"
		autorotate: {/literal}{$_config.autoswitch}{literal} //Auto rotate contents (true/false)?
		{/literal}{if $_config.autoswitch == 'true'},autorotateconfig: [{$_config.timer_autoswitch}, {$_config.cycle_autoswitch}]{/if}{literal}
	})
</script>
{/literal}

{assign var="one" value=$_config.premier_element}
{assign var="two" value=$_config.deuxieme_element}
{assign var="three" value=$_config.troisieme_element}
{assign var="four" value=$_config.quatrieme_element}

{if $_config.marquee_template == 'haut'}
<div id="p-select{$_module.idlinker}" class="glidecontenttoggler">
<a href="#" class="prev"><img src="{$_module.custompath}{$_config.icon_prev}" alt="Précédent" /></a> 
<a href="#" class="next"><img src="{$_module.custompath}{$_config.icon_next}" alt="Suivant" /></a>
</div>
{/if}

<div id="glider{$_module.idlinker}" class="glidecontentwrapper">

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

    {assign var="image" value=$_module.ressources|cat:$item.image.image}
    {capture name="photo"}
        {if $_config.alltick_link_enabled == 'true'}
        <a href="{linkToParams url=$_config.seemore_link_url nu=true vars0=$item.id vars1=$item.urlw}">
        {else}
        <a id="thumb{$k}" onclick="return hs.expand(this, foo{$_module.idlinker})" class="highslide" href="{$image}">
        {/if}
            {if empty($item.image.image)}<img src="{$_module.custompath}{$_config.default}" border="0" alt="Pas d'aperçu" />{else}
            <img src="images/{$_config.photo_width}x{$_config.photo_height}{if $_config.photo_bgcolor!=''}x{$_config.photo_bgcolor}{/if}/{$image}" alt="" class="highslide-bloc" />{/if}
        </a>
    {/capture}
    {capture name="titre"}
        {$item.titre}
    {/capture}
    {capture name="desc_courte"}
        {$item.desc_mini}
    {/capture}
    {capture name="desc_longue"}
        {$item.desc_full}
    {/capture}
    {capture name="date"}
        {$_Extra->env->dates->convertDate($_config.date_style, $item.date)}{if $_config.heur_show=='true'}{$_Extra->env->dates->convertDate('hour', $item.date)}{/if}
    {/capture}
    {capture name="seemore"}
        {if $_config.alltick_link_enabled == 'true'}
            <a href="{linkToParams url=$_config.seemore_link_url nu=true vars0=$item.id vars1=$item.urlw}">
            {$_config.seemore_link}
            </a>
        {/if}
    {/capture}

    <div class="glidecontent">
        {if $_config.image_position != 'inline'}
        <table width="100%"><tr>
        	{if $_config.image_position == 'left'}
            <td valign="top" width="{$_config.photo_width}" class="photo">{$smarty.capture.photo}</td>
            {/if}
            <td valign="top">
        {/if}
        <table width="100%">
            <tr>
                <td class="premier_element">
                    {$smarty.capture.$one}
                </td>
                {if $_config.image_position == 'right'}
                    <td class="image" rowspan="4">
                        {$smarty.capture.photo}
                    </td>
                {/if}
            </tr>
            <tr>
                <td class="deuxieme_element">
                    {$smarty.capture.$two}
                </td>
            </tr>
            <tr>
                <td class="troisieme_element">
                    {$smarty.capture.$three}
                </td>
            </tr>
            <tr>
                <td class="quatrieme_element">
                    {$smarty.capture.$four}
                </td>
            </tr>
        </table>
        {if $_config.image_position != 'inline'}
        	</td>
        	{if $_config.image_position == 'right'}
            <td valign="top" width="{$_config.photo_width}" class="photo">{$smarty.capture.photo}</td>
            {/if}
        	</tr></table>
        {/if}
    </div>

{/foreach}
</div>

{if $_config.marquee_template == 'bas'}
<div id="p-select" class="glidecontenttoggler">
<a href="#" class="prev"><img src="{$_module.custompath}{$_config.icon_prev}" alt="Précédent" /></a> 
<a href="#" class="next"><img src="{$_module.custompath}{$_config.icon_next}" alt="Suivant" /></a>
</div>
{/if}