Jquery Malsup Cycle, multiple slideshows with next & prev buttons outside off slideshow

Jquery Malsup Cycle, multiple slideshows with next & prev buttons outside off slideshow

Hello folks.
I am using multiple cycle slideshows with the aid of the .js below(great start!) but I would like some more control of the next & prev buttons positioning. But as soon as I move next and prev divs outside of the image slide div I lose all communication to the slideshow and get zero control - no fade action.  
Ok, so here's my my .js which allows me to have multiple slideshows. I imagine lines 7,8 need some changes? Any help appreciated.

$(document).ready(function() {
    $('.items').each(function(){
      $(this).cycle({ 
        fx:'fade',
        speed:500,
        timeout: 0,
        next: $('.next', $(this).parent()),
        prev: $('.prev', $(this).parent())
      });
    });
  });

Malsup demo - http://jquery.malsup.com/cycle/multi-prevnext.html
Thanks