jQuery(document).ready(function() {	
	var currentImg = 0;
	var animating = false;
	var navigate = function() {
		if(animating) {
			return;
		}
      currentImg++;
      if(currentImg == photos.length + 1) {
         currentImg = 1;
      }
		showImage(photos[currentImg - 1], photos[currentImg]);
	};
	
	var showImage = function(photoObject, currentPhotoObject) {
		animating = true;
		jQuery("#contentContainer").fadeIn(1, function() {
         animating = false;
         jQuery("#contentContainer").css({
            "background-image" : "url(" + photoObject.image + ")"
         });
      });
		};
   
	// Start playing the animation
	interval = setInterval(function() {
		navigate();
	}, 11000);
});