﻿function ChangeImages(imageId, speed, imageUrls){
	var _speed 		= 3000;
	var _imageUrls		= [];
	var _intervalId	= null;
	var _imageObject = null;
	var fadeimages = new Array();
	var isIe = navigator.appVersion.indexOf("MSIE")>=0;// is ie
    var j = 0;
	var size = 0;
	if(imageUrls != null && typeof(imageUrls) != "undefined" ) {
		_imageUrls 		= imageUrls;
		size = imageUrls.length; 
		for (i = 0; i < size; i++) {
			fadeimages[i] = new Image();
			fadeimages[i].src = imageUrls[i];
		}
	}
	if(typeof(speed) == "number") {
		_speed 		= speed;
	}
	if(typeof(imageId) == "string" && imageId != "") {
		_imageObject = document.getElementById(imageId);
	}
	
	this.getSpeed = function(){
		return this._speed ;
	}
	this.setSpeed = function(newSpeed){
		_speed = newSpeed;
	}
	
	this.addImageUrl = function(newImageUrl){
		_imageUrls.push(newImageUrl);
	}
	
	this.start = function(){
		if(size > 0) {
			_imageObject.src = fadeimages[0].src;
			if(size > 1) {
			_intervalId = setInterval(runSlideShow ,_speed);
		}
		}
	}
	this.stop = function(){
		if(_intervalId != null) {
			clearInterval(_intervalId);
		}
	}
	var runSlideShow = function() {
		if(isIe){
			_imageObject.style.filter="blendTrans(duration=0.2)";
			_imageObject.filters.blendTrans.Apply();
		}
		_imageObject.src = fadeimages[j].src;
		if (isIe) {
			_imageObject.filters.blendTrans.Play();
		}
		j = j + 1;
		if (j  > (size - 1)) j = 0;
	}
	 
}




