var backlog = 0;
var counter = 0;
var forwardcounter = 0;

function onAfter(curr, next, opts) {
	var index = opts.currSlide +1 ;

    counter++;

	var realindex = counter - backlog;

	if(next.src.match("-.jpg") == null) {
		 $('#counter').html( (realindex < 10) ? '0' + realindex : realindex );
	} else {
		backlog++;
	}
}

function onBefore(curr, next, opts) {
    if (opts.currSlide == 0) {
        counter = 0;
        backlog = 0;
    }

    if (forwardcounter) {
        counter++;
        forwardcounter = 0;
    }

    if (curr.src == next.src) {
        forwardcounter = 1;
    }
}
		
$(document).ready(function() {
    $('.slideshow').cycle({
		fx: transition, 
		// after: onAfter,
    	// before: onBefore,
		timeout: 10,
        speed: slidedelay,
		pause: true
	});
});