jQuery carousel animation jumping

Question

I'm using CarouFredSel jQuery plugin (http://caroufredsel.dev7studios.com) to create animated carousel on my site. However, I noticed the animation isn't correct - it animates waaay too far (compared to the settings I've coded), then at the end of animation, it jumps to the correct position.

Here's the page where the bug occurs: http://mnogal.pl/kopernik/html/strona_glowna.html - the text should always be in the middle, and the animation should just move to position the next text in the middle.

It's setup like PIC 1 - TEXT - PIC 2 - TEXT - PIC 1 etc. at the moment, so it should alternate the two pictures position after each animation, if that makes sense.

I ends up showing the correct thing after animation, it's just animating way too far and jumping before it ends.

I checked the demo on the side and nothing like that happens, my code also seems correct, nothing out of the ordinary:

$("#carousel .overview").carouFredSel({
    height: 507,
    items: {
          visible: 3,
    },
    scroll: {
        items: 2,
        duration: 3000
    },
    auto: 6000
});

Can anyone help? I can't figure this out.

Answer 1

There is no scripts.js (http://mnogal.pl/kopernik/html/js/scripts.js) on the server. The error this generates prevents other javascript from running. Get that fixed first!