// JavaScript Document

	var randomnumberHuidig = Math.floor(Math.random()*8); 
	var randomnumber_1  = (randomnumberHuidig + 1 )%8;
	var randomnumber_2  = (randomnumberHuidig + 2 )%8;
	var randomnumber_3  = (randomnumberHuidig + 3 )%8;
	
function fader()
{
    this.fading = false;
    this.viewTime = 2000;
    this.fadeStep = 2;
    this.divid = null;
    this.imageid = null;
    this.images = new Array();
    this.cache = new Array();
	
    this.start = function () 
    {
        window.setTimeout(function () { fader.next(); }, 500);
    };
    
    this.next = function () 
    {
        if (this.fading) 
        {
	    	return;
	}

        var divider = document.getElementById(this.divid);
        var image = document.getElementById(this.imageid);
        
        divider.style.backgroundImage = "url(" + image.src + ")";
    
        this.changeOpacity(0);
		
	randomnumber_3 = randomnumber_2;
	randomnumber_2 = randomnumber_1;
	randomnumber_1 = randomnumberHuidig
	randomnumberHuidig = Math.floor(Math.random()*9);
	if( randomnumberHuidig == randomnumber_1 || randomnumberHuidig == randomnumber_2)
	{
	   randomnumberHuidig = randomnumber_3;
	}


	var imagefile = this.images[randomnumberHuidig];

        if (this.cache[imagefile] == null)
        {
            this.cache[imagefile] = new Image();
            this.cache[imagefile].src = imagefile;
        }
        if (this.cache[imagefile].complete)
        {
            this.images.push(imagefile);
            image.src = this.cache[imagefile].src;

            this.fade();
        }
        else
        {
            window.setTimeout(function () { fader.next(); }, 50);
        }
    };

    this.changeOpacity = function (opacity) 
    {
        var object = document.getElementById(this.imageid).style;
        object.opacity = (opacity / 100);
        object.MozOpacity = (opacity / 100);
        object.KhtmlOpacity = (opacity / 100);
        object.filter = "alpha(opacity=" + opacity + ")";
    };

    this.fade = function (opacity) 
    {
        this.fading = true;
        opacity = opacity || 0;
        this.changeOpacity(opacity);
        opacity += this.fadeStep;
        if (opacity <= 100) 
        {
            window.setTimeout(function () { fader.fade(opacity); }, 40);
        } 
        else 
        {
            this.fading = false;
            window.setTimeout(function () { fader.next(); }, this.viewTime);
        }
    };
}

var fader = new fader();
fader.divid = "div1";
fader.imageid = "blendimage";
fader.images = new Array( 'images/afbeeldingen/slide12.jpg',
	'images/afbeeldingen/slide02.jpg', 'images/afbeeldingen/slide03.jpg', 'images/afbeeldingen/slide04.jpg',
	'images/afbeeldingen/slide05.jpg', 'images/afbeeldingen/slide06.jpg', 'images/afbeeldingen/slide07.jpg',
	'images/afbeeldingen/slide08.jpg', 'images/afbeeldingen/slide01.jpg'
);