mainbox rotator

mainbox_rotator.tpl

{if $anchor}
<a name="{$anchor}"></a>
{/if}

<script type="text/javascript">
{literal}

<script type="text/javascript">
  $(document).ready(function(){
    $('div.rotating_banner').bxSlider({
      alignment: 'horizontal',
      controls: true,
      speed: 300,
      pager: false,
      margin: 0,
      next_text: 'next',
      prev_text: 'prev',
      auto: true,
      pause: 3500,
      auto_direction: 'next',
      auto_hover: true,
      auto_controls: false,
      ticker: false,
      wrapper_class: 'bxslider_wrap'
    });
  });
  </script>
{/literal}

<link rel="stylesheet" type="text/css" href="/store/skins/aandr/customer/bxslider.css" />

<div>
  <div class="rotating_banner">{$content}</div>
</div>