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

var display = 5000;  // Milliseconds to display image
var pause = 290;	// Milliseconds to pause between images
var speed = .1;  // Fade speed

var d=document; 
var imgs = new Array();
var current=0;

function init()
{
	if(!d.getElementById || !d.createElement) return;

	imgs = d.getElementById('fader').getElementsByTagName('img');
	for(i=1;i<imgs.length;i++) {
		imgs[i].xOpacity = 0;
		imgs[i].style.display = 'none';
		setOpacity(imgs[i]);
		
	}
	imgs[0].style.display = 'block';
	imgs[0].xOpacity = 1;
	setTimeout(fadeOut,display);
}

function fadeIn() {
	opacity = imgs[current].xOpacity;
	if(opacity<1) {	
		opacity = opacity + speed;
		opacity = Math.round(opacity*100)/100;
		imgs[current].xOpacity = opacity;
		setOpacity(imgs[current]);
		setTimeout(fadeIn,50);
	} else {
		setTimeout(fadeOut,display);
	}
}

function fadeOut() {
	opacity = imgs[current].xOpacity;
	if(opacity>0) {
		opacity = opacity - speed;
		opacity = Math.round(opacity*100)/100;
		imgs[current].xOpacity = opacity;
		setOpacity(imgs[current]);
		setTimeout(fadeOut,50);
	} else {	
		swap();
		setTimeout(fadeIn,pause);
	}
}

function swap() {
	next = imgs[current+1]?current+1:0;
	imgs[current].style.display = 'none';
	imgs[next].style.display = 'block';
	current = next;
}

function setOpacity(obj) {	
	obj.style.opacity = obj.xOpacity;
	obj.style.MozOpacity = obj.xOpacity;
	obj.style.filter = 'alpha(opacity=' + (obj.xOpacity*100) + ')';
}