var ContentSlider = new Class({
	
	Implements: [Options, Events],
	
	options:{
		itemList : 'item_list'
	},

	initialize: function(element, sliderTrack, sliderKnob, options){
		this.setOptions(options);
		this.element = $(element);
		this.sliderTrack = $(sliderTrack);
		this.sliderKnob = $(sliderKnob);
		
		
		var sizeSelector = '#' + this.options.itemList + ' li';
		var size = this.element.getElement(sizeSelector).getSize();
		var sliderCount = $(this.options.itemList).getChildren().length;
		var sliderWidth = sliderCount * size.x;
		var slider = new Slider(this.sliderTrack, this.sliderKnob,{
			steps : 600,
			range : [0, size.x],
			onChange : function(step){
				this.element.setStyle('left', step * -(sliderCount - 1));
			}.bind(this)
		});
		
		
		this.element.setStyle('width', sliderWidth);
		
	}
});