noobSlide thumbFx troubles

[gitanoblue]

Hi,

(I hope ths is the appropriate place to ask this.  If not please feel
free to boot me in the right direction, thanks.)

I have been using the noobSlide samples to create a navigation/
header.  Mouseenter on buttons changes header image and returns to
original state on mouseleave.

The trouble is I can't get the thumbFx to happen. The thumb tween
isn't sliding in.  Not sure what I am doing wrong.

Here is a link to a test page (with rough graphics for placement
only): http://www.gipsyblue.com/navtest/1.html

And below is the code from the page.  Thank you in advance for any
help getting me started with this.

Chris

Code:

window.addEvent('domready',function(){
                var info5 = $('info5').set('opacity',0.3);
                var sampleObjectItems =[
                        {title:'Morbi elementum', autor:'Lorem', date:'5 Jun 
2007',
link:'mailto:[EMAIL PROTECTED]'},
                        {title:'Mollis leo2', autor:'Ipsum', date:'6 Dic 2007',
link:'mailto:[EMAIL PROTECTED]'},
                        {title:'Nunc adipiscing', autor:'Dolor', date:'9 Feb 
2007',
link:'http://www.link3.com'},
                        {title:'Phasellus volutpat pharetra', autor:'Sit', 
date:'22 Jul
2007', link:'http://www.link4.com'},
                        {title:'Sed sollicitudin diam', autor:'Amet', date:'30 
Set 2007',
link:'http://www.link5.com'},
                        {title:'Ut quis magna vel', autor:'Consecteur', date:'5 
Nov 2007',
link:'http://www.link6.com'},
                        {title:'Curabitur et ante in', autor:'Adipsim', 
date:'12 Mar 2007',
link:'http://www.link7.com'},
                        {title:'Aliquam commodo', autor:'Colom', date:'10 Abr 
2007',
link:'http://www.link8.com'}
                ];
                var startItem = 3; //or   0   or any
                var thumbs_mask5 = $('thumbs_mask5').setStyle('left',
(startItem*54-573)+'px').set('opacity',0.4);
                var fxOptions5 = {property:'left',duration:1000,
transition:Fx.Transitions.Back.easeOut, wait:false};
                var thumbsFx = new Fx.Tween(thumbs_mask5,fxOptions5);
                var nS5 = new noobSlide({
                        box: $('box5'),
                        mode: 'vertical',
                        size: 150,
                        items: sampleObjectItems,
                        handles: $$('#thumbs_handles5 span'),
                        handle_event: 'mouseenter',
                        fxOptions: $(fxOptions5,thumbsFx),
                        onWalk: function(currentItem,currentHandle){
                                info5.empty();
                                thumbsFx.start(currentItem*54-573);
                                new Element('h4').set('html','<a 
href="'+currentItem.link
+'">gBlue</a>'+currentItem.title).inject(info5);
                                new Element('p').set('html','<b>Autor</b>: 
'+currentItem.autor+'
&nbsp; &nbsp; <b>Date</b>: '+currentItem.date).inject(info5);
                                this.handles.set('opacity',0.3);
                                currentHandle.set('opacity',1);
                        },
                        startItem: startItem
                        });
                var mouseLeaveFunction = function(currentItem){
                         nS5.walk(1);
                                }
                        window.addEvent('domready', function() {
                         $('thumbs_handles5').addEvent('mouseleave', 
mouseLeaveFunction);
                        });
                        nS5.walk(1);
        });