window.addEvent('domready', function() {
	new bannerShow();
});

bannerShow = new Class({
		
	Implements: Options,
	
	options: {
		toggleSuffix: '.toggle',
		event: null,
		toggleOnEvent: 'mouseover',
		toggleOffEvent: 'mouseout'
	},
	
	
	initialize: function() {
		
		this.bannerShow();
	},
	
	bannerShow: function() {
		
		
		this.current_image = 0;
		
		//Get images in slideshow
		this.images = $('bannerOverlay').getElements('img');
		
		this.slideControl = this.fadeImage.periodical(4000,this);		
		
	},
	
	fadeImage: function () {
		
		//Make transition between images.
		
		if(this.current_image != (this.images.length - 1))
		{	
			var current = this.current_image;
			var next	= this.current_image + 1;	
			
			var image 	= this.images[this.current_image];
			var image2	= this.images[this.current_image + 1];
			
			image2.parentNode.style.display = 'block';//('display:block');
			
			$(image).set('tween', {duration:'long'});
			$(image).fade(1, 0);
			
			$(image2).set('tween', {duration:'long'} );
			$(image2).fade(0, 1);			
			
			
			this.current_image = this.current_image + 1;
		}
		else
		{
			var current = (this.images.length - 1);
			var next	= 0;
			
			var image 	= this.images[this.current_image];
			var image2	= this.images[next];
			
			$(image).set('tween', {duration:'long'});
			$(image).fade(1, 0);
			
			$(image2).set('tween', {duration:'long'} );
			$(image2).fade(0, 1);
			
			this.current_image = 0;
		}	
		
	}
	
});


/*
window.addEvent("domready", function() {
	//Images
	var images = new Array();
	images[0] = '/assets/images/scheffer_foto_1.jpg';
	images[1] = '/assets/images/scheffer_foto_2.jpg';
	images[2] = '/assets/images/scheffer_foto_3.jpg';
	images[3] = '/assets/images/scheffer_foto_4.jpg';
	images[4] = '/assets/images/scheffer_foto_5.jpg';
	images[5] = '/assets/images/scheffer_foto_6.jpg';
	//Contentvlak
	images = $('bannerOverlay').getElements('img');
	console.log(images);
	slideImage.periodical(4000,this);
	/*
	$('bannerOverlay').set('tween',{duration: 0});
	$('bannerOverlay').fade(1,0);
	//Afbeelding wijzigen
	var i = 1;
	//
	setInterval(function() {
		var image = images[i];
		$('bannerOverlayImage').set("src",image);
		$('bannerOverlayImage').addEvent('load',function() {
			$('bannerOverlay').set('tween',{duration: 1000});
			$('bannerOverlay').fade(0,1);
				$('bannerMainImage').set("src",image);
				$('bannerOverlay').set('tween',{duration: 0});
				$('bannerOverlay').fade(1,0)
		});
		i++;
		if (i > (images.length - 1)) { i = 0; }
	},4000);*/
/*});

current_image = 0;

function slideImage() {
	images = $('bannerOverlay').getElements('img');
	
	var image 	= images[current_image];
	var image2	= images[current_image + 1];
	
	console.log(image);
	console.log(image2);
	
	$(image).set('tween', {duration:'long'});
	$(image).fade(1, 0);
	
	$(image2).set('tween', {duration:'long'} );
	$(image2).fade(0, 1);			

}*/