window.addEventListener?window.addEventListener("load",init,false):window.attachEvent("onload",init);

var _images = new Array();
var _interval = 5000;
var _currentImg = 0;
var _pause = false;

function init() {
	if(!document.getElementById || !document.createElement)return;
	
	var _imageContainer = GetElementIdByControlId("BannerImageDataList", "span");
	_images = document.getElementById(_imageContainer).getElementsByTagName("img");
	for(var i = 1; i<_images.length; i++) {
	    _images[i].xOpacity = 0;
	}
	_images[0].style.display = "block";
	_images[0].xOpacity = .99;
	
	setTimeout(fade,_interval);
}

function fade() {
	__currentOpacity = _images[_currentImg].xOpacity;
	__nextImage = _images[_currentImg+1]?_currentImg+1:0;

	__nextOpacity = _images[__nextImage].xOpacity;
	
	__currentOpacity-=.05; 
	__nextOpacity+=.05;
	
	_images[__nextImage].style.display = "block";
	_images[_currentImg].xOpacity = __currentOpacity;
	_images[__nextImage].xOpacity = __nextOpacity;
	
	setOpacity(_images[_currentImg]); 
	setOpacity(_images[__nextImage]);
	
	if(__currentOpacity<=0) {
		_images[_currentImg].style.display = "none";
		_currentImg = __nextImage;
		setTimeout(fade,_interval);
	} else {
		setTimeout(fade,50);
	}
	
	function setOpacity(obj) {
		if(obj.xOpacity>.99) {
			obj.xOpacity = .99;
			return;
		}
		obj.style.opacity = obj.xOpacity;
		obj.style.MozOpacity = obj.xOpacity;
		obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")";
	}
}
function GetElementIdByControlId(controlId, tag)
{
    var _divs = document.getElementsByTagName(tag);
    for(i=0;i<_divs.length;i++)
    {
        if (_divs[i].id.indexOf(controlId) != -1)
        {
            return _divs[i].id;
        }
    }
}