var imageCount = 0;
var count = 0;
var imageArray = [ "images/pic1.jpg", "images/pic2.jpg", "images/pic3.jpg", "images/pic4.jpg", "images/pic5.jpg", "images/pic6.jpg", "images/pic7.jpg", "images/pic8.jpg" ];
var numImages = imageArray.length;

var fadeInterval = 0;
var imageInterval = 1;

function startImages()
{
	fadeInterval = setInterval("fadeImageIn()", 20);
	imageInterval = setInterval("newImage()", 5000);
}

function fadeImageIn() {
	count++;
	var theImage = document.getElementById("mainImage");
	if(navigator.appName == "Netscape") {
		theImage.style.opacity = count/50;
	}
	else {
	theImage.filters[0].opacity = count;
	}

	if(count >= 50) {
		clearInterval(fadeInterval);
		count = 0;
	}
}

function newImage() {
	var theImage = document.getElementById("mainImage");
	imageCount++;
	theImage.src = imageArray[imageCount%8];

	if(navigator.appName == "Netscape") {
		theImage.style.opacity = 0;
	}
	else {
		theImage.filters[0].opacity = 0;
	}
	fadeInterval = setInterval("fadeImageIn()", 20);
}