img = new Array()
img[0]=new Image()
img[0].src='/~arc/images/rotation/alberry.jpg'
img[1]=new Image()
img[1].src='/~arc/images/rotation/23BN20.jpg'
img[2]=new Image()
img[2].src='/~arc/images/rotation/A0007-0197.jpg'
img[3]=new Image()
img[3].src='/~arc/images/rotation/A0027-0197.jpg'
img[4]=new Image()
img[4].src='/~arc/images/rotation/arch1.jpg'
img[5]=new Image()
img[5].src='/~arc/images/rotation/BKG0152.JPG'
img[6]=new Image()
img[6].src='/~arc/images/rotation/BKG0156.JPG'
img[7]=new Image()
img[7].src='/~arc/images/rotation/brainardsmall.jpg'
img[8]=new Image()
img[8].src='/~arc/images/rotation/D2003-14.JPG'
img[9]=new Image()
img[9].src='/~arc/images/rotation/DSC_0016.jpg'
img[10]=new Image()
img[10].src='/~arc/images/rotation/DSCF0013_2.JPG'
img[11]=new Image()
img[11].src='/~arc/images/rotation/staff1.jpg'
img[12]=new Image()
img[12].src='/~arc/images/rotation/staff2.jpg'
img[13]=new Image()
img[13].src='/~arc/images/rotation/staff3.jpg'

d = 0 // set d (as in "degree" of fading) to initual value

function rotator(i){
	document.getElementById('rotation_img').style.display='none'
	document.getElementById('rotation_img').src=img[i].src
	fadein(i)
//	setTimeout("rotator("+i+")",3000)
}

function fadein(i){
	d += 5  //increase fade by 1
	document.getElementById('rotation_img').style.filter = 'alpha(opacity='+d+')'
	document.getElementById('rotation_img').style.name = '-moz-opacity:0.'+d
	document.getElementById('rotation_img').style.opacity = '0.'+d
	document.getElementById('rotation_img').style.name = '-khtml-opacity:0.'+d
	document.getElementById('rotation_img').style.display='block'
	if(d > 85){
		clearTimeout(t)
		d = 0
		if(i==(img.length-1)) i=0
		else i=i+1
		x=setTimeout("rotator("+i+")",3000)
	}
	else t = setTimeout("fadein("+i+")",200)
}