var myFade=new Array();
var i = 0;
var imagePointer = 0;
function startFade(fadeXml,fadeTimeout){
	$.ajax({
	    url: fadeXml,
	    type: 'GET',
	    dataType: 'xml',
	    timeout: 1000,
	    error: function(){
	        //alert('Error loading XML document');
	    },
	    success: function(xml){
		    $(xml).find('afbeelding').each(function(){
		    	myFade[i] = new Array();
					myFade[i]['uid'] = $(this).find('uid').text();
					myFade[i]['nummer'] = $(this).find('nummer').text();
					myFade[i]['thumb'] = $(this).find('thumb').text();
					i++;
		    });
		    goFade(fadeTimeout);
			}
	});
}

function goFade(fadeTimeout){
	if(imagePointer == 20){ imagePointer = 0;}
	heavyImage1 = new Image();
	heavyImage1.src = "image.php?img="+myFade[imagePointer]['uid']+"&mode=fade";
	imagenr1 = myFade[imagePointer]['nummer'];
	imageid1 = myFade[imagePointer]['uid'];
	imagePointer++;

	if(imagePointer == 20){ imagePointer = 0;}
	heavyImage2 = new Image();
	heavyImage2.src = "image.php?img="+myFade[imagePointer]['uid']+"&mode=fade";
	imagenr2 = myFade[imagePointer]['nummer'];
	imageid2 = myFade[imagePointer]['uid'];
	imagePointer++;

	$("#rdimage1 img").fadeOut(1000, function(){
		document.getElementById('fdimage1').src = heavyImage1.src;
		document.getElementById('imagelink1').href = "index.php?id=26&mode=info&imagefade&no=1&img="+imageid1;
		$("#rdimage1 img").fadeIn(1000);
		$("#imgnr1").text(imagenr1);
	});
	$("#rdimage2 img").fadeOut(1500, function(){
		document.getElementById('fdimage2').src = heavyImage2.src;
		document.getElementById('imagelink2').href = "index.php?id=26&mode=info&imagefade&no=1&img="+imageid2;
		$("#rdimage2 img").fadeIn(1500);
		$("#imgnr2").text(imagenr2);
	});
	setTimeout('goFade('+fadeTimeout+');',fadeTimeout);
}