document.write("<style type='text/css'>#slideshow { visibility: hidden; } </style>");
window.onload = function() {initSlideshow()}

slideNr = 1;
maxSlide = 1;
auto = 1;

function initSlideshow() {
	maxSlide = getNumSlides();
	imageId = 'slideshow';
	image = document.getElementById(imageId);
	setOpacity(image, 0);
	image.style.visibility = 'visible';
	fadeIn(imageId,0);	
	window.setTimeout("autoSlide()", 6000);
}

function autoSlide() {
	if (auto) 
	{
		nextSlide();
		auto = 1;
	}
	window.setTimeout("autoSlide()", 6000);
}

function getNumSlides() {
	nr = 2;
	while (document.getElementById('slideshow_f' + nr))
	{
		nr++;
	}
	return nr-1;
}

function prevSlide() {
	auto = 0;
	image1Id = 'slideshow_f' + slideNr;
	if (slideNr <= 1) slideNr = maxSlide;
	else slideNr--;
	image2Id = 'slideshow_f' + slideNr;
	image1 = document.getElementById(image1Id);
	image2 = document.getElementById(image2Id);
	fadeOut(image1Id,100);	
	image1.style.display = 'none';
	setOpacity(image2, 0);
	image2.style.display = 'block';
	document.getElementById('slidenr').innerHTML = slideNr;
	fadeIn(image2Id,0);
	auto = 0;		
}

function nextSlide() {
	auto = 0;
	image1Id = 'slideshow_f' + slideNr;
	if (slideNr >= maxSlide) slideNr = 1;
	else slideNr++;
	image2Id = 'slideshow_f' + slideNr;
	image1 = document.getElementById(image1Id);
	image2 = document.getElementById(image2Id);
	fadeOut(image1Id,100);	
	image1.style.display = 'none';
	setOpacity(image2, 0);
	image2.style.display = 'block';
	document.getElementById('slidenr').innerHTML = slideNr;
	fadeIn(image2Id,0);	
	auto = 0;	
}

function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}

function fadeIn(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 10;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 50);
    }
  }
}

function fadeOut(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity >= 0) {
      setOpacity(obj, opacity);
      opacity -= 10;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 50);
    }
  }
}

