window.addEvent('domready', function() {
	var duration = 5000; // Wie lang soll das Bild angezeigt werden? Zeit in ms
	var width=866;
	var height=399;
	
	var i=-1;
	var slideshow=Array();
	var effect=Array();
	
	var nextImage = function(){
		if(i === images.length-1){
			i=0;
		}else{
			i++;
		}
		slideshow[i] = new Element('div').inject('slideshow');
		slideshow[i].setStyles({opacity:0, position:"absolute", display:'inline', left:"2px", top:"2px", width:width, height:height, background:"url("+images[i]+")"});
		effect[i] = new Fx.Tween(slideshow[i],{ onComplete:function(e){
			if($chk(this.element.getPrevious())){
				this.element.getPrevious().dispose();
			}
		}});
		effect[i].start('opacity', 1);
		delay=nextImage.delay(duration);
		$('currentImage').innerHTML = i+1+'/'+images.length;
	}
	
	var loader = new Asset.images(images,{onComplete:function(){
		delay=nextImage.delay(1);
		
		var next = $('next').addEvent('click',function(){
			if($chk(delay)){
				$clear(delay);
				delay = null;
			}
			if(i === images.length-1){
				i=0;
			}else{
				i++;
			}
			slideshow[i] = new Element('div').inject('slideshow');
			slideshow[i].setStyles({opacity:0, position:"absolute", display:'inline', left:"2px", top:"2px", width:width, height:height, background:"url("+images[i]+")"});
			effect[i] = new Fx.Tween(slideshow[i],{ onComplete:function(e){
				if($chk(this.element.getPrevious())){
					this.element.getPrevious().dispose();
				}
			}});
			effect[i].start('opacity', 1);
			$('pauseplay').set('html','Abspielen');
			$('currentImage').innerHTML = i+1+'/'+images.length;
		});
		
		var prev = $('prev').addEvent('click',function(){
			if($chk(delay)){
				$clear(delay);
				delay = null;
			}
			
			if(i === 0){
				i=images.length-1;
			}else{
				i--;
			}
	
			slideshow[i] = new Element('div').inject('slideshow');
			slideshow[i].setStyles({opacity:0, position:"absolute", display:'inline', left:"2px", top:"2px", width:width, height:height, background:"url("+images[i]+")"});
			effect[i] = new Fx.Tween(slideshow[i],{ onComplete:function(e){
				if($chk(this.element.getPrevious())){
					this.element.getPrevious().dispose();
				}
			}});
			effect[i].start('opacity', 1);
			$('pauseplay').set('html','Abspielen');
			$('currentImage').innerHTML = i+1+'/'+images.length;
		});
		
		var pauseplay = $('pauseplay').addEvent('click',function(){
			if($chk(delay)){
				$('pauseplay').set('html','Abspielen');
				$clear(delay);
				delay = null;
			}else{
				$('pauseplay').set('html','Pause');
				nextImage();
			}
			$('currentImage').innerHTML = i+1+'/'+images.length;
		})
	}});
	
	$('currentImage').innerHTML = i+1+'/'+images.length;
});