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 (console.log) console.log("after: " + index + " " + curr.src + next.src); 

	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;
    }

	//if (console.log) console.log("after: " + opts.currSlide + " " + curr.src + next.src); 
}
		
$(document).ready(function() {
    $('.slideshow').cycle({
		fx: transition, 
		after: onAfter,
    before: onBefore,
		timeout: 10,
        speed: slidedelay,
		pause: true
	});
});