// JavaScript Document

// --- 3 FOTOS -- //
window.addEvent('domready', function(){ 
	  var totIncrement		= 0;
	  var increment			= 595;
	  var maxRightIncrement	= increment*(-2);
	  var fx = new Fx.Style('myList', 'margin-left', {
				duration: 1000,
				transition: Fx.Transitions.Cubic.easeOut,
				wait: true
	   });
	  var fx2 = new Fx.Style('myListlegend', 'margin-left', {
				duration: 1000,
				transition: Fx.Transitions.Cubic.easeIn,
				wait: true
	   });
	   
	   //-------------------------------------
	  // EVENTS for the button "previous"
	  $('previous').addEvents({ 
          'click' : function(event){ 
		  if(totIncrement<0){
					totIncrement = totIncrement+increment;
					fx.stop()
					fx.start(totIncrement);
					fx2.stop()
					fx2.start(totIncrement);
				}
			}			  	  
      }); 
	 
       //-------------------------------------
	  // EVENTS for the button "next"
  	  $('next').addEvents({ 
          'click' : function(event){ 
			 if(totIncrement>maxRightIncrement){
				 totIncrement = totIncrement-increment;
		    	fx.stop()
				fx.start(totIncrement);
				fx2.stop()
				fx2.start(totIncrement);
				}
          }		  		  
      })

	 
});



//----------------------------------------------------------------------------------------------
//----------------------------------------------------------------------------------------------
//----------------------------------------------------------------------------------------------
//----------------------------------------------------------------------------------------------

// --- 3A FOTOS -- //
window.addEvent('domready', function(){ 
	  var totIncrement		= 0;
	  var increment			= 595;
	  var maxRightIncrement	= increment*(-2);
	  var fx = new Fx.Style('myList3a', 'margin-left', {
				duration: 1000,
				transition: Fx.Transitions.Cubic.easeOut,
				wait: true
	   });
	  var fx2 = new Fx.Style('myListlegend3a', 'margin-left', {
				duration: 1000,
				transition: Fx.Transitions.Cubic.easeIn,
				wait: true
	   });
	   
	   //-------------------------------------
	  // EVENTS for the button "previous"
	  $('previous7').addEvents({ 
          'click' : function(event){ 
		  if(totIncrement<0){
					totIncrement = totIncrement+increment;
					fx.stop()
					fx.start(totIncrement);
					fx2.stop()
					fx2.start(totIncrement);
				}
			}			  	  
      }); 
	 
       //-------------------------------------
	  // EVENTS for the button "next"
  	  $('next7').addEvents({ 
          'click' : function(event){ 
			 if(totIncrement>maxRightIncrement){
				 totIncrement = totIncrement-increment;
		    	fx.stop()
				fx.start(totIncrement);
				fx2.stop()
				fx2.start(totIncrement);
				}
          }		  		  
      })

	 
});



//----------------------------------------------------------------------------------------------
//----------------------------------------------------------------------------------------------
//----------------------------------------------------------------------------------------------
//----------------------------------------------------------------------------------------------


// ---- 7 FOTOS ---//
window.addEvent('domready', function(){ 
	  var totIncrement		= 0;
	  var increment			= 595;
	  var maxRightIncrement	= increment*(-6);
	  var fx = new Fx.Style('myList2', 'margin-left', {
				duration: 1000,
				transition: Fx.Transitions.Quart.easeInOut,
				wait: true
	   });
	  	  var fx2 = new Fx.Style('myListlegend2', 'margin-left', {
				duration: 1000,
				transition: Fx.Transitions.Cubic.easeIn,
				wait: true
	   });

	   //-------------------------------------
	  // EVENTS for the button "previous"
	  $('previous2').addEvents({ 
          'click' : function(event){ 
		  if(totIncrement<0){
					totIncrement = totIncrement+increment;
					fx.stop()
					fx.start(totIncrement);
					fx2.stop()
					fx2.start(totIncrement);
				}
			}			  	  
      }); 
	 
       //-------------------------------------
	  // EVENTS for the button "next"
  	  $('next2').addEvents({ 
          'click' : function(event){ 
			 if(totIncrement>maxRightIncrement){
				 totIncrement = totIncrement-increment;
					fx.stop()
					fx.start(totIncrement);
					fx2.stop()
					fx2.start(totIncrement);
			}
          }		  		  
      })

	 
});


//----------------------------------------------------------------------------------------------
//----------------------------------------------------------------------------------------------
//----------------------------------------------------------------------------------------------
//----------------------------------------------------------------------------------------------

//--- 5 FOTOS --- //
window.addEvent('domready', function(){ 
	  var totIncrement		= 0;
	  var increment			= 595;
	  var maxRightIncrement	= increment*(-4);
	  var fx = new Fx.Style('myList3', 'margin-left', {
				duration: 1000,
				transition: Fx.Transitions.Quart.easeInOut,
				wait: true
	   });
	  var fx2 = new Fx.Style('myListlegend3', 'margin-left', {
				duration: 1000,
				transition: Fx.Transitions.Cubic.easeIn,
				wait: true
	   });

	   //-------------------------------------
	  // EVENTS for the button "previous"
	  $('previous3').addEvents({ 
          'click' : function(event){ 
		  if(totIncrement<0){
					totIncrement = totIncrement+increment;
					fx.stop()
					fx.start(totIncrement);
					fx2.stop()
					fx2.start(totIncrement);
				}
			}			  	  
      }); 
	 
       //-------------------------------------
	  // EVENTS for the button "next"
  	  $('next3').addEvents({ 
          'click' : function(event){ 
			 if(totIncrement>maxRightIncrement){
				 totIncrement = totIncrement-increment;
					fx.stop()
					fx.start(totIncrement);
					fx2.stop()
					fx2.start(totIncrement);
			}
          }		  		  
      })

	 
});


//----------------------------------------------------------------------------------------------
//----------------------------------------------------------------------------------------------
//----------------------------------------------------------------------------------------------
//----------------------------------------------------------------------------------------------

// --- 4 FOTOS -- //
window.addEvent('domready', function(){ 
	  var totIncrement		= 0;
	  var increment			= 595;
	  var maxRightIncrement	= increment*(-3);
	  var fx = new Fx.Style('myList4', 'margin-left', {
				duration: 1000,
				transition: Fx.Transitions.Cubic.easeOut,
				wait: true
	   });
	  var fx2 = new Fx.Style('myListlegend4', 'margin-left', {
				duration: 1000,
				transition: Fx.Transitions.Cubic.easeIn,
				wait: true
	   });
	   
	   //-------------------------------------
	  // EVENTS for the button "previous"
	  $('previous4').addEvents({ 
          'click' : function(event){ 
		  if(totIncrement<0){
					totIncrement = totIncrement+increment;
					fx.stop()
					fx.start(totIncrement);
					fx2.stop()
					fx2.start(totIncrement);
				}
			}			  	  
      }); 
	 
       //-------------------------------------
	  // EVENTS for the button "next"
  	  $('next4').addEvents({ 
          'click' : function(event){ 
			 if(totIncrement>maxRightIncrement){
				 totIncrement = totIncrement-increment;
		    	fx.stop()
				fx.start(totIncrement);
				fx2.stop()
				fx2.start(totIncrement);
			}
          }		  		  
      })

	 
});

//----------------------------------------------------------------------------------------------
//----------------------------------------------------------------------------------------------
//----------------------------------------------------------------------------------------------
//----------------------------------------------------------------------------------------------

// --- 2 FOTOS -- //
window.addEvent('domready', function(){ 
	  var totIncrement		= 0;
	  var increment			= 595;
	  var maxRightIncrement	= increment*(-1);
	  var fx = new Fx.Style('myList5', 'margin-left', {
				duration: 1000,
				transition: Fx.Transitions.Cubic.easeOut,
				wait: true
	   });
	  var fx2 = new Fx.Style('myListlegend5', 'margin-left', {
				duration: 1000,
				transition: Fx.Transitions.Cubic.easeIn,
				wait: true
	   });
	   
	   //-------------------------------------
	  // EVENTS for the button "previous"
	  $('previous5').addEvents({ 
          'click' : function(event){ 
		  if(totIncrement<0){
					totIncrement = totIncrement+increment;
					fx.stop()
					fx.start(totIncrement);
					fx2.stop()
					fx2.start(totIncrement);
				}
			}			  	  
      }); 
	 
       //-------------------------------------
	  // EVENTS for the button "next"
  	  $('next5').addEvents({ 
          'click' : function(event){ 
			 if(totIncrement>maxRightIncrement){
				 totIncrement = totIncrement-increment;
		    	fx.stop()
				fx.start(totIncrement);
				fx2.stop()
				fx2.start(totIncrement);
			}
          }		  		  
      })

	 
});

//----------------------------------------------------------------------------------------------
//----------------------------------------------------------------------------------------------
//----------------------------------------------------------------------------------------------
//----------------------------------------------------------------------------------------------

// --- 12 FOTOS -- //
window.addEvent('domready', function(){ 
	  var totIncrement		= 0;
	  var increment			= 595;
	  var maxRightIncrement	= increment*(-11);
	  var fx = new Fx.Style('myList6', 'margin-left', {
				duration: 1000,
				transition: Fx.Transitions.Cubic.easeOut,
				wait: true
	   });
	  var fx2 = new Fx.Style('myListlegend6', 'margin-left', {
				duration: 1000,
				transition: Fx.Transitions.Cubic.easeIn,
				wait: true
	   });
	   
	   //-------------------------------------
	  // EVENTS for the button "previous"
	  $('previous6').addEvents({ 
          'click' : function(event){ 
		  if(totIncrement<0){
					totIncrement = totIncrement+increment;
					fx.stop()
					fx.start(totIncrement);
					fx2.stop()
					fx2.start(totIncrement);
				}
			}			  	  
      }); 
	 
       //-------------------------------------
	  // EVENTS for the button "next"
  	  $('next6').addEvents({ 
          'click' : function(event){ 
			 if(totIncrement>maxRightIncrement){
				 totIncrement = totIncrement-increment;
		    	fx.stop()
				fx.start(totIncrement);
				fx2.stop()
				fx2.start(totIncrement);
			}
          }		  		  
      })

	 
});