var pImage=0;var cImage=0;var interval=4500;var ImageList;var t;

function hideImage(IMG){
	if(ImageList[IMG].style.display != "none")
	new Effect.Fade(ImageList[IMG]);
}

function showImage(IMG){
	if(ImageList[IMG].style.display == "none")
	new Effect.Appear(ImageList[IMG]);
}

function roll(){
	pImage = cImage;
	if(cImage < (ImageList.length-1))
		cImage++;
	else
		cImage=0;
	showImage(cImage);
	hideImage(pImage);
	t=setTimeout("roll();",interval);
}

function bannerReady(ftn) {
	var setInt = setInterval(function() {
		// check to see start div banner tag exists
		var bannerExists = document.getElementById("banner");
		if(bannerExists) {
			ftn();
			t=setTimeout("roll();",interval);
			clearInterval(setInt);
		}
	}, 20);	
}

bannerReady(function(){
	//Set Variables
	var numPics=4;

	// set image list
	images = new Array();
	for(var i=0; i<=numPics-1; i++) {
		images[i]=new Image();
	}

	images[0].src="http://erabrokers.com/images/corp1.png"
	images[1].src="http://erabrokers.com/images/corp2.png"
	images[2].src="http://erabrokers.com/images/corp3.png"
	images[3].src="http://erabrokers.com/images/corp4.png"	

	for(var j=0; j<=numPics-1; j++) {
		if (j != '0') { images[j].style.display="none" }
		document.getElementById('banner').appendChild(images[j]);
	}
	ImageList=images;
});