// 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/home/1.jpg');
    preload('../img/home/2.jpg');
    preload('../img/home/3.jpg');
    preload('../img/home/4.jpg');
    preload('../img/home/5.jpg');
	preload('../img/home/6.jpg');
	preload('../img/home/7.jpg');
	preload('../img/home/8.jpg');
	preload('../img/home/9.jpg');
	preload('../img/home/10.jpg');
	preload('../img/home/11.jpg');
    preload('../img/home/12.jpg');
    preload('../img/home/13.jpg');
    preload('../img/home/14.jpg');
    preload('../img/home/15.jpg');
	preload('../img/home/16.jpg');
	preload('../img/home/17.jpg');
	preload('../img/home/18.jpg');
	preload('../img/home/19.jpg');
	preload('../img/home/20.jpg');
    preload('../img/home/21.jpg');
    preload('../img/home/22.jpg');
	preload('../img/home/23.jpg');
	preload('../img/home/24.jpg');
	preload('../img/home/25.jpg');
	preload('../img/home/26.jpg');
	preload('../img/home/27.jpg');
}