var imageFileNames = new Array("kurt_elipse.jpg","larry_elipse.jpg","aaron_elipse.jpg","krista_elipse.jpg","patty_elipse.jpg","mike_elipse.jpg"); 
var imageFolder = './images/staff_photos/'; 
var nbrImages = imageFileNames.length; 
var pictures = new Array(nbrImages); 
 
for (i = 0; i < nbrImages; i++) {
 pictures[i] = new Image();
 pictures[i].src = imageFolder + imageFileNames[i]; } 
 
var names = new Array("Sr. Pastor<br />Kurt Chaffee", "Founding Pastor<br />Larry Jahnke", "Student Ministries Pastor<br />Aaron Schuler", 
      "Club Radio Manager<br />Krista Smith", "Office Administrator<br />Patty Fillion", "Facility Manager<br />Mike Erickson"); 
 
var picDiv = document.getElementById('staffDiv'); 
var picObj = document.images.staffPicture; 
 
var staffName = document.getElementById('staffName'); var imageNbr = -1; 
 
var currOpacity = 0; Timer = setTimeout("changeImage()", 100); 
 
function changeImage() { 
 imageNbr = imageNbr + 1; 
 if (imageNbr >= nbrImages) { imageNbr = 0; } 
 
currOpacity = 0; 
picObj.src = pictures[imageNbr].src; 
staffName.innerHTML = names[imageNbr]; 
 
// start fading in 
fadeIn(); } 
 
function fadeIn() {
 // fade in until we reach 100, show the image for a set amount of time, then begin to fade out 
currOpacity +=2; 
picDiv.style.filter= 'alpha(opacity=' + currOpacity + ')'; 
 
picDiv.style.opacity = currOpacity * .01;
 
 
if (currOpacity >= 100) {
 
// start fading out after a set amount of time 
TimerObject = setTimeout("fadeOut()", 4000); } else { 
 
// continue fading in 
TimerObject = setTimeout("fadeIn()", 15); } }
 
 
function fadeOut() { 
// fade out until we reach 0 and then change image 
currOpacity -=3; 
picDiv.style.filter= 'alpha(opacity=' + currOpacity + ')'; 
picDiv.style.opacity = currOpacity * .01; if (currOpacity <= 0) {
 
// change image after a slight pause 
TimerObject = setTimeout("changeImage()", 800); } else { 
 
// continue fading out 
TimerObject = setTimeout("fadeOut()", 15); } }