Im trying to animate an element while the user overs a link

```
var i = 0;

function next(){
    while (i>-10) {
        i--;
        $('#conteudo').animate({left:"'"+i+"px'"},'slow');
    };
}

$('#next').hover(function(){
    next();
});

```

but its instantly incrementing the value -10.. im trying to do something like this: -1..-2..-3..-4.. until it get to -10. Can I control the delay before it increments?

what im doing wrong?

here's the link for jsfiddle <http://jsfiddle.net/KwhSg/>