// Javascript
    
function setImage(frame, imageURL, opacity) {
    if (document.getElementById) {
       // obj = objFromDivLevel(iLayer);
        setOpacity(obj, opacity);
        obj.style.backgroundImage = "url('"+imageURL+"')";
    }
}
    function switch_slides(frame, start_frame, end_frame, delay) {
        return (function() {
            Effect.Fade(slideShow.elementID+"DIV"+frame);
            if (frame == end_frame) { frame = start_frame; } else { frame = frame + 1; }
     		slideShow.loadFrame(frame);
          	setTimeout("Effect.Appear('" + slideShow.elementID+"DIV"+frame + "');", 1000);
            setTimeout(switch_slides(frame, start_frame, end_frame, delay), delay + 1000);
        })
    }

var slideShow = {
	imagePath:"slideShow/images/",
	elementID : "slideShow",
	displayInterval:5000,
	imageNames : new Array("image-1.jpg", "image-2.jpg", "image-3.jpg", "image-4.jpg", "image-5.jpg", "image-6.jpg", "image-7.jpg", "image-8.jpg"),
	imagesLoaded : 1,
	imageSpec : function(frame)
	{
		return(this.imagePath+this.imageNames[frame]) ;
	},
	loadFrame: function(frame) {
		if (document.getElementById) {
	        if (!document.getElementById(this.elementID+"DIV"+frame)) {
	        //alert("frame# "+frame);
		        //create the frame
		        var divElement = document.createElement("div");
		        divElement.id=this.elementID + "DIV" + frame;
				divElement.className=this.elementID + "DIVclass";
				divElement.style.display="none";
		        //create and load the image
		        var imgElement = document.createElement("img");
				imgElement.className=this.elementID + "IMGclass";
		        imgElement.src=this.imageSpec(frame);
		        imgElement.alt="";
		        imgElement.id=this.elementID+"IMG"+frame;
		        divElement.appendChild(imgElement);
		        //put frame in the show
		        var obj = document.getElementById(this.elementID+"DIV");
		        obj.appendChild(divElement);
		        this.imagesLoaded = frame + 1;
		        //alert("image count: "+this.imagesLoaded);
	        }
		}
	},
   	start_slideshow: function() {
        setTimeout(switch_slides(0, 0 ,this.imageNames.length-1, this.displayInterval), this.displayInterval);
    }
}

//slideShow.imageNames = new Array("image-1.jpg", "image-2.jpg", "image-3.jpg", "image-4.jpg", "image-5.jpg", "image-6.jpg", "image-7.jpg", "image-8.jpg");
//start the slideshow
slideShow.start_slideshow();