$.fn.slideshow = function(options) {
	
	options = $.extend({
		speed: 1,
		delay: 4		
	}, options);

	$.container = $(this);

	$.current = 1;

	$.showimage = function(image) {
	
		$.container.find("img").fadeOut(500).parent().find("img[rel=" + image + "]").fadeIn(500);
		$.container.find("ul li a").removeClass('current').parent().parent().find("a[href=#" + image + "]").addClass("current");
		
		$.current = image;
		
	}

	return this.each(function() {
			
		var count = 1;
		
		var container = $(this);

			// container voor links
			container.append("<ul />");

		var images_num = container.children("img").size();
		
		var images_list = container.children("img");
		
			images_list.hide().filter(':first').show();

			// loop door images en maak links aan
			container.find("img").each(function() {
			
				var src = $(this).attr('src');
			
				$(this).attr('rel', count);
			
				container.find("ul").append("<li><a href=\"#" + count + "\" rel=\"" + src + "\">" + count + "</a></li>").find("a[rel=" + src + "]").bind("click", function() {
	
					var src = $(this).attr("rel");
					var link_id = $(this).text();
	
					if (this.className.indexOf('current') == -1){
		
						$.showimage(link_id, src);
					
					}
					
					return false;
	
			  	});
							  
				count++;
									
			});
		
			// vorige
			container.find("ul").prepend("<li><a class=\"prev\" href=\"#\" rel=\"1\">< Vorige</a></li>").find("li:first a").click(function() { 
			
				if(Number($.current) - 1 > 0)
				$.showimage(Number($.current) - 1); 
				
				return false;
				
			});
					
			// volgende
			container.find("ul").append("<li><a class=\"next\" href=\"#\" rel=\"" + images_num + "\">Volgende ></a></li>").find("li:last a").click(function() { 
						
				if(Number($.current) + 1 <= images_num)
				$.showimage(Number($.current) + 1); 
				
				return false;
				
			});
			
			container.find("ul li a[href=#1]").addClass("current");

	});
	
}