//-----------------------FOTO'S(JPG) EN TEKST TOEVOEGEN--------------------------------------------------
var image= new Array();
	image = [ 
		['foto11','Op 18 mei zijn er ook nog kaarten te koop aan de kassa’s bij F.C. Lienden',null],
		['foto1','Rob in de Hoogstraat in Utrecht',null],
		['foto2','Jan en Wim Pater gaan oliebollen en appelflappen bakken',null],
		['foto3','Sportieve Rob tijdens een jaarlijks fietsuitje met een stel collega&rsquo;s in Limburg,<br>twee dagen trappen (2008)',null],
		['foto4','Rob tijdens een loop in Nieuwegein (1994)',null],
		['foto5','Foto van onze laatste vakantie in 2008 (Itali&euml; / Pisa)',null],
		['foto6','Team bikers politie Zeist (2008)',null],
		['foto7','Rob met wat voetbalkameraden uit de buurt. <br>Rob: staand, 5e van links / Marco van Basten: liggend op de voorgrond',null],
		['foto8','Rob, klaar met de opleiding van de rijkspolitie (1984)',null],
		['foto9','De hardlopers in hun sportkleding, gesponsord door Henzen sport',null],
		['foto10','Rob, Eshter, Thijs, Maaike & Jurre. Fc Utrecht - PSV in de Charrity box',null]
	];

//---------------------INTERVAL TIJD AANPASSEN----------------------------------------------	
var displayTime = 25000;	
	
//initialisatie
var imageSrc = "images/header-rob/";
var imageEnd = ".jpg";

//preloader
var p = image.length;
for (i = 0; i < p; i++){
   image[i][2] = new Image();
   image[i][2].src = imageSrc+ image[i][0]+ imageEnd;
}
var imageNumber = 0;
var arrayNumber = 0;
var autoImageChange = setInterval("changeImage()",displayTime);

function init(){
	writeimage();
}		

// vorige pijltje
function prevArrow(){
	if(imageNumber<1){
  		arrayNumber = imageNumber
  	}else{
   		arrayNumber = imageNumber-=1;
  	}
	writeimage();
	clearImageChange();
}

// volgende pijltje
function nextArrow(){
	next();
	clearImageChange();
}

//automatisch volgende foto weergeven en teruggaan naar het begin als de laatste foto bereikt is
function changeImage(){
	if(imageNumber==(image.length-1)){
		imageNumber=-1;
	}
	next();
}

//interval verwijderen zodra gebruiker door de foto's gaat navigeren
function clearImageChange(){
	clearInterval(autoImageChange);
}

//opacity instellen voor elke browser
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}

//plaatje en tekst plaatsen en faden
function writeimage(){
	//faden
	var divid = 'foto-bg';
	var imageid = 'imgSrc';
	var imagefile = image[arrayNumber][2].src;
	var millisec = 800;
	var speed = Math.round(millisec / 100);
    var timer = 0;
    document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
    changeOpac(0, imageid);
    document.getElementById(imageid).src = imagefile;
	for(x = 0; x <= 100; x++) {
        setTimeout("changeOpac(" + x + ",'" + imageid + "')",(timer * speed));
        timer++;
    }
	var textBlock = document.getElementById('textBlock'); 
	textBlock.innerHTML = image[arrayNumber][1]; 
}

//volgende foto
function next(){
	if(imageNumber>(image.length-2)){
    	arrayNumber = imageNumber
  	}else{
    	arrayNumber = imageNumber+=1;
  	}
	writeimage();
}

//als scherm laad initialisatie functie uitvoeren
window.onload=init;