function onAfter(curr, next, opts) {
    var index = opts.currSlide;
    $('#prev')[index == 0 ? 'show' : 'show']();
    $('#next')[index == opts.slideCount - 1 ? 'show' : 'show']();
}
jQuery(document).ready(function() {

    $('#slideShow .slide').cycle({
        fx: 'scrollHorz',
	    prev:   '#prev', 
    	next:   '#next', 
	    after:   onAfter, 
		timeout: 8000,
		speed: 750,
        pager: '.btnWrapper .btnGroup',
        pagerAnchorBuilder: function(idx, slide) {
            idxNUM = idx + 1;
            return '<div class="btnRegular">' + idxNUM + '</div>';
        }
    });

	$('#slideShow .btnGroup .btnRegular').click(function(){
		$('#slideShow .slide').cycle('stop');
	});
});

$.fn.cycle.updateActivePagerLink = function(pager, currSlideIndex) {
    $(pager).find('div').removeClass('btnActive')
        .filter('div:eq(' + currSlideIndex + ')').addClass('btnActive');
};