﻿window.addEventListener ? window.addEventListener("load", banner_init, false): window.attachEvent("onload", banner_init);

var d=document, imgs = new Array(), zInterval = null, current=0, pause=false;
var duration = 5000;

function banner_init() 
{
	if (!d.getElementById || !d.createElement)
	    return;
	    
	imgs = d.getElementById("imageContainer").getElementsByTagName("img");
	for(i=1; i <imgs.length; i++) imgs[i].xOpacity = 0;
	imgs[0].style.display = "block";
	imgs[0].xOpacity = .99;
	setTimeout(banner_fade, duration);
}

function banner_fade() 
{
	cOpacity = imgs[current].xOpacity;
	nIndex = imgs[current+1] ? current+1 : 0;
	nOpacity = imgs[nIndex].xOpacity;
	cOpacity-=.05; 
	nOpacity+=.05;
	imgs[nIndex].style.display = "block";
	imgs[current].xOpacity = cOpacity;
	imgs[nIndex].xOpacity = nOpacity;
	setOpacity(imgs[current]); 
	setOpacity(imgs[nIndex]);

	if (cOpacity<=0) 
	{
		imgs[current].style.display = "none";
		current = nIndex;
		setTimeout(banner_fade, duration);
	} 
	else 
		setTimeout(banner_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) + ")";
}