(function($) {

$.fn.slideShow = function(userSettings) {
	
	var settings = $.extend({
		fadeDuration:1000,
		slideDuration:5000
	}, userSettings);
	
	var self = $(this);
	var cur = self.eq(0);
	
	self.css({
		position:"absolute"
	});
	self.not(':first').hide();
	
	setInterval( function() {
		cur.fadeOut( settings.fadeDuration);
		if ( self.index(cur) == self.size()-1 )
			cur = self.eq(0);
		else
			cur = cur.next();
		cur.fadeIn( settings.fadeDuration);
	}, settings.slideDuration );
	
	return $(this);
}

})(jQuery)// JavaScript Document

//voorbeeld

// <ul class="ppt">
    
//	<li><img src="images/flavouring_1.jpg" /></li>
//	<li><img src="images/flavouring_2.jpg" /></li>
//   <li><img src="images/flavouring_3.jpg" /></li>
//</ul>

//css 
//ul.ppt {
//	position: relative;
//}