var oDiv; // div object that holds background image var iFlipTime = 10; // number of seconds between image flips var iImageCounter = 0; // image counter var aImages = new Array(); // image urls var aImageData = new Array(); // image preload pool aImages[0] = "uploads/homepage/horizon-beach.gif"; aImages[1] = "uploads/homepage/horizon-wildebeast.gif"; aImages[2] = "uploads/homepage/horizon-surfers.gif"; aImages[3] = "uploads/homepage/horizon-cmels.gif"; aImages[4] = "uploads/homepage/Morocco.gif"; aImages[5] = "uploads/homepage/horizon-holiday-village.gif"; aImages[6] = "uploads/homepage/horizon-sunset.gif"; aImages[7] = "uploads/homepage/horizon-greek-chapel.gif"; aImages[8] = "uploads/homepage/horizon-dunes.gif"; aImages[9] = "uploads/homepage/horizon-tropical-sea.gif"; aImages[10] = "uploads/homepage/horizon-windsurfers.gif"; aImages[11] = "uploads/homepage/horizon-sunset-2.gif"; aImages[12] = "uploads/homepage/multiAlaskaLarge.gif"; aImages[13] = "uploads/homepage/horizon-lone-woman.gif"; aImages[14] = "uploads/homepage/horizon-purple.gif"; aImages[15] = "uploads/homepage/horizon-trees.gif"; function initialise() { oDiv = document.getElementById("introduction"); setTimeout("flipImage()", (iFlipTime * 1000)); } function flipImage() { // flip image oDiv.style.backgroundImage = "url('" + aImages[iImageCounter] + "')"; // increment counter if (iImageCounter == (aImages.length - 1)) { iImageCounter = 0; } else { iImageCounter++; } // preload next image if it hasn't already been loaded if (aImageData[iImageCounter] == undefined) { aImageData[iImageCounter] = new Image(); aImageData[iImageCounter].src = aImages[iImageCounter]; } setTimeout("flipImage()", (iFlipTime * 1000)); }