// JavaScript Document
window.onload = init;

var galleryImages = ["images/gallery1.png",
          			"images/gallery2.png",
           			"images/gallery3.png",
					"images/gallery4.png",
					"images/gallery5.png",
					"images/gallery7.png"];

function init() {
	
	preloadImages();
	
	if(document.getElementById("imageContainer")) {
		setInterval ("showGalleryImage()", 3000);
	}
}

function preloadImages() {

	imageObj = new Image();

	allImages = new Array();
	
	allImages[0] = "images/medContentBG.png";
	allImages[1] = "images/menuContentBG.png";
	allImages[2] = "images/medNoteContentBG.png";
	allImages[3] = "images/smallContentBG.png";
	allImages[4] = "images/pageBG.jpg";
	allImages[5] = "images/metalBGtile.jpg";
	allImages[6] = "images/chair.png";
	allImages[7] = "images/footerTopBG.jpg";
	allImages[8] = "images/gallery1.png";
	allImages[9] = "images/gallery2.png";
	allImages[10] = "images/gallery3.png";
	allImages[11] = "images/gallery4.png";
	allImages[12] = "images/gallery5.png";
	allImages[13] = "images/gallery6.png";
	allImages[14] = "images/gallery7.png";

	for(var i = 0; i <= 15; i++) 
	{
		imageObj.src = allImages[i];
	}
} 

//displays random image
function showGalleryImage(){
	
	var img = new Image();
	
	var rand = Math.floor(Math.random()*galleryImages.length);
	
	img.src = galleryImages[rand];
						
	document.getElementById("galleryImage").src = img.src;
}