<link rel="stylesheet" type="text/css" href="http://u1.do.am/demo/TinySlider/style.css" />
<script type="text/javascript" src="http://u1.do.am/demo/TinySlider/script.js"></script>
  <div class="sliderbutton"><img src="http://u1.do.am/demo/TinySlider/images/left.gif" width="32" height="38" alt="Previous" onclick="slideshow.move(-1)" /></div>
  <div id="slider">
  <ul>
  <li><img src="http://u1.do.am/demo/TinySlider/photos/1232.png" width="500" height="300" alt="Sea turtle" /></li>
  <li><img src="http://u1.do.am/demo/TinySlider/photos/sea-turtle.jpg" width="500" height="300" alt="Sea turtle" /></li>
  <li><img src="http://u1.do.am/demo/TinySlider/photos/coral-reef.jpg" width="500" height="300" alt="Coral Reef" /></li>
  <li><img src="http://u1.do.am/demo/TinySlider/photos/blue-fish.jpg" width="500" height="300" alt="Blue Fish" /></li>
  </ul>
  </div>
  <div class="sliderbutton"><img src="http://u1.do.am/demo/TinySlider/images/right.gif" width="32" height="38" alt="Next" onclick="slideshow.move(1)" /></div>
  </div>
  <ul id="pagination" class="pagination">
  <li onclick="slideshow.pos(0)">1</li>
  <li onclick="slideshow.pos(1)">2</li>
  <li onclick="slideshow.pos(2)">3</li>
  <li onclick="slideshow.pos(3)">4</li>
  </ul>

<script type="text/javascript">
var slideshow=new TINY.slider.slide('slideshow',{
  id:'slider',
  auto:3,
  resume:true,
  vertical:false,
  navid:'pagination',
  activeclass:'current',
  position:0
});
</script>