// JavaScript Document
function slider(lista, cantidad, espacios, altura)
{
window.addEvent('domready', function(){ 
	var previo=($(lista+'_previous'));
	var	siguiente=($(lista+'_next'));
	previo.setStyle('display', 'none');
	  var totIncrement		= 0;
	  var increment			= altura*espacios;
	  var maxIncrement	= increment*Math.floor(-cantidad/espacios);
		var fx = new Fx.Tween($(lista), {duration: 500, transition: 'cubic:in:out'});
 	if(cantidad <=espacios) {
	  siguiente.setStyle('display', 'none');
	 }
	   //-------------------------------------
	  // EVENTS for the button "previous"
	 previo.addEvent('click', function() {
        if(totIncrement < 0) {
            totIncrement += increment;
			fx.pause(); 
            fx.start('margin-top', totIncrement);
        }
		if(totIncrement > maxIncrement) {siguiente.reveal();}
		if(totIncrement ==0) {previo.dissolve();}
    });
       //-------------------------------------
	  // EVENTS for the button "next"
  	  siguiente.addEvent('click', function() {
        if(totIncrement > maxIncrement) {
            totIncrement -= increment;
			fx.pause(); 
            fx.start('margin-top', totIncrement);
        }
		if(totIncrement <0) {previo.reveal();}
		if(totIncrement-increment == maxIncrement) {siguiente.dissolve();}
    });
});

}