var slideShowArray = new Array();

function slideShow(imagesArray , height , width , delay)
{
	// Assign variables to object
	this.height = height;
	this.width = width;
	this.delay = delay;
	this.currentImageHolder = 0;
	this.currentImage = 0;
	this.nextImageHolder = 1;
	this.nextImage = 1;
	this.opacity = 10;
	this.imagesArray = imagesArray;
	this.loadedImages = new Array();
	for (var i = 0 ; i < imagesArray.length ; ++i )
	{
		this.loadedImages[i] = new Image();
		this.loadedImages[i].src = imagesArray[i];
	}
	this.tempObject;
	slideShowArray[0] = this;

	this.setOpacity();
	this.startSlideShow();
}

// Fade Image
function fadeImage(object)
{
	if (object.opacity < 100)
	{
		object.opacity += 10;
		if (object.tempObject.filters && object.tempObject.filters[0])
			object.tempObject.filters[0].opacity = object.opacity;
		else if (object.tempObject.style.MozOpacity)
			object.tempObject.style.MozOpacity = object.opacity / 101;
		else if (object.tempObject.style.KhtmlOpacity)
			object.tempObject.style.KhtmlOpacity = object.opacity / 100;
		else if (window.getComputedStyle && !object.tempObject.filters)
			object.tempObject.style.opacity = object.opacity / 101;
	}
	else
	{
		clearInterval(stopInterval);
		object.nextImageHolder = (object.currentImageHolder == 0) ? 0 : 1;
		object.populateImage(object.nextImageHolder, object.nextImage);
		object.nextImage = (object.nextImage < object.loadedImages.length - 1) ? object.nextImage + 1 : 0;
		setTimeout("slideShowArray[0].swapImages()" , object.delay);
	}		
}

// Create image object in div
slideShow.prototype.populateImage = function(currentImageHolder , currentImage)
{
	var imageHolder = document.getElementById("slideShowImage"+ currentImageHolder);
	imageHolder.innerHTML = "<img src=\""+ this.loadedImages[currentImage].src +"\" />";
}

slideShow.prototype.swapImages = function()
{
	this.setOpacity();
	var image = this.tempObject = document.getElementById("slideShowImage"+ this.currentImageHolder);
	image.style.zIndex++;
	stopInterval = setInterval("fadeImage(slideShowArray[0])" , 75);
	this.currentImageHolder = (this.currentImageHolder == 0) ? 1 : 0;
	this.currentImage = (this.currentImage == imagesArray - 1) ? 0 : this.currentImage + 1;
}

// Initialize each image's transparency to 1
slideShow.prototype.setOpacity = function()
{
	this.opacity = 10;
	var image = document.getElementById("slideShowImage"+ this.currentImageHolder);
	if (image.filters && image.filters[0])
		image.filters(0).opacity = this.opacity;
	else if (image.style.MozOpacity)
		image.style.MozOpacity = this.opacity / 101;
	else if (image.style.KhtmlOpacity)
		image.style.KhtmlOpacity = this.opacity / 100;
	else if (image.style.opacity && !image.filters)
		image.style.opacity = this.opacity / 101;	
}

// Start slide show
slideShow.prototype.startSlideShow = function()
{
	this.populateImage(this.currentImageHolder , this.currentImage);
	this.swapImages();
}

	var imagesArray = new Array();
	imagesArray[0] = "../PublishingImages/1.jpg";
	imagesArray[1] = "../PublishingImages/2.jpg";
	imagesArray[2] = "../PublishingImages/3.jpg";
	imagesArray[3] = "../PublishingImages/4.jpg";
	imagesArray[4] = "../PublishingImages/5.jpg";
	//imagesArray[5] = "../PublishingImages/6.jpg";
	//imagesArray[6] = "../PublishingImages/7.jpg";
	//imagesArray[7] = "../PublishingImages/8.jpg";
	//imagesArray[8] = "../PublishingImages/9.jpg";
	//imagesArray[9] = "../PublishingImages/10.jpg";
	//imagesArray[10] = "../PublishingImages/11.jpg";
	//imagesArray[11] = "../PublishingImages/12.jpg";
	//imagesArray[12] = "../PublishingImages/13.jpg";
	//imagesArray[13] = "../PublishingImages/14.jpg";
	//imagesArray[14] = "../PublishingImages/15.jpg";

	<!-- Javascript that will create slideshow in title bar of page -->


function startShow() {
	new slideShow(imagesArray , 198 , 946 , 5000);
}

function _spBodyOnLoadWrapper() {
	setTimeout("startShow()", 8000);
}

window.onload = _spBodyOnLoadWrapper();