<!--
/*
// Add something like this to your html page

<head>
<script language="javascript" type="text/JavaScript" src="scripts/slideshow.js"></script>
<script type="text/javascript">
SlideShow("slideshowbilder")
AddPic("jamko_1");
AddPic("jamko_2");
</script>

</head>
<body onload="StartSlideShow('SlideShow',5);">
<div id="SlideShow" style="position:absolute; left:0px; top:0px; width:700px; height:600px; z-index:1; border:none; overflow:hidden;"></div>
</body> 

// Normally there is no need to change anything in this script
*/

// Picture prototype
function Pic(image) {
  this.image = image;
}

// Picture array
var aPics = Array();

// Slideshow properties
function SlideShow(path) {
  SlideShowPath = path + "/";
}

// Function for adding pictures to the slideshow
function AddPic(src) {
  aPics[aPics.length] = new Pic(SlideShowPath + src + ".gif");
}

var	imgPos = 0;  // Start image
var imgLength = 0;  // Number of images
var fadepos = 0;  // Fade position (0-100)
var fadetimerid;  // Timer
var objimg0;
var objimg1;
var objlayer;

function StartSlideShow(id, interval) {
  imgPos = 0;
  obj = document.getElementById(id);
  obj.innerHTML = "<div style='position:absolute; top:0; left:0; filter:alpha(opacity=100); -moz-opacity:100; z-index:0;'><img src='" + aPics[imgPos].image + "' name='" + id + "img0' id='" + id + "img0'></div>\
	<div id='" + id + "layer' style='position:absolute; top:0; left:0; filter:alpha(opacity=0); -moz-opacity:0; z-index:1;'><img src='" + aPics[imgPos].image + "' name='" + id + "img1' id='" + id + "img1'></div>;"
  imgLength = aPics.length - 1;
  setInterval('NextImage()', interval * 1000);
  objimg0 = document.getElementById(id+'img0');
  objimg1 = document.getElementById(id+'img1');
  objlayer = document.getElementById(id+'layer');
}

function NextImage() {
	if(document.images) {
		imgPos++;
		if(imgPos > imgLength)
			imgPos = 0;
		else if(imgPos < 0) 
			imgPos = imgLength;
		objimg1.src = aPics[imgPos].image;
	}
	fadepos = 0;
	fadetimerid = setInterval("FadeImage()", 50);
}

function FadeImage(){
  imgLayer = objlayer;
	if(fadepos < 100){
		fadepos += 10;
		if(imgLayer.filters)
			imgLayer.filters.alpha.opacity = fadepos;
		else if(imgLayer.style.MozOpacity)
			imgLayer.style.MozOpacity = fadepos / 100;
	}
	else{
		clearInterval(fadetimerid);
		objimg0.src = objimg1.src;
		if(imgLayer.filters)
			imgLayer.filters.alpha.opacity = 0;
		else if(imgLayer.style.MozOpacity)
			imgLayer.style.MozOpacity = 0;
	}
}
-->
