window.addEvent('domready', function(){									 
	  
	  var totIncrement		= 0;
	  var increment			= 478;
	  var maxRightIncrement	= increment*(-6);
	  var fx = new Fx.Style('myList', 'margin-left', {
				duration: 1000,
				transition: Fx.Transitions.Pow.easeOut,
				wait: true
	   });
	   
	   //Transition: Pow Expo Circ Sine Back Bounce Elastic
	   
	   //-------------------------------------
	  // 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); 
			}
          }		  		  
      })
	  
	  $('next1').addEvents({ 
          'click' : function(event){ 
				totIncrement = increment*(-0);;
		    	fx.stop()
				fx.start(totIncrement); 
          }		  		  
      })
	  
	  $('next2').addEvents({ 
          'click' : function(event){ 
				totIncrement = increment*(-1);;
		    	fx.stop()
				fx.start(totIncrement); 
          }		  		  
      })
	  
	  $('next3').addEvents({ 
          'click' : function(event){ 
				totIncrement = increment*(-2);;
		    	fx.stop()
				fx.start(totIncrement); 
          }		  		  
      })
	  
	  $('next4').addEvents({ 
          'click' : function(event){ 
				totIncrement = increment*(-3);;
		    	fx.stop()
				fx.start(totIncrement); 
          }		  		  
      })
	  
	  $('next5').addEvents({ 
          'click' : function(event){ 
				totIncrement = increment*(-4);;
		    	fx.stop()
				fx.start(totIncrement); 
          }		  		  
      })
	  
	  $('next6').addEvents({ 
          'click' : function(event){ 
				totIncrement = increment*(-5);;
		    	fx.stop()
				fx.start(totIncrement); 
          }		  		  
      })
	  
	  $('next7').addEvents({ 
          'click' : function(event){ 
				totIncrement = increment*(-6);;
		    	fx.stop()
				fx.start(totIncrement); 
          }		  		  
      })
	  
	  $('next8').addEvents({ 
          'click' : function(event){ 
				totIncrement = increment*(-7);;
		    	fx.stop()
				fx.start(totIncrement); 
          }		  		  
      })
	  
	  $('next9').addEvents({ 
          'click' : function(event){ 
				totIncrement = increment*(-8);;
		    	fx.stop()
				fx.start(totIncrement); 
          }		  		  
      })
	  
	  $('next10').addEvents({ 
          'click' : function(event){ 
				totIncrement = increment*(-9);;
		    	fx.stop()
				fx.start(totIncrement); 
          }		  		  
      })  
	 
});