<div id="container">

   <div id="list" style="left: 0px;">

       <img src="images/banner3.png" alt="1"/>

       <img src="images/banner1.png" alt="1"/>

       <img src="images/banner2.png" alt="2"/>

       <img src="images/banner3.png" alt="3"/>

       <img src="images/banner1.png" alt="3"/>

   </div>

   <div id="buttons">

       <span index="1" class="on"></span>

       <span index="2"></span>

       <span index="3"></span>

   </div>

   <a href="javascript:;" id="prev" class="arrow">&lt;</a>

   <a href="javascript:;" id="next" class="arrow">&gt;</a>

  </div><!-- container -->