﻿//Settings
var faderSettings = {
	timing: 10000
};

var displayImage = function(div, imageUrl, speed){
	$(div).fadeOut(speed, function(){
		$(this).css({
			'backgroundImage': 'url('+ imageUrl + ')'
		}).fadeIn(speed);
	});
};

var displayInLoop = function(div, images, speed) {
    var a = 0;
    function nextImage() {
        if (a < images.length - 1) a++; else a = 0;
        displayImage(div, images[a], speed);
    }
    return nextImage;
};

var startFading = function(div, images, speed) {
    displayImage(div, images[0], 0);
    setInterval(displayInLoop(div, images, speed), faderSettings.timing);
};
