function slideshow(viewername, img0, img1, img2, images, steptime, stepsize, width, wtime)
{
	this.viewer = document.getElementById(viewername);
	this.img0 = document.images[img0];
	this.img1 = document.images[img1];
	this.img2 = document.images[img2];
	if(slideshow.fade)
	{
		this.img1.style.opacity = 0;
		this.img1.style.filter = "alpha(opacity=0)";
		this.img1.style.position = "absolute";
		this.img1.style.left = this.img0.offsetLeft + "px";
	}
	width = this.img0.width;
	height = this.img0.height;
	this.images = images;
	this.width = width;
	this.height = height;
	this.current = 0;
	slideshow.move.setTag(this);
	this.setNext();
}

slideshow.fade = false;
slideshow.up = true;

slideshow.setValue = function(tag, value)
{
	tag.setValue(value);
}

slideshow.prototype.setValue = function(value)
{
	if(slideshow.fade)
	{
		this.img1.style.opacity = value;
		this.img1.style.filter = "alpha(opacity=" + Math.round(100 * value) + ")";
	}
	else if(slideshow.up)
	{
		var h = Math.round(value * this.height);
		this.viewer.style.top = -h + "px";
	}
	else
	{
		var l = Math.round(value * this.width);
		this.viewer.style.left = -l + "px";
	}
}

slideshow.setNext = function(tag, value)
{
	tag.setNext(value);
}

slideshow.prototype.setNext = function(value)
{
	if(slideshow.fade)
	{
		this.img0.src = this.img1.src;
		this.img1.style.opacity = 0;
		this.img1.style.filter = "alpha(opacity=0)";
	}
	else if(slideshow.up)
	{
		this.img0.src = this.img2.src;
		this.viewer.style.top = "0px";
	}
	else
	{
		this.img0.src = this.img1.src;
		this.viewer.style.left = "0px";
	}
	this.current++;
	if(this.current >= this.images.length)
	{
		this.current = 0;
	}
	this.img1.src = this.images[this.current];
	this.img2.src = this.images[this.current];
	slideshow.move.start();
}

slideshow.move = new animation();
slideshow.move.addToStream(0, new wait(3000));
slideshow.move.addToStream(0, new movement(slideshow.setValue, null, 0, 1, .005, 5, false)); // 10 * 100 = 1 second
slideshow.move.addToStream(0, new wait(500));
slideshow.move.addToStream(0, new movement(slideshow.setNext, null, 1, 1, 1, 10, false));

function init()
{
	//new slideshow("show", "img0", "img1", "img2", ["sshow/screen-directeur.jpg", "sshow/screen-kerst.jpg", "sshow/screen-standaard-II.jpg", "sshow/screen-taart-II.jpg", "sshow/screen-tekening.jpg", "sshow/screen-verzend-II.jpg", "sshow/screen-kerstII.jpg", "sshow/screen-kindjes.jpg", "sshow/screen-standaard.jpg", "sshow/screen-taart.jpg", "sshow/screen-vepakking.jpg", "sshow/screen-verzend-I.jpg"], 10, 4, 498, 2000);
	new slideshow("show", "img0", "img1", "img2", ["sshow/screen-standaard-II.jpg", "sshow/screen-taart-II.jpg", "sshow/screen-tekening.jpg", "sshow/screen-verzend-II.jpg", "sshow/screen-kindjes.jpg", "sshow/screen-standaard.jpg", "sshow/screen-taart.jpg", "sshow/screen-vepakking.jpg", "sshow/screen-verzend-I.jpg"], 10, 4, 498, 2000);
}

window.onload = init;