// JavaScript Document
$(document).ready(function () {
    slideShow();
});

function slideShow(){
	for(var i = 0; i < imgArray.length; i++){
		var img = document.createElement("div");
		img.id = "slideImg" + i;
		img.className = "slideShow contentBox";
		img.style.backgroundImage = "url('files/"+imgArray[i]+"')";
		img.style.display = "none";	
		document.getElementById("contentarea1").appendChild(img);	
	}
		
	if(typeof(counter) == "undefined"){
		counter = 0;	
	}
	window.setTimeout(function(){fadeImg()},0);
}

function fadeImg(){
	if(counter < imgArray.length){
		$("#slideImg"+counter).fadeIn(1000);
		counter+= 1;
		window.setTimeout(function(){fadeImg()},4000);	
	}
	else{
		for(var i = 0; i < imgArray.length; i++){
			document.getElementById("contentarea1").removeChild(document.getElementById("slideImg"+i));
		}
		counter = 0;
		slideShow();
	}
}