$(function() {
    var stack = [];

    // preload images into an array
    /*for (var i = 3; i < 9; i++) {
        var img = new Image(200,200);
        img.src = 'images/beach' + i + '.jpg';
        stack.push(img);
    } */

      $("#slideshow").cycle({
          timeout: 4000,
          speed:   1000,
          sync: 0,
          pager:  '#nav',
          before:  onBefore
      });
      
      
    // add images to slideshow
    function onBefore(curr, next, opts) {
        if (opts.addSlide) // <-- important!
            while(stack.length)
                opts.addSlide(stack.shift()); 
    };
});