jquery - ループ内の双方向バインディング

Question

4 div のhttp://jsfiddle.net/w5YHY/2/を含むループが作成される興味深い例を見つけました。

var $elements = $('#One, #Two, #Three, #Four');
    $elements.eq(i).fadeIn(1000, function() {
        var $self = $(this);
        setTimeout(function() {
            $self.fadeOut(1000);
            anim_loop((i + 1));
        }, 3000);
    });

ループは正常に動作します。

以下の疑問が頭に浮かびました。

各ラジオ ボタンは div に対応します。ループが 3 の位置にある場合、ラジオ 3 を選択する必要があります。これはどのように行われますか？逆に、ラジオは双方向バインディングのようにループを操作する必要があります。

さらに、左右のボタンをクリックすると、ループも変更されます。したがって、ループが位置 3 にあり、左ボタンをクリックすると、位置 2 に戻るはずです。

コードを繰り返さずにこれらすべてのイベントバインディングをエレガントに行うにはどうすればよいですか?