<!--PLG:EcSlide START-->

<!--{if count($arrMainImageListFree) > 0}-->

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="<!--{$smarty.const.ROOT_URLPATH}-->plugin/EcSlide/js/jquery.cycle2.min.js"></script>
<div id="ecslide">
<div class="cycle-slideshow" 
                   data-cycle-slides="> div" 
                   data-cycle-fx=<!--{if $arrMainImageOption[0].main_image_efect != ""}--><!--{$arrMainImageOption[0].main_image_efect}--><!--{else}-->fade<!--{/if}-->
                   data-cycle-timeout=<!--{if $arrMainImageOption[0].main_image_timeout != ""}--><!--{$arrMainImageOption[0].main_image_timeout}--><!--{else}-->3000<!--{/if}-->
                   data-cycle-speed=<!--{if $arrMainImageOption[0].main_image_speed != ""}--><!--{$arrMainImageOption[0].main_image_speed}--><!--{else}-->500<!--{/if}-->
                   <!--{$tpl_peger}-->
 >
 <!--{if $arrMainImageOption[0].main_image_peger == "standerd"}--><!--{$tpl_peger_tag}--><!--{/if}-->

  	<!--{section name=cnt loop=$arrMainImageListFree}-->
    <!--{if $arrMainImageListFree[cnt].main_image_image1 != ""}-->
    <div>
    	<!--{if $arrMainImageListFree[cnt].main_image_link_url != ""}--><a href="<!--{$arrMainImageListFree[cnt].main_image_link_url}-->" <!--{if $arrMainImageListFree[cnt].link_url_blank == 1}-->target="_blank"<!--{/if}-->><!--{/if}--><img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrMainImageListFree[cnt].main_image_image1}-->" alt="<!--{$arrMainImageListFree[cnt].main_image_title1}-->" /><!--{if $arrMainImageListFree[cnt].main_image_link_url != ""}--></a><!--{/if}-->
	</div>
<!--{/if}-->
	<!--{/section}-->

</div>
<!--{if $arrMainImageOption[0].main_image_peger != "" && $arrMainImageOption[0].main_image_peger != "standerd"}--><!--{$tpl_peger_tag}--><!--{/if}-->
</div>

 <script type="text/javascript">
 $(function() {
    $("div#ecslide .cycle-slideshow").css({"width":"<!--{if $arrMainImageOption[0].main_image_width != ''}--><!--{$arrMainImageOption[0].main_image_width}--><!--{else}-->580<!--{/if}-->px","height":"<!--{if $arrMainImageOption[0].main_image_height != ''}--><!--{$arrMainImageOption[0].main_image_height}--><!--{else}-->358<!--{/if}-->px"}); 
    $(".cycle-pager").css("top","<!--{if $arrMainImageOption[0].main_image_peger_position != ''}--><!--{$arrMainImageOption[0].main_image_peger_position}--><!--{else}-->10<!--{/if}-->px"); 

 });
 </script>
<!--{/if}-->

<!--PLG:EcSlide END-->