JQuery Cycle Plugin, no ScrollVert

JQuery Cycle Plugin, no ScrollVert

Hello, First I want to say that Cycle plugin is simply awesome, the simplicity is extraordinary.
The problem that I have is that I try to create a nested slideshow with 2 slideshows. The inner slideshows move horizontaly and the core slides should move Vertically, Up for "next" down for "prev".

What happens though is that the horizontal ones move OK but the vertical slide is not happenning, it simply moves to the new image (the 1st of the next slide) but without transition.
I have no JS errors or something else to show that there is something wrong.

I move to the next and prev with external buttons:
slideshow.cycle('next');

And this is my code:

var inners = $('.innerPages').cycle().cycle('stop');

var slideshow = firstElement.cycle({
    fx:      'scrollVert',
    speed:    700,
    timeout:  0,
    slideResize: true,
    manualTrump: true,
    fit:       true,
    before:   function(){
          // stop all inner slideshows
            inners.cycle('stop');
           
            // start the new slide's slideshow
           currentSlide =  $(this).cycle({
                fx: 'scrollHorz',
                timeout:  4000,
                slideResize: true,
                sync:      true,
                fit:       true,
                before: function(curr, next, opts) {
            opts.animOut.opacity = 0;
        }
                });
    }
    });

If there is no apparent solution for this, could I use scrollUp and scrollDown to move between the inner slides?
If yes how could I change the cycle() attributes to move Up for next and Down for prev?
I tried: slideshow.cycle({fx:'scrollUp'}).cycle('next') but it didn't work.

Thanks in advance.