$(document).ready(function() {

	$('#sshow').cycle({ 
		fx:      'fade', 
		timeout:  10000, 
		before:   onBefore
	}); 
 

    // we'll be adding slides beach3.jpg - beach8.jpg to the slideshow 
    var totalSlideCount = 50; 
     
    function onBefore(curr, next, opts) { 
        // on the first pass, addSlide is undefined (plugin hasn't yet created the fn); 
        // when we're finshed adding slides we'll null it out again 
        if (!opts.addSlide) 
            return; 
 
        // on Before arguments: 
        //  curr == DOM element for the slide that is currently being displayed 
        //  next == DOM element for the slide that is about to be displayed 
        //  opts == slideshow options 
             
        var currentImageNum = parseInt(next.src.match(/(\d)\-slide/)[1]);

        if (currentImageNum == totalSlideCount) {
            // final slide in our slide slideshow is about to be displayed 
            // so there are no more to fetch 
            opts.addSlide = null;
            return;
        }

		var str = currentImageNum + 1;
		var numstring = str;
		if (str < 100) {
			numstring = '0' + str;
			if (str < 10) {
				numstring = '00' + str;
			}
		}
        // add our next slide
        opts.addSlide('<img class="headerImg" src="/wp-content/themes/uploads/header-images/slide-'+(str)+'.jpg" />');
    };
});