<script src="<{xoAppUrl modules/tadtools/themes3_tpl/slider/sliderengine/amazingslider.js}>"></script>
<script src="<{xoAppUrl modules/tadtools/themes3_tpl/slider/sliderengine/initslider-1.js}>"></script>

<!-- Insert to your webpage where you want to display the slider -->
<div id="amazingslider-1" style="display:block;position:relative;">
    <ul class="amazingslider-slides" style="display:none;">
      <{foreach from=$slider_var item=slide key=i}>

        <{if $slide.slide_url}>
          <li><a href="<{$slide.slide_url}>"><img src="<{$slide.file_url}>" alt="<{$slide.description}>" /></a></li>
        <{else}>
          <li><img src="<{$slide.file_url}>" alt="<{$slide.description}>" data-description="" /></li>
        <{/if}>
      <{/foreach}>
    </ul>
    <ul class="amazingslider-thumbnails" style="display:none;">
      <{foreach from=$slider_var item=slide key=i}>
        <li><img src="<{$slide.file_thumb_url}>" alt="<{$slide.text_description}>" title="<{$slide.text_description}>" /></li>
      <{/foreach}>
    </ul>
    <div class="amazingslider-engine" style="display:none;"><a href="http://amazingslider.com">JavaScript Slider</a></div>
</div>
<!-- End of body section HTML codes -->

