addLoadEvent(imageGallery);

function imageGallery() {
	var imagePool = document.getElementById("gallery");
	var gallery = imagePool.getElementsByTagName("img");
	i = Math.floor(Math.random() * (gallery.length));
	var imageSource = gallery[i].src;
	setSource(imageSource);
	carousel();
}

function setSource(p) {
	var canvas = document.getElementById("placeholder");
	canvas.setAttribute("src",p);
}

function carousel() {
	var frequency = setTimeout(function(){
		var imagePool = document.getElementById("gallery");
		var gallery = imagePool.getElementsByTagName("img");
		var imageSource = gallery[i].src;
		i++;
		if (i < gallery.length){
			var imageSource = gallery[i].src;
			setSource(imageSource);
			carousel();
		}else{
			i = i % gallery.length;
			var imageSource = gallery[i].src;
			setSource(imageSource);
			carousel();
		}
	}, 10000);
}