CatalogWidgetSlider = Class.create();
CatalogWidgetSlider.prototype = {
	initialize: function(key, slider, currentPosition)
	{
		this.key = key;
		this.nbToSlide = 1;
		this.currentPosition = currentPosition;
		this.slider = $(slider);
		
	    Event.observe(window, 'load', function() {
	    	Event.observe($('slider-previous-'+this.key), 'click', function(event) {
	    		this.catSlide(this.nbToSlide*(-1), event);
	    	}.bind(this));
	    	
	    	Event.observe($('slider-next-'+this.key), 'click', function(event) {
	    		this.catSlide(this.nbToSlide, event);
	    	}.bind(this));
	    	
	    	this.setCurrentProductPosition(this.currentPosition);
	    }.bind(this));
	},
	
	setNbToSlide: function(nb)
	{
		this.nbToSlide = nb;
	},
    
    catSlide: function(n, event)
    {
    	if (n < 0){
    		for (var i=0; i>n;i--){
    			this.slider.insert({top: this.slider.childElements().last()});
    		}
    	} else {
    		for (var i=0; i<Math.abs(n);i++){
    			this.slider.insert({bottom: this.slider.childElements().first()});
    		}
    	}
    },
    
	setCurrentProductPosition: function(pos)
	{
    	var childElements = this.slider.childElements();
    	var positionCurrent = 0;
    	for (var i=0; i<childElements.size()-1; i++){
    		if (childElements[i].id == 'current-prod') {
    			positionCurrent = i;
    			break;
    		}
    	}
    	this.catSlide(positionCurrent-pos+1);
    }
}