// This is a little add-on to jQuery

(function($) {

	$.fn.fadeChildren = function(options) {return this.each(function(){$.fadeChildren(this,options);});};

	$.fadeChildren = function(container,options) {
		var settings={'selector':'li','speed':1000,'timeout':2000,'containerheight':'auto','containerwidth':'auto'};
		if (options) $.extend(settings,options);
		var elements=$(container).children(settings.selector);
		if (elements.length>1) {
			$(container).css('position','relative').css('height',settings.containerheight).css('width',settings.containerwidth);
			for (var i=0;i<elements.length;i++) {$(elements[i]).css('z-index',String(elements.length-i)).css('position','absolute').hide();};
			setTimeout(function(){$.fadeNext(elements,settings,0);},settings.timeout);
			$(elements[0]).show();
		};
	};

	$.fadeNext = function(elements,settings,prev) {
		var next=(prev+1)%elements.length;
		$(elements[prev]).fadeOut(settings.speed);
		$(elements[next]).fadeIn(settings.speed);
		prev=next;
		setTimeout((function(){$.fadeNext(elements,settings,prev);}),settings.timeout);
	};

})(jQuery);