var cloudless = cloudless || {};

cloudless.slideshow = function(_opts) {

    var opts = {
		fx:                 'fade',
		timeout:            8000,       // 0 for manual advance
		speed:              800,    
		pause:              1,
		next:               '.slideshow .slide', 
		pager:              '.pager', 
		activePagerClass:   'active',
		pagerAnchorBuilder: function(idx, slide) { 
            return '#pager-' + (idx + 1); 
        },
        containerResize: 1
    }
    
    $.extend(opts, _opts);
    
    $(document).ready(function(){
        
        $('.slideshow').cycle(opts);
    	
    	$('.slideshow-wrapper .controls .next').click(function() {
    	    $('.slides').cycle('next');
    	});
        
    	$('.slideshow-wrapper .controls .prev').click(function() {
    	    $('.slides').cycle('prev');
    	});
    
    });
};