function SlideShow(imageArray) {
	
	var self 		= this;
	this.interval 	= 4500;
	this.position	= 0;
	this.endImage	= imageArray.length-1;	
	this.images	= imageArray;
	
	this.swapImage = swapImage;
	function swapImage() {
		
			$("#hero").css({backgroundImage: "url(/images/slideshow/" + self.images[self.position] + ")"})
		
			self.position++;

			if(self.position > self.endImage) {
				self.position = 0;
			}

			var newimg = new Image();
			newimg.onload = function() {				
				$("#hero img").fadeOut(1000,function() {					
					$("#hero img").attr("src",newimg.src).fadeIn(1000, function() {						
						setTimeout(function() { self.swapImage(); },self.interval);
					});							
				});
			}
			newimg.src = "/images/slideshow/" + self.images[self.position];
	}
				

	// set first callback
	setTimeout(function() { self.swapImage(); },self.interval);
}