var totalPhotos = 19;

var photo = new Array(totalPhotos);
var photosLeft = new Array(totalPhotos) ;
var numPhotosLeft = totalPhotos;

for (i=0; i<totalPhotos; i++) {
    photo[i] = "photos/" + i + ".jpg";
    photosLeft[i] = true;
}

var photoCaption= new Array(totalPhotos) 
photoCaption[0] = "Welcome to Calvary Chapel of the Foothills";
photoCaption[1] = "Children's Ministries";
photoCaption[2] = "Senior Pastor John Lukas";
photoCaption[3] = "Sunday Service";
photoCaption[4] = "Children's Ministries";
photoCaption[5] = "Youth Pastor Adam Silliman";
photoCaption[6] = "Children's Ministries";
photoCaption[7] = "Worship Ministry";
photoCaption[8] = "Junior High and High School Ministries";
photoCaption[9] = "Book Store";
photoCaption[10] = "Children's Ministries";
photoCaption[11] = "Men's Ministries";
photoCaption[12] = "Children's Ministries";
photoCaption[13] = "Children's Playground";
photoCaption[14] = "Assistant Pastor Walt Bringolf";
photoCaption[15] = "Men's Minstries";
photoCaption[16] = "Worship Ministry";
photoCaption[17] = "Children's Ministries";
photoCaption[18] = "Women's Ministries";

var currentPhoto = 0;
var captionIndex = new Array(7);
captionIndex[0] = "";
captionIndex[1] = "";
captionIndex[2] = "";
captionIndex[3] = "";
captionIndex[4] = "";
captionIndex[5] = "";
captionIndex[6] = "";

var initialWait = 2000;
var timeOnPhoto = 3500;
var CaptionHeight = 55;
var imageWidth = 700;
var logoWidth = 370;
var imageHeight = 400;
var logoHeight = 170;
var fadeSpeed = 20;
var leftPixel = 0;
var topPixel = 0;
var pic1 = "1";
var pic2 = "2";
var useRandom = true;

function calculatePositions() {
    leftPixel = (document.documentElement.clientWidth/2)-(imageWidth + logoWidth)/2;
    topPixel = (document.documentElement.clientHeight/2)-(imageHeight/2);
	
    document.getElementById("photoBackground").style.left = leftPixel + "px";
    document.getElementById("mainPicture"+pic1).style.left = leftPixel + "px";
    document.getElementById("mainPicture"+pic2).style.left = leftPixel + "px";
    document.getElementById("ccotfLogo").style.left = (leftPixel + imageWidth) + "px";
    document.getElementById("mainText").style.left = (leftPixel + imageWidth) + "px";
    document.getElementById("mainText").style.width = (logoWidth-20) + "px";
    document.getElementById("mainText").style.height = (imageHeight - logoHeight-20) + "px";
    document.getElementById("caption").style.left = leftPixel + "px";
    document.getElementById("captionText").style.left = leftPixel + "px";
    
    document.getElementById("photoBackground").style.top = topPixel + "px";
    document.getElementById("photoBackground").style.width = imageWidth + "px";
    document.getElementById("photoBackground").style.height = imageHeight + "px";
    document.getElementById("mainPicture"+pic1).style.top = topPixel + "px";
    document.getElementById("mainPicture"+pic2).style.top = topPixel + "px";
    document.getElementById("ccotfLogo").style.top = topPixel + "px";
    document.getElementById("mainText").style.top = (topPixel + logoHeight) + "px";
    document.getElementById("captionText").style.top = ((parseInt(topPixel)+parseInt(imageHeight)) - CaptionHeight) + "px";
    document.getElementById("caption").style.top = ((parseInt(topPixel)+parseInt(imageHeight)) - CaptionHeight + 1) + "px";
    document.getElementById("caption").style.height = (CaptionHeight + 1) + "px";
    document.getElementById("caption").style.width = imageWidth + "px";
}

function initialize() {
    calculatePositions();
    getNextPicture(pic1);
    window.setTimeout("fadeIn()", initialWait);
}

function fadeIn() {
    if (navigator.product == 'Gecko') { 
		document.getElementById("mainPicture"+pic1).style.opacity = parseFloat(document.getElementById("mainPicture"+pic1).style.opacity) + .01;
		
		if (parseFloat(document.getElementById("mainPicture"+pic1).style.opacity) < 1) {
	        window.setTimeout("fadeIn()", fadeSpeed);
	        if (parseFloat(document.getElementById("mainPicture"+pic1).style.opacity) == .5) {
		        document.getElementById("captionText").innerHTML = captionIndex[pic1];
	        }
	    }
	    else {
	        getNextPicture(pic2);
	        window.setTimeout("fade(" +pic2 + ")", timeOnPhoto);
	    }
	}
	else {
	    document.getElementById("mainPicture"+pic1).filters.alpha.opacity = document.getElementById("mainPicture"+pic1).filters.alpha.opacity + 1;
	
	    if (document.getElementById("mainPicture"+pic1).filters.alpha.opacity <100) {
	        window.setTimeout("fadeIn()", fadeSpeed);
	        if (parseInt(document.getElementById("mainPicture"+pic1).filters.alpha.opacity) == 50) {
		        document.getElementById("captionText").innerHTML = captionIndex[pic1];
	        }
	    }
	    else {
	        getNextPicture(pic2);
	        window.setTimeout("fade(" + pic2 + ")", timeOnPhoto);
	    }
	}
}

function fade(picA) {
    picB = (picA == pic1) ? pic2 : pic1;
    
    if (navigator.product == 'Gecko') { 
	    document.getElementById("mainPicture"+picA).style.opacity = parseFloat(document.getElementById("mainPicture"+picA).style.opacity) + .01;
		document.getElementById("mainPicture"+picB).style.opacity = parseFloat(document.getElementById("mainPicture"+picB).style.opacity) - .01;
	
	    if (parseFloat(document.getElementById("mainPicture"+picB).style.opacity) > 0) {
		    window.setTimeout("fade(" + picA + ")", fadeSpeed);
		    if (parseFloat(document.getElementById("mainPicture"+picA).style.opacity) == .5) {
		        document.getElementById("captionText").innerHTML = captionIndex[picA];
	        }
	    }
	    else {
	        getNextPicture(picB);
	        window.setTimeout("fade(" + picB + ")", timeOnPhoto);
	    }
	}
	else {	    
	    document.getElementById("mainPicture"+picA).filters.alpha.opacity = document.getElementById("mainPicture"+picA).filters.alpha.opacity + 1;
	    document.getElementById("mainPicture"+picB).filters.alpha.opacity = document.getElementById("mainPicture"+picB).filters.alpha.opacity - 1;
	
	    if (document.getElementById("mainPicture"+picB).filters.alpha.opacity > 0) {
		    window.setTimeout("fade(" + picA + ")", fadeSpeed);
		    if (parseInt(document.getElementById("mainPicture"+picA).filters.alpha.opacity) == 50) {
		        document.getElementById("captionText").innerHTML = captionIndex[picA];
	        }
	    }
	    else {
	        getNextPicture(picB);
	        window.setTimeout("fade(" + picB + ")", timeOnPhoto);
	    }
	}
}

function incrPhoto() {
    if (numPhotosLeft == 0) {
        numPhotosLeft = totalPhotos - 1;
        for (i=0; i<totalPhotos; i++) {
            photosLeft[i] = true;
        }
        photosLeft[currentPhoto] = false;
    }
    
    now = new Date();
    seed = now.getSeconds();
    randomNumber = Math.floor(Math.random(seed)*(numPhotosLeft-1));
    currentPhoto = -1;
    for (i=0; i<=randomNumber; i++) {
        currentPhoto = currentPhoto + 1;
        while (!photosLeft[currentPhoto]) {
            currentPhoto = currentPhoto + 1;
        }
    }
    photosLeft[currentPhoto] = false;
    numPhotosLeft = numPhotosLeft - 1;
}

function getNextPicture(pickNum) {
    incrPhoto();
    document.getElementById("mainPicture"+pickNum).src = photo[currentPhoto];
    captionIndex[pickNum] = photoCaption[currentPhoto];
}