// preloading the images

function preloadImages() {

	PPics = new Array(9);
	for (i = 0; i < 9; i++) {
		PPics[i] = new Image();
	}

	PPics[0].src = "images/photo/pool.jpg";
	PPics[1].src = "images/photo/outside2.jpg";
	PPics[2].src = "images/photo/garden-area.jpg";
	PPics[3].src = "images/photo/drink-terrace.jpg";
	PPics[4].src = "images/photo/outside.jpg";
	PPics[5].src = "images/photo/dining-area.jpg";
	PPics[6].src = "images/photo/pool-table.jpg";
	PPics[7].src = "images/photo/spitbraai.jpg";
	PPics[8].src = "images/photo/jungle-gym.jpg";
}

// function that replaces image
function replace(ImgToChange, ImgToShow){
ImgToChange.src=PPics[ImgToShow].src
}

preloadImages();