type="text/javascript"






function slideShow ( viewerImageName, secsPerImage )
{
	this.viewerImageName	= viewerImageName;
	this.msPerImage			= secsPerImage * 500; //GESCHWINDIGKEIT 
	this.timerValue         = this.msPerImage;
	
	this.slides				= new Array();	
	this.currentImage		= 0;
	this.allLoaded          = 0;
	this.timer              = null;
		
	return this;
}

slideShow.prototype.imageLoaded = function ( imageUrl )
{
	var index;
	var allLoaded = 1

	for ( index = 0; index < this.slides.length; index++ )
	{
		if ( this.slides [ index ] .url == imageUrl )
		{
			this.slides [ index ] .loaded = 1;
		}

		if ( ! this.slides [ index ] .loaded )
		{
			allLoaded = 0;
		}
	}

	this.allLoaded = allLoaded;
}

slideShow.prototype.addImage = function ( imageUrl )
{	
	this.slides [ this.slides.length ] = new Object ( );
	this.slides [ this.slides.length - 1 ] .url = imageUrl;
	this.slides [ this.slides.length - 1 ] .loaded = 0;
}


slideShow.prototype.changeSlide = function ( offset )
{
	// first stop the timer so it doesn't trigger 
	// anything while this handling is in process

	if ( this.timer )
	{
		clearTimeout(this.timer);
		this.timer = null;
	}
	
	this.currentImage += offset;
	if ( this.currentImage < 0 )
	{
		this.currentImage = this.slides.length - 1;
	}
	else if (this.currentImage == this.slides.length) 
	{
		this.currentImage = 0;
	}

	document.images[this.viewerImageName].src = this.slides[this.currentImage].url;	

	this.updateIndicator ( );
}

slideShow.prototype.updateIndicator = function ( )
{
	var indicatorString = (this.currentImage + 1) + " of " + this.slides.length;

	if ( document.getElementById )
	{
		document.getElementById("indicatorDiv").childNodes[0].nodeValue = indicatorString;
	}
}

slideShow.prototype.handleTimer = function ( )
{
	if ( this.allLoaded )
	{
		this.timerValue = this.msPerImage;
		this.changeSlide ( 1 );
	}
	else
	{
		this.timerValue = 400;
	}

	this.myStartTimer ( );
}

slideShow.prototype.myStartTimer = function ( )
{
	if ( this.timer )
	{
		clearTimeout(this.timer);
		this.timer = null;
	}

	this.timer = setTimeout( "theSlideShow.handleTimer( )", this.timerValue );
}



	
	<!--
	var theSlideShow = new slideShow ( 'slideShowImage', 7 );
	

			theSlideShow.addImage('http://www.hafen-berlin.de/diashow/snickers01.jpg');
		
			theSlideShow.addImage ('http://www.hafen-berlin.de/diashow/snickers02.jpg');
			
			theSlideShow.addImage ('http://www.hafen-berlin.de/diashow/snickers03.jpg');
			
			theSlideShow.addImage ('http://www.hafen-berlin.de/diashow/snickers04.jpg');
			
			theSlideShow.addImage ('http://www.hafen-berlin.de/diashow/snickers05.jpg');
			
			theSlideShow.addImage ('http://www.hafen-berlin.de/diashow/snickers06.jpg');
			
			theSlideShow.addImage ('http://www.hafen-berlin.de/diashow/snickers07.jpg');
		
			
	//-->