myimages = new Array()
for (i = 0; i<23; i++)	// set each slot set to an image object
	{
		myimages[i] = new Image()
	}

	// preload images
	myimages[0].src="Icons/1.jpg"
	myimages[1].src="Icons/2.jpg"
	myimages[2].src="Icons/3.jpg"
	myimages[3].src="Icons/4.jpg"
	myimages[4].src="Icons/5.jpg"
	myimages[5].src="Icons/6.jpg"
	myimages[6].src="Icons/7.jpg"
	myimages[7].src="Icons/8.jpg"
	myimages[8].src="Icons/9.jpg"
	myimages[9].src="Icons/10.jpg"
	myimages[10].src="Icons/11.jpg"
	myimages[11].src="Icons/12.jpg"
	myimages[12].src="Icons/13.jpg"
	myimages[13].src="Icons/14.jpg"
	myimages[14].src="Icons/15.jpg"
	myimages[15].src="Icons/16.jpg"
	myimages[16].src="Icons/17.jpg"
	myimages[17].src="Icons/18.jpg"
	myimages[18].src="Icons/19.jpg"
	myimages[19].src="Icons/20.jpg"
	myimages[20].src="Icons/21.jpg"
	myimages[21].src="Icons/22.jpg"
	myimages[22].src="Icons/1.jpg"

//swaps each picture at 3 1/3 sec intervals
var j=0
function animate()
	{
					

			j++
			if(j>22)
		{
		j=0
		}
		document.banner.src = myimages[j].src
		setTimeout("animate()", 2000)
	}