{if !empty($item->slides)}
<div class="container">
    <div class="row">
        <div class="span12">            
            <div id="slides-container-{$item->idItem}" class="slides_container">
                {assign var="firstSlide" value=`$item->slides[0]`}
                <div class="slide_preload slide_items_container">
                    <div class="slide_item">
                        {if $firstSlide.type == 'html'}
                            <div class="slide_html">
                                <div style="{if $firstSlide.backgroundImage}background:url('{$firstSlide.backgroundImage}') repeat-x 0% 0%; {/if} height:100%">
                                    <div class="slide_text cms">
                                        <h2>{$firstSlide.title}</h2>
                                        {$firstSlide.html}
                                        <a href="{$firstSlide.url}" class="btn slide_btn">{$firstSlide.linkText}</a>
                                    </div>    
                                </div>
                            </div>
                        {else}
                            <div style="background:url('{$firstSlide.image}') no-repeat center center; height:100%">
                            </div>
                        {/if}
                    </div>
                </div>
            </div>
        </div>
        {* placed the empty slides-toolbar-container to prevent page trembles *}
        {if 'y' == $item->enableButtons || 'y' == $item->enablePaginator}
            <div class="span12">
                <div id="slides-toolbar-container-{$item->idItem}" style="height:20px;"></div>
            </div>
        {/if}
    </div>
</div>
{/if}