(function($){
	$.fn.slider = function(delay) { 
		return this.each(function(){
			$(this).addClass('sliderContainer').append($('<div class="key"></div>'));
			$('div:not(.key)', this).addClass('slide');
			$('.slide', this).first().addClass('selected');
			var count = $('.slide', this).length;
			var i = 0;
			var html = '';
			while(i < count){
				i++;
				html += '<div>&nbsp;</div>';
			}
			$('.key', this).append($(html));
			$('.key div', this).first().addClass('selected');
			
			var $slider = this;
			
			setInterval(function(){
				$($slider).each(function(){
					var current = $('.slide.selected', this);
					var next = $(current).next('.slide');
					
					if($(current).next('.slide').length == 0){
						next = $('.slide', this).first();
					}
		
					var $this = this;
					
					$(current).fadeOut('slow', function(){
						$('.key div:eq('+$(current).index()+')', $this).removeClass('selected');				
						$('.key div:eq('+$(next).index()+')', $this).addClass('selected');
						$(next).fadeIn('slow', function(){
							$(current).removeClass('selected').removeAttr('style');
							$(next).addClass('selected').removeAttr('style');
							setTimeout("change("+delay+")", delay);
						});
					});
					
				});
			}, delay);	
		});
	};
})(jQuery);