window.addEvent('domready', function() {
                var pos = 0;
                var offset = 190;                        // HOW MUCH TO MOVE
                var currentslide = 1;
                var stop = 1;
                var items = $('sl-items');
                var onArrow = false;
		  var cl=0;
                var fx = new Fx.Morph(items, {duration: 1000, transition: Fx.Transitions.linear});

                var scroll = new Fx.Scroll('sl-wrapper', {
                         offset:{'x':0, 'y':0},
                         duration: 1000,
                         transition: Fx.Transitions.Quad.easeInOut
                 });

                 var slideIt = function(){
                       if(stop){
                            if (currentslide >= (slides-2) ){
                                 scroll.set(0,0);
                                 currentslide=2;
                                 pos = offset;
                                 scroll.start(pos);
                            } else {
                                 currentslide++;
                                 pos += offset;
                                 scroll.start(pos);
                            }
                       }
                 };


                 //call the function, periodically
                 if (slides != 0){
                            slideIt.periodical(6000, this);
                 }



                $('sl-moveleft').addEvent('click', function(event) {
                     event = new Event(event).stop();
			ctime=new Date();
			cl1=ctime.getTime();
			if((cl1-cl)>1000){
			   cl=cl1;
                        if(currentslide == 1) {
                           scroll.set((slides-3)*offset,0);
                           currentslide=slides-3;
                           pos = (slides-4)*offset;
                        } else {
                           currentslide--;
                           pos += -(offset);
                        }
                        scroll.start(pos);
			}
                });


                $('sl-moveright').addEvent('click', function(event) {
                     event = new Event(event).stop();
			ctime=new Date();
			cl1=ctime.getTime();
			if((cl1-cl)>1000){
			   cl=cl1;
                        if(currentslide == (slides-2)) {
                           scroll.set(0,0);
                           currentslide=2;
                           pos = offset;
                        } else {
                           if(currentslide > (slides-2)) {
                              currentslide=currentslide-slides+3;
                              pos = offset*(currentslide-1);
			      } else {	
                              currentslide++;
                              pos += offset;
			      }
                        }
                        scroll.start(pos);
			}
                });


                $('sl-wrapper').addEvent('mouseenter', function(event) {
                        event = new Event(event).stop();
                        stop = 0;
                        $('sl-moveright').setStyle('display', 'block');
                        $('sl-moveleft').setStyle('display', 'block');
                });

                $('sl-wrapper').addEvent('mouseleave', function(event) {
                        event = new Event(event).stop();
                        stop = 1;
                        $('sl-moveright').setStyle('display', 'none');
                        $('sl-moveleft').setStyle('display', 'none');
                });

                $('sl-moveright').addEvent('mouseenter', function(event) {
                        event = new Event(event).stop();
                        stop = 0;
                });

                $('sl-moveright').addEvent('mouseleave', function(event) {
                        event = new Event(event).stop();
                        stop = 1;
                });



                $('sl-moveleft').addEvent('mouseenter', function(event) {
                        event = new Event(event).stop();
                        stop = 0;
                });

                $('sl-moveleft').addEvent('mouseleave', function(event) {
                        event = new Event(event).stop();
                        stop = 1;
                });



});