function mycarousel_initCallback(carousel)
{
// Disable autoscrolling if the user clicks the prev or next button.
carousel.buttonNext.bind('click', function() {
carousel.startAuto(8);
});
carousel.buttonPrev.bind('click', function() {
carousel.startAuto(8);
});
// Pause autoscrolling if the user moves with the cursor over the clip.
carousel.clip.hover(function() {
carousel.stopAuto();
}, function() {
carousel.startAuto();
});
};
jQuery(document).ready(function() {
jQuery('#scrollable').jcarousel({
auto: 8, itemFallbackDimension: 960, size: 7, animation: 500, easing: 'swing', scroll: 1, fade: 1,
wrap: 'circular', 
initCallback: mycarousel_initCallback
});
});