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() {

    $('#bannerFade .fade').cycle({
        fx: 'fade',
	    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>';
        }
    });

	$('#bannerFade .btnGroup .btnRegular').click(function(){
		$('#bannerFade .fade').cycle('stop');
	});
    
});

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