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

var fadeInterval = 0;
var imageInterval = 1;

function startImages()
{
	fadeInterval = setInterval("fadeImageIn()", 50);
	imageInterval = setInterval("newImage()", 10000);
}

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

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

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

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