$(function() {
	var stack = []; 
 
    // preload images into an array; we will preload beach3.jpg - beach8.jpg 
    $("#slideshow img").each(function(){ 
        var img = new Image(584,309); 
        img.src = $(this).attr("src"); 
        $(img).bind('load', function() { 
            stack.push(this); 
        }); 
    });
    $('#slideshow').after('<div id="nav" class="nav"></div>').cycle({
        fx:     'fade',
        speed:  2000,
        timeout: 5000,
        pager:  '#nav',
		prev:   '#prev1', 
    	next:   '#next1',
        before: function(){
			$.loadImages(0,stack,'');
		}
    });
	$('#pause').click(function() { 
		$('#slideshow').cycle('pause'); 
	});
	$('#resume').click(function() { 
		$('#slideshow').cycle('resume'); 
	});
});
	/************ image Preloader ************/
(function($){
    var cache = [];
    $.loadImages = function(i,images, callback){
        if (!(images instanceof Array)) {
            images = [images];
        }
        var imagesLength = images.length;
        var loadedCounter = 0;
        //for (var i = imagesLength; i--;) {
			var cacheImage = document.createElement('img');
            cacheImage.onload = function(){
                loadedCounter++;
                if (i >= imagesLength-1) {
                    if ($.isFunction(callback)) {
                        callback();
                    }
                }
				$.loadImages(i+1,images,callback);
            }
            cacheImage.src = images[i];
            cache.push(cacheImage);
        //}
    }
})(jQuery)