function onAfter(curr, next, opts) {
    var index = opts.currSlide;
    $("#pager li").removeClass("active");
    $("#pager li").eq(index).addClass("active");
    
}
$(document).ready(function() {
    $('.tbmasoned').masonry({
        columnWidth: 195,
        itemSelector: '.box'
    });
    $("#bookslider").cycle({fx: 'scrollLeft', timeout:7000, after: onAfter})
    $("#pager li").click(function(){
        $("#pager li").removeClass("active");
        $(this).addClass("active");
        $("#bookslider").cycle($(this).index())
    })

});