hello

i am using noobslide Sample6 and i am trying to add more images but i can't obtain the same effect.

here is part of my code:

PHP Code:
<script type="text/javascript" src="mootools-1.2-core.js"></script>
    <script type="text/javascript" src="_class.noobSlide.packed.js"></script>
    <script type="text/javascript">
        window.addEvent('domready',function(){
                //SAMPLE 6 (on "mouseenter" walk)
                var sampleObjectItems =[
                        {title:'Morbi elementum', autor:'Lorem', date:'5 Jun 2007', link:'http://www.link1.com'},
                        {title:'Mollis leo', autor:'Ipsum', date:'6 Dic 2007', link:'http://www.link2.com'},
                        {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 info6 = $('box6').getNext().set('opacity',0.5);
               
                var nS6 = new noobSlide({
                        mode: 'vertical',
                        box: $('box6'),
                        items: sampleObjectItems,
                        size: 180,
                        [B]handles: $$('#handles6_1 div').extend($$('#handles6_2 div')) .extend($$('#handles6_3 div')),[/B]
                        handle_event: 'mouseenter',
                        addButtons: {
                                previous: $('prev6'),
                                play: $('play6'),
                                stop: $('stop6'),
                                playback: $('playback6'),
                                next: $('next6')
                        },
                        button_event: 'click',
                        fxOptions: {
                                duration: 1000,
                                transition: Fx.Transitions.Back.easeOut,
                                wait: false
                        },
                        onWalk: function(currentItem,currentHandle){
                                info6.empty();
                                new Element('h4').set('html','<a href="'+currentItem.link+'" target="blank">link</a>'+currentItem.title).inject(info6);

                                new Element('p').set('html','Autor: '+currentItem.autor+'     Date: '+currentItem.date).inject(info6);
                                this.handles.set('opacity',0.3);
                                currentHandle.set('opacity',1);
                        }
                });
        });
        </script> 
<link rel="icon" href="images/favicon.ico"/>

</head>
<body>
<!--main start -->
<div id="main">
<!--left panel start -->
<div id="left">
 <div class="latest"></div>
 <div style="height:120px">
<div class="thumbs" id="handles6_1" >
        <div><img src="img1.jpg"  alt="Photo Thumb" /></div>
        <div><img src="img2.jpg" alt="Photo Thumb" /></div>
        <div><img src="img3.jpg" alt="Photo Thumb" /></div>
        <div><img src="img4.jpg" alt="Photo Thumb" /></div>
    </div>
    <div class="thumbs" id="handles6_2" style="float:left">
        <div><img src="img5.jpg" alt="Photo Thumb" /></div>
        <div><img src="img6.jpg" alt="Photo Thumb" /></div>
        <div><img src="img7.jpg" alt="Photo Thumb" /></div>
        <div><img src="img8.jpg" alt="Photo Thumb" /></div>
    </div></div>
     
  <div class="template"></div>
   <div style="height:120px">
<div class="thumbs" id="handles6_3" >
        <div><img src="img1.jpg"  alt="Photo Thumb" /></div>
        <div><img src="img2.jpg" alt="Photo Thumb" /></div>
        <div><img src="img3.jpg" alt="Photo Thumb" /></div>
        <div><img src="img4.jpg" alt="Photo Thumb" /></div>
    </div>
    <div class="thumbs" id="handles6_4" style="float:left">
        <div><img src="img5.jpg" alt="Photo Thumb" /></div>
        <div><img src="img6.jpg" alt="Photo Thumb" /></div>
        <div><img src="img7.jpg" alt="Photo Thumb" /></div>
        <div><img src="img8.jpg" alt="Photo Thumb" /></div>
    </div></div>

  
  
  <div class="forum2"></div> 
the bolded code is my guess how to add the effect to new images..the effect is added but when i try to hover on the image it goes blank.