var bannerFadeTimer = null;
var bannerFading = false;
var bannerImgs = [];
var bannerFadeDelay = 5000;
var bannerFadeSpeed = 40;
var currentBanner = 0;

document.observe("dom:loaded", function() {
	bannerImgs = $('dynabanner-container').select('img');
	for(var i=0;i<bannerImgs.length;i++){
		bannerImgs[i].fdOpacity = 0;
		bannerImgs[i].style.display = 'none';
	}
	bannerImgs[0].style.display = 'block';
	bannerImgs[0].fdOpacity = 0.99;
	$('dynabanner-container').style.height = 450+"px";//bannerImgs[0].getHeight()+"px";
	bannerFadeTimer = setTimeout(fadeToNext,bannerFadeDelay);
});

function setOpacity(obj) {
	if(obj.fdOpacity>.99) {
		obj.fdOpacity = .99;
		return;
	}
	obj.style.opacity = obj.fdOpacity;
	obj.style.MozOpacity = obj.fdOpacity;
	obj.style.filter = "alpha(opacity=" + (obj.fdOpacity*100) + ")";
}

function fadeToNext(){
	clearTimeout(bannerFadeTimer);
	bannerFadeTimer=null;
	
	cOpacity = bannerImgs[currentBanner].fdOpacity;
	nIndex = bannerImgs[currentBanner+1]?currentBanner+1:0;
	nOpacity = bannerImgs[nIndex].fdOpacity;
	cOpacity-=.1;
	nOpacity+=.1;
	bannerImgs[nIndex].style.display = "block";
	$('dynabanner-container').style.height = (
		bannerImgs[nIndex].getHeight()>bannerImgs[currentBanner].getHeight()?
		bannerImgs[nIndex].getHeight() : bannerImgs[currentBanner].getHeight())+"px";
	bannerImgs[currentBanner].fdOpacity = cOpacity;
	bannerImgs[nIndex].fdOpacity = nOpacity;
	bannerImgs[currentBanner].style.zIndex = 0;
	bannerImgs[nIndex].style.zIndex = 10;
	setOpacity(bannerImgs[currentBanner]); 
	setOpacity(bannerImgs[nIndex]);
	if(cOpacity<=0) {
		bannerImgs[currentBanner].style.display = "none";
		currentBanner = nIndex;
		$('dynabanner-container').style.height = bannerImgs[currentBanner].getHeight()+"px";
		bannerFading = false;
		timer = setTimeout(fadeToNext,bannerFadeDelay);
	} else {
		bannerFading = true;
		setTimeout(fadeToNext,bannerFadeSpeed);
	}
}