var imageList = ["bronson", "girlscouts", "henkel", "owings", "sushiya"];
var imageUrl = null;

function loadImage(imgClass, url) {
	var img = new Image();
	img.onerror = function(){
		
	};
	img.onload = function(){
		swapImage(img.src, imgClass);
		imageUrl = getRandomImage(imageUrl);
	};
	img.src = url;
}

function swapImage(newImageUrl, imgClass) {
	$(imgClass).addClass("remove").css("zIndex", "2");
	$("#imageWell").append($("<img src=\""+newImageUrl+"\" alt=\"\" />").css("zIndex", "1"));
	$(".remove").animate({opacity: 0}, 500, "linear", function(){$(".remove").remove();})
}

function getRandomImage(currentUrl) {
	var newUrl = currentUrl;
	while(newUrl == currentUrl) newUrl = "images/home/"+imageList[Math.ceil((Math.random() * imageList.length) - 1)]+".jpg";
	return newUrl;
}

$(document).ready(function(){
	imageUrl = getRandomImage();
	setInterval('loadImage("#imageWell img", imageUrl)', 5000);
});