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

var pics=new Array();
var currentPic=1;
var rate=2500;

function initialise() {
	if(!document.getElementById || !document.createElement){
		return;
	}	
		
	pics = document.getElementById("picArea").getElementsByTagName("img");

	for(i=2;i<pics.length;i++){
		pics[i].Opacity = 0;
		pics[i].style.zIndex="1";
	}
	pics[0].style.display = "block";
	pics[1].style.display = "block";
	pics[0].Opacity = .99;
	pics[0].style.zIndex="2";
	pics[1].Opacity = .99;
	pics[1].style.zIndex="1";
	
	
	setTimeout(changePic,rate);
}

function changePic() {
	currentOp = pics[currentPic].Opacity;
	nextIndex = pics[currentPic+1]?currentPic+1:1;
	nextOp = pics[nextIndex].Opacity;
	
	currentOp-=.03; 
	nextOp+=.03;
	
	pics[nextIndex].style.display = "block";
	pics[currentPic].Opacity = currentOp;
	pics[nextIndex].Opacity = nextOp;
	
	setOp(pics[currentPic]); 
	setOp(pics[nextIndex]);
	
	if(currentOp<=0) {
		pics[currentPic].style.display = "none";
		currentPic = nextIndex;
		setTimeout(changePic,rate);
	} else {
		setTimeout(changePic,50);
	}
}
	
function setOp(pic) {
		if(pic.Opacity>.99) {
			pic.Opacity = .99;
			return;
		}
		pic.style.opacity = pic.Opacity;
		pic.style.MozOpacity = pic.Opacity;
		pic.style.filter = "alpha(opacity=" + (pic.Opacity*100) + ")";
}