Cycle hover on mouseout

Cycle hover on mouseout

Hi,

I was wondering if someone knows how  the Cycle plugin works.

Is there a way to restart the “slideshow” by fading to the first image on mouseout 
(instead of pausing)?

jQuery(function($){
    $(".slides").cycle({
        fx:     'fade',
        speed:   450,
        timeout: 5,
        startingSlide: 0,
    }).cycle("pause");

    // Pause & play on hover
    $(".slideshow-block").mouseover(function() {
     $(this).find(".slides").addClass('active').cycle('resume');
    }).mouseout(function(){
    $(this).find(".slides").removeClass('active').cycle('pause');
});

});

I found this code but it doesn't work for me.

$(this).find(‘.slides’).removeClass(‘active’).cycle(‘stop’).cycle({
startingSlide: 0
});

Here is my  jsfiddle

Thanks in advance for any help with this!