(function($) {
	$.fn.simpleSlideShow = function(settings) {
		// settings
		settings = jQuery.extend({
			    	speed: 2000,
			    	show_captions: true
			  }, settings);
		// do onload to all found instances
    	this.each(function() {
    		var $this = $(this);
    		var speed = settings.speed;
      		var mytag = $this.attr("class");
      		$('ul.'+mytag+' li').css({opacity: 0.0});  			//Set the opacity of all images to 0
      		$('ul.'+mytag+' li:first').css({opacity: 1.0});  	//Get the first image and display it (set it to full opacity)
      		
      		setInterval(function(){
      			//if no IMGs have the show class, grab the first image  
    			var current = ($('ul.'+mytag+'li.show')?  $('ul.'+mytag+' li.show') : $('#ul.'+mytag+' li:first'));  
  				//Get next image, if it reached the end of the slideshow, rotate it back to the first image  
			    var next = ((current.next().length) ? ((current.next().attr('id') == mytag)? $('ul.'+mytag+' li:first') :current.next()) : $('ul.'+mytag+' li:first'));  
			    //Set the fade in effect for the next image, show class has higher z-index  
			    next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000);  
			    //Hide the current image  
			    current.animate({opacity: 0.0}, 1000).removeClass('show');	
      		},speed);
      	});	
      	return this;    
  	}
})(jQuery);

