jquery - マウス ホバーで親指を変更する

Question

このスクリプトに問題があり、最後の画像の後に親指を回転し続けることができません

var cdn_url     = 'http://cdn.domain.com/';
var timers  = new Array;
var images  = new Array;
function changeThumb( id, cdn_url )
{
        document.getElementById(id).src = cdn_url;
}

$(document).ready(function() {
    $("img[id*='tmb_']").mouseover(function(){
        var image_id    = $(this).attr("id");
        var id_split    = image_id.split('_');
        var one    = id_split[1];
        var two    = id_split[2];
        thumbs = 10;

        for ( var i=0; i<=thumbs; i++   ) {
            var image_url = cdn_url + one + '/' + two + '/' + i + '.jpg';
            images[i]     = new Image();
            images[i].src = image_url;
        }
        for ( var i=0; i<=thumbs; i++ ) {
            timers[i] = setTimeout("changeThumb('" + image_id + "','" + cdn_url + one + '/' + two + '/' + i + '.jpg' + "')", i*200);
        }
    }).mouseout(function(){
        var image_id    = $(this).attr("id");
        var id_split    = image_id.split('_');
        var one    = id_split[1];
        var two    = id_split[2];
        var init = id_split[3];
        thumbs = 10;

        for ( var i=0; i<=thumbs; i++ ) {
            if ( typeof timers[i] == "number" ) {
                clearTimeout(timers[i]);
            }
        }
        $(this).attr('src', cdn_url + one + '/' + two + '/' + init + '.jpg');
    });
});

html

<img id="tmb_0613_2913374229_4" class="img"  src="http://cdn.domain.com/thumbs/0613/2913374229/4.jpg" />

親指はホバー時に回転しますが、最後 (10.jpg) が 0.jpg から再び開始されません。