{$obj_prefix = "`$block.block_id`000"}

{if $block.properties.hide_navigation != "Y" && $block.properties.outside_navigation == "Y"}
    <div class="owl-theme ty-owl-controls">
        <div class="owl-controls clickable owl-controls-outside" id="owl_outside_nav_{$block.block_id}">
            <div class="owl-buttons">
                <div id="owl_prev_{$obj_prefix}" class="owl-prev"><i class="ty-icon-left-open-thin"></i></div>
                <div id="owl_next_{$obj_prefix}" class="owl-next"><i class="ty-icon-right-open-thin"></i></div>
            </div>
        </div>
    </div>
{/if}

<div id="scroll_list_{$block.block_id}" class="owl-carousel">
    {foreach from=$items item="banner" name="for_banners"}
			{assign var="show_detailed_link" value=false}
			{if $block.properties.image_previewer == "Y"}
				{assign var="show_detailed_link" value=true}
				{$banner.main_pair.detailed = $banner.main_pair.icon}
				{$banner.main_pair.detailed_id = $banner.main_pair.image_id}
			{/if}
			{include file="common/image.tpl" assign="object_img" show_detailed_link=$show_detailed_link image_id="preview[banners_scroller_`$obj_prefix`]"  images=$banner.main_pair no_ids=true lazy_load=true obj_id="scr_`$block.block_id`000`$banner.banner_id`"}
            <div class="ty-center">
                {if $block.properties.image_previewer != "Y" && $banner.url}<a href="{$banner.url|fn_url}">{/if}
					{$object_img nofilter}
				{if $block.properties.image_previewer != "Y" && $banner.url}</a>{/if}
				{if $block.properties.hide_name == "N"}
					<div class="ty-grid-list__item-name">
						{if $banner.url}<a href="{$banner.url|fn_url}">{/if}
							{$banner.banner}
						{if $banner.url}</a>{/if}
					</div>
				{/if}
            </div>
    {/foreach}
</div>

{if $block.properties.hide_navigation == "Y"}
	{$block.properties.outside_navigation = "Y"}
{/if}

{include file="common/previewer.tpl"}
{include file="common/scroller_init.tpl" items=$items prev_selector="#owl_prev_`$obj_prefix`" next_selector="#owl_next_`$obj_prefix`"}