// 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('/menu/TraditionalOff.gif');
preload('/menu/TraditionalOn.gif');
preload('/menu/RenovationOff.gif');
preload('/menu/RenovationOn.gif');
preload('/menu/ModernOff.gif');
preload('/menu/ModernOn.gif');
preload('/menu/AwardsOff.gif');
preload('/menu/AwardsOn.gif');
preload('/menu/HueOff.gif');
preload('/menu/HueOn.gif');
preload('/menu/PublicationsOff.gif');
preload('/menu/PublicationsOn.gif');
preload('/menu/BioOff.gif');
preload('/menu/BioOn.gif');
preload('/menu/PortfolioOff.gif');
preload('/menu/PortfolioOn.gif');
preload('/menu/ContactOff.gif');
preload('/menu/ContactOn.gif');

}