[jQuery] jCarousel - Centering selected <li> - displaying part of the surrounding elements

[jQuery] jCarousel - Centering selected <li> - displaying part of the surrounding elements


Hi all, I've been lurking around the web for a long time but couldn't
find any answer to this yet. Hope someone will have some insights!
I'm trying to recreate something similar to this:
http://billwscott.com/carousel/carousel_spotlight.html
I'm displaying 3 elements at the same time, but I want to have the
selected <li> centered (meaning that selecting the 1st will have
nothing on its left but will be centered in the carousel)
Also, the width of 3 elements will exceed the carousel's width (that's
what I want), so I need that the surrounding <li>'s will not display
completely ... A draft is available here: http://www.pi-r2.net/test/
(work only in FF3 and IE7 for now).
Also I can't get the external controls working in FF3 :/ No error
messages of any sorts
They work partially in FF2 and IE7 though
Help please!
And thanks for reading!
O.