var scrollApi = undefined;

$(function() {
    scrollApi = $("div.scrollable").scrollable({ clickable: false, size: 10 }).circular().autoscroll({ steps: 1, interval: 2000, api: true });

    $("a.scroll-left").bind("mouseover", function() {
        scrollApi.options.steps = 1;
        scrollApi.options.interval = 500;
        scrollApi.stop();
        scrollApi.play();
    });

    $("a.scroll-left").bind("mouseout", function() {
        scrollApi.options.interval = 2000;
        scrollApi.stop();
        scrollApi.play();
    });

    $("a.scroll-right").bind("mouseover", function() {
        scrollApi.options.steps = -1;
        scrollApi.options.interval = 500;
        scrollApi.stop();
        scrollApi.play();
    });

    $("a.scroll-right").bind("mouseout", function() {
        scrollApi.options.interval = 2000;
        scrollApi.stop();
        scrollApi.play();
    });
});