Эффект слайдера jQuery с одной временной шкалой

Question

Я пытаюсь добиться эффекта среза с задержкой с одной временной шкалой.

Демо-страница с эффектом слайса без задержки:
Демо-страница: http://jsfiddle.net/Wa8m4/5/

Каков наилучший способ добиться задержки, как здесь:
http://aviathemes.com/aviaslider/?slider=droping-curtain

Код:

/**
* animation step event
*/
$container.on('animationStepEvent', function(e, percent){       

    var maxSlideWidth = WIDTH/SLIDES_NUM
        ,width = percent*maxSlideWidth/100
        ,opacity = percent*1/100;

    $blocks.each(function(index, value){

        var left = maxSlideWidth * index
            ,height = percent*HEIGHT/100;

        $(this).css({
            width: width
            ,height: height
            ,opacity: opacity
            ,left: left
            ,'backgroundPosition': '-' + maxSlideWidth*index + 'px 0'
        });
    });
});

Обновить:

Кажется, что это невозможно с одной временной шкалой,
ближайший эффект, которого я смог достичь: http://jsfiddle.net/RxZJt/4/

благодаря этому вопросу:
Как уменьшить диапазон чисел с известным минимальным и максимальным значением