// Initiate the image count variable
    var imageCount = 0;
    // create an array to contain the preloaded image files
    var preloadImages = new Array();

    // Main function to load new image into browser
    function preload(imageFile)
    {
    imageCount++;
    preloadImages[imageCount] = new Image();
    preloadImages[imageCount].src = imageFile;
    }

    // Basic function to load the images when the browser has loaded the webpage.
    window.onload = function() {
    preload('../img/people/1.jpg');
    preload('../img/people/2.jpg');
    preload('../img/people/3.jpg');
    preload('../img/people/4.jpg');
    preload('../img/people/5.jpg');
	preload('../img/people/6.jpg');
	preload('../img/people/7.jpg');
	preload('../img/people/8.jpg');
	preload('../img/people/9.jpg');
	preload('../img/people/10.jpg');
	preload('../img/people/11.jpg');
    preload('../img/people/12.jpg');
    preload('../img/people/13.jpg');
    preload('../img/people/14.jpg');
    preload('../img/people/15.jpg');
	preload('../img/people/16.jpg');
	preload('../img/people/17.jpg');
	preload('../img/people/18.jpg');
	preload('../img/people/19.jpg');
	preload('../img/people/20.jpg');
    preload('../img/people/21.jpg');
    preload('../img/people/22.jpg');
	preload('../img/people/23.jpg');
	preload('../img/people/24.jpg');
	preload('../img/people/25.jpg');
	preload('../img/people/26.jpg');
	preload('../img/people/27.jpg');
}