jquery - jQuery ループとカスタム CSS アニメーションのリセット

Question

私はアニメーション化されたバナーウィッチを持っています。アニメーションが完了したらアニメーションを再開する必要があります。私の問題は、バナーが一度だけアニメーション化されることです。これは私が使用する私のjQueryコードです：

FourshatiAnimation();

function FourshatiAnimation() {
/* One */
$forshati_text.addClass('forshati-text-trans');

$forshati_logo.delay(1000).queue(function(next) {
    $(this).addClass('forshati-logo-trans');
});

$download_btn.delay(2000).queue(function(next) {
    $(this).addClass('dwn-btn-trans');
});

$forshati_one.delay(4500).fadeOut('slow');


/* Two */
$icon_two.delay(5000).queue(function(next) {
    $(this).addClass('icon-img-trans');
    next(); 
    $text_two.delay(1000).queue(function(next) {
        $(this).addClass('forshati-txt-trans');
    });

    $forshati_text.removeClass('forshati-text-trans');
    $forshati_logo.removeClass('forshati-logo-trans');
    $download_btn.removeClass('dwn-btn-trans');
});

$forshati_two.delay(9000).fadeOut('slow');
$icon_two.removeClass('icon-img-trans');
$text_two.removeClass('forshati-txt-trans');
window.setTimeout(function() { FourshatiAnimation() }, 10000)
}

私の jsFiddle。