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() {
								
    $('.studioWrapper #studioSlider .slide').cycle({
        fx: 'scrollHorz',
		timeout: 8000,
		speed: 750,
        pager: '.btnWrapper .btnGroup',
        pagerAnchorBuilder: function(idx, slide) {
            idxNUM = idx + 1;
            return '<div class="btnRegular">' + idxNUM + '</div>';
        }
    });
	$('.studioWrapper #studioSlider .btnGroup .btnRegular').click(function(){
		$('##studioWrapper #studioSlider.slide').cycle('stop');
	});
	
	
    $('.portfolioWrapper #portfolioSlider .slide').cycle({
        fx: 'scrollHorz',
		timeout: 5000,
		speed: 750,
        pager: '.btnWrapper .btnGroup',
        pagerAnchorBuilder: function(idx, slide) {
            idxNUM = idx + 1;
            return '<div class="btnRegular">' + idxNUM + '</div>';
        }
    });
	$('.portfolioWrapper #portfolioSlider .btnGroup .btnRegular').click(function(){
		$('##portfolioWrapper #portfolioSlider.slide').cycle('stop');
	});	
	

    $('#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');
	});
    $('#feedbackFade .fade').cycle({
        fx: 'fade',
		timeout: 4000,
		speed: 750,
        pager: '.btnWrapper .btnGroup',
        pagerAnchorBuilder: function(idx, slide) {
            idxNUM = idx + 1;
            return '<div class="btnRegular">' + idxNUM + '</div>';
        }
    });
	$('#feedbackFade .btnGroup .btnRegular').click(function(){
		$('#feedbackFade .fade').cycle('stop');
	});	

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