jquery - trouble centering active slide in jcarousel -

i have slide show working how like, except:

to center active thumbnail, have click on twice, takes 1 click.

the first 3 thumbnails, , last 3 thumbnails not center, how want work. want if user clicks once on thumbnail in-between those, center thumbnail.

if has ideas, i'm ears, has been driving me crazy.

you can find demo at: http://brettjankord.com/standards/slideshows/jslideshow-test2.php

hmm, trouble seems onbefore call, .triggers image-loaded.

i changed initcallbackfunction this:

function initcallbackfunction(carousel) {     $('.jcarousel-item').click( function() {          var idx = $('#mycarousel li a.activeslide').data('index');          carousel.scroll( idx-2 );     });   }; 

and removed $('#advanced-slideshow').trigger('image-loaded'), , seems work fine.

fix shown here: http://jsfiddle.net/xpc4c/show