var imageArray = new Array(); 
		imageArray[0] = 'http://www.dhagpo-dedrol.org/site/wp-content/gallery/2813438797_e1a7a33261.jpg';
				imageArray[1] = 'http://www.dhagpo-dedrol.org/site/wp-content/gallery/2776917305_6bf6613aab_bresized.jpg';
				imageArray[2] = 'http://www.dhagpo-dedrol.org/site/wp-content/gallery/2818079434_2fe661a197_oresized.jpg';
				imageArray[3] = 'http://www.dhagpo-dedrol.org/site/wp-content/gallery/2850184905_11b800ba7b.jpg';
				imageArray[4] = 'http://www.dhagpo-dedrol.org/site/wp-content/gallery/2859400874_6f6fe4e398.jpg';
				imageArray[5] = 'http://www.dhagpo-dedrol.org/site/wp-content/gallery/2859469506_fced0d5576.jpg';
				imageArray[6] = 'http://www.dhagpo-dedrol.org/site/wp-content/gallery/2859471278_e20277594a.jpg';
				imageArray[7] = 'http://www.dhagpo-dedrol.org/site/wp-content/gallery/2869818613_299bb6ffa4.jpg';
				imageArray[8] = 'http://www.dhagpo-dedrol.org/site/wp-content/gallery/3079102055_b115f23d27.jpg';
				imageArray[9] = 'http://www.dhagpo-dedrol.org/site/wp-content/gallery/3079102061_280ee5fa20.jpg';
				imageArray[10] = 'http://www.dhagpo-dedrol.org/site/wp-content/gallery/3079303477_5accfe5a21.jpg';
				imageArray[11] = 'http://www.dhagpo-dedrol.org/site/wp-content/gallery/3079303481_458cd13bdf.jpg';
				imageArray[12] = 'http://www.dhagpo-dedrol.org/site/wp-content/gallery/3079303489_ca99fdeb79.jpg';
				imageArray[13] = 'http://www.dhagpo-dedrol.org/site/wp-content/gallery/3079303495_d94f17012e.jpg';
				imageArray[14] = 'http://www.dhagpo-dedrol.org/site/wp-content/gallery/3079307705_c804795dd8.jpg';
				imageArray[15] = 'http://www.dhagpo-dedrol.org/site/wp-content/gallery/3079307709_8518e0eb6b.jpg';
				imageArray[16] = 'http://www.dhagpo-dedrol.org/site/wp-content/gallery/3079307721_364188af4f.jpg';
				imageArray[17] = 'http://www.dhagpo-dedrol.org/site/wp-content/gallery/3079935468_c1eb0d82a2.jpg';
				imageArray[18] = 'http://www.dhagpo-dedrol.org/site/wp-content/gallery/3080107702_eed4c57b8d.jpg';
				imageArray[19] = 'http://www.dhagpo-dedrol.org/site/wp-content/gallery/3080107710_5931ef6900.jpg';
				imageArray[20] = 'http://www.dhagpo-dedrol.org/site/wp-content/gallery/3080338934_993a872073.jpg';
				imageArray[21] = 'http://www.dhagpo-dedrol.org/site/wp-content/gallery/3081430935_235e8c8eb0.jpg';
				imageArray[22] = 'http://www.dhagpo-dedrol.org/site/wp-content/gallery/3082271138_d52e6ec470.jpg';
				imageArray[23] = 'http://www.dhagpo-dedrol.org/site/wp-content/gallery/3082271140_53b4e25185.jpg';
				imageArray[24] = 'http://www.dhagpo-dedrol.org/site/wp-content/gallery/3091786089_13a1f1a159.jpg';
				imageArray[25] = 'http://www.dhagpo-dedrol.org/site/wp-content/gallery/3091789157_5e792b8884.jpg';
				imageArray[26] = 'http://www.dhagpo-dedrol.org/site/wp-content/gallery/3092623176_d889e2988b.jpg';
				imageArray[27] = 'http://www.dhagpo-dedrol.org/site/wp-content/gallery/3092624178_5136189f7b.jpg';
				imageArray[28] = 'http://www.dhagpo-dedrol.org/site/wp-content/gallery/3092625976_804811ed80.jpg';
				imageArray[29] = 'http://www.dhagpo-dedrol.org/site/wp-content/gallery/ViewFromBuildingSite.jpg';
				imageArray[30] = 'http://www.dhagpo-dedrol.org/site/wp-content/gallery/marfondLelie3_1.jpg';
				imageArray[31] = 'http://www.dhagpo-dedrol.org/site/wp-content/gallery/marfondSkyDhagpo_1.jpg';
				imageArray[32] = 'http://www.dhagpo-dedrol.org/site/wp-content/gallery/marfondStupa_1.jpg';
		jQuery(document).ready( function() {
//jQuery(imageArray[0]).appendTo("#sideGal");

///////////////////// hieronder Quasi-ajax versie die werkt!!! ///////////////////////////////

var swapId="galleryimage0";
var imageArrayLength = imageArray.length;
var randomImageStart = Math.floor(imageArrayLength*Math.random());
//alert(randomImageStart);
jQuery('<img src="' + imageArray[randomImageStart] + '" id="galleryimage0" />').appendTo("#sideGal");
imageArrayIndex += 1;
imageArrayIndex = imageArrayIndex % imageArrayLength;	
//jQuery('<img src="' + imageArray[randomImageStart] + '" id="galleryimage1" />').appendTo("#sideGal");
jQuery('#galleryimage1').css({opacity:0});
var imageArrayIndex = randomImageStart + 1; // 0 wordt ter start geladen


function doedit() {
//jQuery("#sideGal").fadeOut(1000, function() {

	if (swapId == "galleryimage0") {
		var oldSwap = swapId;
		swapId = "galleryimage1";
		jQuery('<img src="' + imageArray[imageArrayIndex] + '" id="' + swapId + '" />').appendTo("#sideGal");
		jQuery("#"+swapId).css({position:"absolute", left:"0px", top:"0px", opacity:"0"});
		jQuery("#"+oldSwap).animate({opacity:0}, 1000, function(){ jQuery("#"+oldSwap).remove(); });
		jQuery("#"+swapId).animate({ opacity:1 },1000);
		imageArrayIndex += 1;
		imageArrayIndex = imageArrayIndex % imageArrayLength;			
		setTimeout(doedit,8000);
	} else if (swapId == "galleryimage1") {
		var oldSwap = swapId;
		swapId = "galleryimage0";
		jQuery('<img src="' + imageArray[imageArrayIndex] + '" id="' + swapId + '" />').appendTo("#sideGal");
		jQuery("#"+swapId).css({position:"absolute", left:"0px", top:"0px", opacity:"0"});
		jQuery("#"+oldSwap).animate({opacity:0}, 1000, function(){ jQuery("#"+oldSwap).remove(); });
		jQuery("#"+swapId).animate({ opacity:1 },1000);
		imageArrayIndex += 1;
		imageArrayIndex = imageArrayIndex % imageArrayLength;			
		setTimeout(doedit,8000);
	}

// x % y geeft x tenzij x == y, dan geeft 0. dit gebruik ik hierboven om teller terug te zetten.

}
doedit();
//setInterval(doedit,3000);


//////////////////////// head pictures ///////////////////////////
/* 
 * initiate first header picture
 *
 */
//	jQuery("#headerIm1").css({'opacity':'0'});
//	jQuery("#headerIm1").append('<img src="' + imageArray[imageArrayIndex] + '" id="' + swapId + '" />');

//	jQuery("#headerIm1 img").load(function() {
//			jQuery("#headerIm1").animate({'opacity':'1'},1000);
//			jQuery("#headerIm2").css({'opacity':'0'});
//	});
//	imageArrayIndex += 1;
//	imageArrayIndex = imageArrayIndex % imageArrayLength;	

/*
 * set div variables for two divs that alternate opacity and hold the pictures
 */
//var imgDiv1 = '#headerIm1';
//var imgDiv2 = '#headerIm2';
var leftvar = 0;

function imgSwap () {

var imgDiv1 = '#headerIm1';
var imgDiv2 = '#headerIm2';

	if (jQuery(imgDiv1).css("opacity") == 1) {
		//set imgUrl in imgDiv2
		jQuery(imgDiv2).append('<img src="' + imageArray[imageArrayIndex] + '" id="' + swapId + '" />');
		jQuery(imgDiv2 + ' img').load(function() {
			jQuery(imgDiv2).animate({'opacity':'1', 'left':leftvar+'px'},1000);
			jQuery(imgDiv1).animate({'opacity':'0', 'left':leftvar+'px'},1000, function() {
			jQuery(imgDiv1).empty();
			});
		});
		leftvar = leftvar + 140;
	} else {
		jQuery(imgDiv1).append('<img src="' + imageArray[imageArrayIndex] + '" id="' + swapId + '" />');
		jQuery(imgDiv1 + ' img').load(function() {
			jQuery(imgDiv1).animate({'opacity':'1','left':leftvar+'px'},1000);
			jQuery(imgDiv2).animate({'opacity':'0', 'left':leftvar+'px'}, 1000, function () {
			jQuery(imgDiv2).empty();
			});
		});
		leftvar = leftvar + 140;
	}
	imageArrayIndex += 1;
	imageArrayIndex = imageArrayIndex % imageArrayLength;	
	if (leftvar > 600) {
		leftvar = 0;
	}
}
//setInterval(imgSwap,4000);

}); //end jQuery document.ready