//--==Rotating Banner Images==--
var sPath = "/bcparks/_shared/images/banner/"; //set image path
var iInterval = 10; //rotation interval in seconds
//build array of image file names
var iImg = 9;
var aImg = new Array();
var oImgPL = new Object();
for (i=0;i<iImg;i++) {
	aImg[i] = "bn_bcparks_img" + (1+i) + ".jpg";
	oImgPL.src = sPath + aImg[i];
}
var iSel = new Number();
function loadImgRotation() {
	var sFn = "selectImg()";
	//var oImg = document.getElementById(img);
	//run the selectImg function at a specified frequency
	self.setInterval(sFn,iInterval*1000);	
}											


var imgSel = 1;
function selectImg() {
	var iIndex = Math.floor(Math.random()*aImg.length); //randomly selected array index #
	do {
		iIndex = Math.floor(Math.random()*aImg.length);
	}	while (iSel==iIndex);
	var oImg1 = document.getElementById("bnImg1");
	var oImg2 = document.getElementById("bnImg2");
	
	//oImg.style.backgroundImage = "url(" + sPath + aImg[iIndex] + ")";
	switch (imgSel) {
		case 1 :
			oImg2.src = sPath + aImg[iIndex];
			fadeOut("bnImg1");
			fadeIn("bnImg2");
			imgSel = 2;
			break;
		case 2 :
			oImg1.src = sPath + aImg[iIndex];
			fadeOut("bnImg2");
			fadeIn("bnImg1");
			imgSel = 1;
			break;
	}
	//oImg1.src = sPath + aImg[iIndex];
	//fadeIn("bnImg1");
/*
        <button onclick="fadeIn('bnImg1');fadeOut('bnImg2');">Fade In 1</button>
        <button onclick="fadeIn('bnImg2');fadeOut('bnImg1');">Fade In 2</button>	
*/
	iSel = iIndex;
}
loadImgRotation();