<link type="text/css" rel="stylesheet" media="all" href="/css/local.css" />    
   <script type="text/javascript" src="/js/jquery-1.5.min.js"></script>    
   <script type="text/javascript" src="/js/jquery.waterwheelCarousel.js"></script>    
   <script type="text/javascript">    
   $jqNew = jQuery.noConflict(true);    
   $jqNew(document).ready(function () {    
   $jqNew("#waterwheel-carousel-default").waterwheelCarousel();    
   });    
   </script>

<div id="waterwheel-carousel-default">    
   <div class="carousel-controls">    
   <div class="carousel-prev">    
   <a href="#">< Назад</a></div>    
   <div class="carousel-next">    
   <a href="#">> Вперёд</a></div>    
   </div>    
   <div class="carousel-images">    
   <img alt="Test Image 1" src="/images/testImage1.png" />    
   <img alt="Test Image 2" src="/images/testImage2.png" />    
   <img alt="Test Image 3" src="/images/testImage3.png" />    
   <img alt="Test Image 4" src="/images/testImage4.png" />    
   <img alt="Test Image 5" src="/images/testImage5.png" />    
   <img alt="Test Image 6" src="/images/testImage6.png" />    
   <img alt="Test Image 7" src="/images/testImage7.png" />    
   <img alt="Test Image 8" src="/images/testImage8.png" />    
   <img alt="Test Image 9" src="/images/testImage9.png" />    
   <img alt="Test Image 10" src="/images/testImage10.png" />    
   <img alt="Test Image 11" src="/images/testImage11.png" />    
   </div>    
   </div>