window.onload = function(){
slideshow();
}

Array.prototype.valueOf = function( value ){
	for( i = 0; i < this.length; i ++ ){
		if( this[i] == value ){
			return i;
		}
	}
}

var hide;

function fadeout(){
	var imgX = document.getElementById("imgX");		
	var opX = parseFloat( imgX.style.opacity );
		opX = opX - .04;			
			if( opX < .04 ){
				clearInterval( hide );
				opX = 0;
			}
			imgX.style.opacity = opX.toString();
		}		 

	
function volgende(){
	var slides = new Array();
	slides[0] = 'http://www.mariariccardawesseling.com/image/home0.jpg';
	
slides[1] = 'http://www.mariariccardawesseling.com/image/home30.jpg';slides[2] = 'http://www.mariariccardawesseling.com/image/home28.jpg';slides[3] = 'http://www.mariariccardawesseling.com/image/home29.jpg';						
	
	var startbild = document.getElementById('slideshow');
	
	var imgX = document.getElementById('imgX');
	imgX.src = startbild.src; 
	imgX.style.width = startbild.offsetWidth;
	imgX.style.height = startbild.offsetHeight;
	var contable = document.getElementById('outside');
	var imgtop = startbild.offsetTop;
	var imgleft = startbild.offsetLeft;
	var partop = startbild.parentNode.offsetTop;
	var parleft = startbild.parentNode.offsetLeft;
	imgX.style.top = imgtop + 112 + contable.offsetTop + 'px';
	
	imgX.style.left = imgleft + 330 + contable.offsetLeft + 'px';
	
	imgX.style.display = 'block';
	imgX.style.opacity = .96;
	var idx = slides.valueOf( startbild.src );
	if( idx < slides.length - 1 ){
		idx ++;
		}
		else{
		idx = 0;
		}
	startbild.src = slides[idx].valueOf();
	hide = setInterval( 'fadeout()', 20 );
	
	}
	
function slideshow(){
	
	setInterval( 'volgende()', 5000 );

}