var imagesLoaded = 0;
var currentlyViewing = -1;
var timerOn = false;
var totalImages = 0;

var slideInterval = 3000;

var containerElement;
var images;

function timerFunction() {
	if (imagesLoaded < totalImages) {
		containerElement.append('<img src="' + images[currentlyViewing+1] + '" id="kimg-' + (currentlyViewing+1) + '" style="display:none;position:absolute;top:0;left:0;"/>');        
		imagesLoaded++;
		
		var img = new Image();
        img.onload = showNext;
        img.src = images[currentlyViewing+1];
	} else {
		showNext();
	}
}

function showNext() {
	$('#kimg-' + currentlyViewing).fadeOut();
	if (currentlyViewing+1 >= totalImages) {
		currentlyViewing = -1;
	}
	$('#kimg-' + (currentlyViewing+1)).fadeIn();
	currentlyViewing++;
	var t = setTimeout("timerFunction()", slideInterval);
}

jQuery.fn.fadeSlides = function(imageList, interval) {
	containerElement = this;
	images = imageList;
	slideInterval = interval;
	containerElement.css('position', 'relative');
	
	totalImages = images.length;
	
	timerFunction();
	
	return this;
};