/**
 * Image Cycle
 */
//Settings
var faderSettings = {
	timing: 10000,
	fadeSpeed: 200,
	numberOfImages: 4,
	imagePrefix: "banner",
	imageSuffix: ".jpg",
	imageDirectory: "images/fader/"
};
var displayImage = function(displayImage){
	var imageURL = faderSettings.imageDirectory + displayImage;
	$("#imageContainer").fadeOut(faderSettings.fadeSpeed, function(){
		$(this).css({
			'background-image': 'url('+ imageURL + ')'
		}).fadeIn(faderSettings.fadeSpeed);
	});
};

function outer(){
	var a = 1;
	function inner(){
		if(a==faderSettings.numberOfImages){
			a = 1;
		} else {a++;}
		var imageNeeded = faderSettings.imagePrefix + a + faderSettings.imageSuffix;
		displayImage(imageNeeded);
	}
	return inner;
}
var imageFade = outer();
var cycleMe = setInterval(imageFade, faderSettings.timing);