(function($){

$.fn.backgroundChanger = function(options){
	var defaults = {
		images: [""],
		speed: 750,
		delay: 3500
	};
	var opts = $.extend(defaults, options);
	
	var curr = 0;
	var last = -1;
	var element = $(this);
	
	element.prepend('<div class="innerBackgroundChanger" style="position: absolute; top: 0px; left: 0px;"></div>');
	
	var element2 = element.children("div.innerBackgroundChanger");
	
	element2.css("opacity", "0");
	element2.css("height", element.height()+"px");
	element2.css("width", element.width()+"px");
	
	for(i=0;i<=opts.images.length-1;i++){
		jQuery("<img>").attr("src", opts.images[i]);
	}
	
	element.css("background-image","url('"+opts.images[curr]+"')");
	
	setTimeout(change, opts.delay);
	
	function change(){
		last = curr;
		curr = curr + 1;
		
		if( curr > opts.images.length - 1 ){
			curr = 0;
		}
		
		element.css("background-image","url('"+opts.images[last]+"')");
		element2.css("opacity","0");
		element2.css("background-image","url('"+opts.images[curr]+"')");
		element2.fadeTo(opts.speed, 1);
		
		setTimeout(change, opts.delay + opts.speed);
	}
	
}

})(jQuery);

