classe pra slideshow

exemplo.html

<div id="slider1">
	<ul class="slideshow"></ul>
	<a href="#" class="prev">Anterior</a>
	<a href="#" class="next">Próximo</a>
	<div class="page"></div>
</div>


<div id="slider2">
	<ul class="slideshow"></ul>
	<a href="#" class="prev">Anterior</a>
	<a href="#" class="next">Próximo</a>
	<div class="page"></div>
</div>

slider.js

var Slider  = function(){
	var slide = {};

	slide.add = function (parent, id, prev, next, paginator, effect, timeout){
	
		var sliderId         = parent + ' '+ id;
		var sliderPrev       = parent + ' '+ prev;
		var sliderNext       = parent + ' '+ next;
		var sliderPaginator  = parent + ' '+ paginator;
		var sliderEffect      = typeof(effect) == 'undefined' ? 'fade' : effect;
		var slidertimeout     = typeof(timeout) == 'undefined' ? 5000 : timeout;

	  $(sliderId).cycle({
			fx : sliderEffect,
			prev : sliderPrev,
			next: sliderNext,
			pager : sliderPaginator,
			timeout : slidertimeout

		});
	};

	
	return {
		add : slide.add
	}

};

var sd = new Slider();
    sd.add('#slider1', '.slideshow', '.prev', '.next', '.paginator');
    sd.add('#slider2', '.slideshow', '.prev', '.next', '.paginator');