window.addEvent('domready', function(){ 
			  var totIncrement		= 0;
			  var increment			= 549;
			  var maxRightIncrement	= increment*(--1);
              var fx = new Fx.Style('myList', 'margin-left', {
						duration: 1000,
						transition: Fx.Transitions.Back.easeInOut,
						wait: true
			   });
			   
			   //-------------------------------------
			  // EVENTS for the button "previous"
			  $('previous').addEvents({ 
				  'click' : function(event){ 
				  if(totIncrement<0){
							totIncrement = totIncrement+increment;
							fx.stop()
							fx.start(totIncrement);
						}
					}			  	  
			  }); 
			 
			   //-------------------------------------
			  // EVENTS for the button "next"
			  $('next').addEvents({ 
				  'click' : function(event){ 
					 if(totIncrement>maxRightIncrement){
						 totIncrement = totIncrement-increment;
						fx.stop()
						fx.start(totIncrement);
					}
				  }		  		  
			  })
			   //-------------------------------------
			  // EVENTS for the button "start"
			  $('start').addEvents({ 
				  'click' : function(event){ 
					 if(totIncrement<0){
						 totIncrement = 0;
						fx.stop()
						fx.start(totIncrement);
					}
				  }		  		  
			  })
			   //-------------------------------------
			  // EVENTS for the button "end"
			  $('end').addEvents({ 
				  'click' : function(event){ 
					 if(totIncrement>maxRightIncrement){
						 totIncrement = maxRightIncrement;
						fx.stop()
						fx.start(totIncrement);
					}
				  }		  		  
			  })

			 
		});