var int;

function forward() {
    var item_width = ($('#scroller_ul li').outerWidth() + 2);
    var left_indent = parseInt($('#scroller_ul').css('left')) + (item_width);

    $('#scroller_ul:not(:animated)').animate({ 'left': left_indent }, 600, function() {
        $('#scroller_ul li:first').before($('#scroller_ul li:last'));
        $('#scroller_ul').css({ 'left': -item_width });
    });
}

function back() {
    var item_width = $('#scroller_ul li').outerWidth() + 2;
    var left_indent = parseInt($('#scroller_ul').css('left')) - item_width;

    $('#scroller_ul:not(:animated)').animate({ 'left': left_indent }, 600, function() {
        $('#scroller_ul li:last').after($('#scroller_ul li:first'));
        $('#scroller_ul').css({ 'left': -item_width });
    });
}

$(document).ready(function() {
    jQuery.easing.def = "easeInOutQuad";

    $('#scroller_ul li:first').before($('#scroller_ul li:last'));

    $("#right-click").mouseenter(function() {
        window.clearInterval(int);
        back();
        int = window.setInterval('back()', 600);
    }).mouseleave(function() {
        window.clearInterval(int);
        //int = window.setInterval('back()', 10000);
    });

    $("#left-click").mouseenter(function() {
        window.clearInterval(int);
        forward();
        int = window.setInterval('forward()', 600);
    }).mouseleave(function() {
        window.clearInterval(int);
        //int = window.setInterval('back()', 10000);
    });

   window.clearInterval(int);

});