<!-- Original: CodeLifter.com (support@codelifter.com) -->

<!-- Web Site: http://www.codelifter.com -->


<!-- This script and many more are available free online at -->

<!-- The JavaScript Source!! http://javascript.internet.com -->


<!-- This is a MODIFIED VERSION (with due respect to the author) -->

<!-- Made it Object-Oriented to run multiple slideshows -->


<!-- Begin


function SlideShow(imgName,speed,duration){

	var p; //length of Pic array

	var j = 0;

	var slide = imgName;

	// Set slideShowSpeed (milliseconds)

	var slideShowSpeed = speed;

	// Duration of crossfade (seconds)

	var crossFadeDuration = duration;

	var Pic = new Array();

	this.timer = null;

	this.setPics = function(){

		var preLoad = new Array();

		//set pics and preload

		for (var i=0;i<arguments.length;i++){

			Pic[i] = arguments[i];

			preLoad[i] = new Image();

			preLoad[i].src = Pic[i];

		}

		p = Pic.length;

	}

	this.runSlideShow = function(varName){

		var t;

		if (document.all) {

			document.images[slide].style.filter="blendTrans(duration=3)";

			document.images[slide].style.filter="blendTrans(duration=crossFadeDuration)";

			document.images[slide].filters.blendTrans.Apply();

		}

		document.images[slide].src = Pic[j];

		if (document.all) {

			document.images[slide].filters.blendTrans.Play();

		}

		j = j + 1;

		if (j > (p - 1)) j = 0;

		this.timer = setTimeout(varName+".runSlideShow('"+varName+"')", slideShowSpeed);


	}

	this.stopSlideShow = function(){

		if (this.timer) clearTimeout(this.timer);

	}

}

//end script


//sample usage

var slide1 = new SlideShow('SlideShow1',4000,4000,20000);

slide1.setPics("images/01-3.jpg","images/01-2.jpg","images/01.jpg");


var slide2 = new SlideShow('SlideShow2',3000,3000,20000);

slide2.setPics("images/02-3.jpg","images/02-2.jpg","images/02-1.jpg");


var slide3 = new SlideShow('SlideShow3',7000,4000,20000);

slide3.setPics("images/03-3.jpg","images/03-2.jpg","images/03-1.jpg");


var slide4 = new SlideShow('SlideShow4',3000,3000,20000);

slide4.setPics("images/04-1.jpg","images/04-2.jpg","images/04-3.jpg");


var slide5 = new SlideShow('SlideShow5',4000,4000,20000);

slide5.setPics("images/01-3.jpg","images/01-2.jpg","images/01.jpg");


//if you want to start slideshows onload

/*window.onload = function(){

	slide1.runSlideShow('slide1');

	slide2.runSlideShow('slide2');

	slide3.runSlideShow('slide3');

}*/


// End -->