window.addEvent('load', function(){
	setTimeout("banners()",5000);
});

function addEvent(event, call) {
	if (this.addEventListener) {
		this.addEventListener (event, call, false);
	} else if (this.attachEvent) {
		this.attachEvent ("on"+event, call);
	}
}

function banners()
{
	op_ratio = 100;
	setOpacity(op_ratio);
}

function setOpacity(op_ratio)
{
	var ImgOver = document.getElementById("img-over");
	
	if (ImgOver.style.opacity != undefined)
		ImgOver.style.opacity = (op_ratio / 100);
	else if (ImgOver.style.MozOpacity != undefined)
		ImgOver.style.MozOpacity = (op_ratio / 100);
	else if (ImgOver.style.KhtmlOpacity != undefined)
		ImgOver.style.KhtmlOpacity = (op_ratio / 100);
	else if (ImgOver.style.filter != undefined)
		ImgOver.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(Opacity=' + op_ratio + ')';
	
	op_ratio = op_ratio - 1;
	
	if (op_ratio == 0) {
		var ImgUnder = document.getElementById("img-under");
		var SrcImgUnder = document.getElementById("img-under").src;
		var SrcImgOver = document.getElementById("img-over").src;
		ImgOver.src = SrcImgUnder;
		ImgUnder.src = SrcImgOver;
		
		// set opacity of top image to 100
		op_ratio = 100;
		if (ImgOver.style.opacity != undefined)
			ImgOver.style.opacity = (op_ratio / 100);
		else if (ImgOver.style.MozOpacity != undefined)
			ImgOver.style.MozOpacity = (op_ratio / 100);
		else if (ImgOver.style.KhtmlOpacity != undefined)
			ImgOver.style.KhtmlOpacity = (op_ratio / 100);
		else if (ImgOver.style.filter != undefined)
			ImgOver.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(Opacity=' + op_ratio + ')';
		
		setTimeout("banners()",5000);
	}
	else {
		setTimeout("setOpacity("+op_ratio+")", 3);
	}
}