// check browsers
var op = /opera/i.test(navigator.userAgent);
var ie = !op && /msie/i.test(navigator.userAgent);	     
var mz = !op && /mozilla\/5/i.test(navigator.userAgent); 

var maximg = 0;
var currslide = 0;
function runSlide() {
  var oldimg = currslide;
  var newimg = (currslide + 1) % maximg;
  Element.setOpacity('slide-'+newimg, 0 );
  Element.show('slide-'+newimg);
  Effect.Fade('slide-'+newimg, {duration: 3, from: 0.0, to: 1.0, toogle: true});
  Effect.Fade('slide-'+oldimg, {duration: 3, from: 1.0, to: 0.0, toogle: true});
  currslide = newimg;
  setTimeout('runSlide()', 10000);
}
function activateSlideshow() {
  var div = $('slideshow');
  if (! div) return;
  var img = div.getElementsByTagName('IMG');
  maximg = img.length - 1;
  var i = 0;
  var k = 0;
  while (i < img.length) {
    if (img[i].id == 'circle') { i++; continue; }
    img[i].id = 'slide-'+k;
    if (k == 0) Element.show('slide-'+k); 
    else Element.hide('slide-'+k);
    i++;
    k++;     
  }
  if (maximg) setTimeout('runSlide()', 10000);
}

function initPage() {
  activateSlideshow();
}

Event.observe(window, 'load', initPage, false);