var rolling = false;
var current = false;
var rolls = 0;

function rollForward()
{
    $roll = $('#roll');
    if (!rolling) {
        if (-$roll.position().left <= $roll.width() - rollX + 5) {
            rolling = true;
            $roll.animate( { left: '-=' + rollX + 'px' }, 'fast', 'linear', function() { rolling = false; } );

            rolls++;
        }
    }
}

$(function(){
    $('#next').click(function(){
        return true;
        rollForward();
    });

    $('#prev').click(function(){
        return true;
        if (!rolling) {
            $roll = $('#roll');
            if ($roll.position().left) {
                rolling = true;
                $roll.animate( { left: '+=' + rollX + 'px' }, 'fast', 'linear', function() { rolling = false; } );

                rolls--;
            }
        }
    });

    $('#roll > a').click(function(){
        $('#img').attr('src', $(this).attr('href'));

        current = $(this); //текущая ссылка
        //alert(current.attr('tagName'));

        return false;
    });

    current = $('#roll > a:first');



    $('#img').click(function(){
        $('#img').attr('src', current.next().attr('href'));
        if (current && current.position && current.position().left - 620 * rolls > 400) {
            rollForward();
        }
        current = current.next(); //текущая картинка
    });
});

var rollX = 620;