// JavaScript Document

// ---------------- Define preload function ----------------
var preloaded = new Array();
function preload_images() {
    for (var i = 0; i < arguments.length; i++){
        preloaded[i] = document.createElement('img');
        preloaded[i].setAttribute('src',arguments[i]);
    };
};

// ---------------- Define insert image variable for loop function ----------------
var change_image_num = 0;

// ---------------- Intialise images array ----------------
var images = 'http://www.branston.com/images/uploads/Pic5Intro.JPG,http://www.branston.com/images/uploads/Pic5Loopimage1.jpg,http://www.branston.com/images/uploads/Pic5Loopimage2.jpg,http://www.branston.com/images/uploads/Pic5Loopimage3.jpg,http://www.branston.com/images/uploads/Pic5Loopimage4.jpg,http://www.branston.com/images/uploads/Pic5Loopimage5.jpg,http://www.branston.com/images/uploads/Pic5Loopimage6.jpg,http://www.branston.com/images/uploads/Pic5Loopimage7.jpg,http://www.branston.com/images/uploads/Pic5Loopimage8.jpg';
var images_array = images.split(",");
var image_num = 0;
while (image_num < images_array.length) {
	preload_images(images_array[image_num]);
	image_num+=1;
}

// ---------------- Define insert image function ----------------
function insertimage() {
	if (!document.getElementById) return false;
	if (!document.getElementById("main_imagearea")) return false;
	var imagediv = document.getElementById("main_imagearea");
	imagediv.innerHTML = '<img src=\"'+images_array[change_image_num]+'\" />';
	if (change_image_num < (images_array.length - 1)) {
		setTimeout("insertimage()",3000);
		change_image_num+=1;
	} else {
		change_image_num = 0;
		setTimeout("insertimage()",3000);
	}
}

function loop() {insertimage();}

function addLoadEvent(func) {
	var oldonload = window.onload;
	if (typeof window.onload != 'function') {
		window.onload = func;
	} else {
		window.onload = function() {
			oldonload();
			func();
		}
	}
}

addLoadEvent(loop);