jCarousel scrolling ads 2015-11-13

<div style="margin:0 0 15px 0; height:143px">
      <ul id="mycarousel" class="jcarousel-skin-tango">
        <li><a href="url1" target="blank"><img  src="image1.jpg" alt="Image 1" title="Image 1"  /></a></li>
        <li><a href="url2" target="blank"><img  src="image1.jpg" alt="Image 2" title="Image 2"  /></a></li>
        <li><a href="url3" target="blank"><img  src="image1.jpg" alt="Image 3" title="Image 3"  /></a></li>
        <li><a href="url4" target="blank"><img  src="image1.jpg" alt="Image 4" title="Image 4"  /></a></li>
        <li><a href="url5" target="blank"><img  src="image1.jpg" alt="Image 5" title="Image 5"  /></a></li>
      </ul>
    </div>

<xen:if is="{$renderedNodes}"><xen:include template="node_list" /></xen:if>

<xen:include template="jcarousel" />

<script type="text/javascript" src="{$jQuerySource}"></script>

<!-- jCarousel -->
    <script type="text/javascript" src="jcarousel/jquery.jcarousel.min.js"></script>
    <link rel="stylesheet" type="text/css" href="jcarousel/skin.css" />
    <script type="text/javascript">
      jQuery(document).ready(function() {
        jQuery('#mycarousel').jcarousel({
          auto: 4,
          wrap: 'circular'
        });
      });
    </script>
    <!-- end jCarousel-->