slideshow

<script type="text/javascript">   

   function slideshow()
   {
      var images = new Array("middle_image","middle_image_2");
      var elm = document.getElementById('imm');
      var max = images.length - 1;
      var num = 0;
      var i = 0;
      
      while(i <= 10)
      {
         var delay = function() {new_image(elm,images[num])};      
         setTimeout(delay,9000);
         if (num == max)
         {
            num = 0;
         }
         else
         {
            num++;
         }
         i++;
      }
   }
   
   function new_image(elm,src)
   {
      alert(src);
      elm.src = "/images/" + src + ".jpg";
      return true;
   }
</script>
<img src="/images/middle_image.jpg" onclick="slideshow()" id="imm" alt="obrazek X" />

<script type="text/javascript">   

   function slideshow(value)
   {
      var images = new Array("middle_image","middle_image_2","middle_image_3","middle_image_4","middle_image_5");
      var elm = document.getElementById('imm');
      var max = images.length - 1;
      var num = value;
      var pauza = 2000;
      
      var delay = function() {new_image(elm,images[num],num)};
      if (num == max)
      {
         num = 0;
      }
      else
      {
         num++;
      }
      casovac = setTimeout(delay,pauza);
   }
   
   function new_image(elm,src,num)
   {
      elm.src = "/images/" + src + ".jpg";
      slideshow(num);
   }
</script>
<div id="middle_image">
   <div id="middle_image_top"></div>
   <img src="/images/middle_image.jpg" id="imm" onclick="slideshow(0)" alt="obrazek X" />