window.addEvent('load', function(){	

	var widthshowCase = $E('.scContainer').getStyle('width').toInt();
	
	$$('.levels').each(function(el){
	
		var myTable = el.getElement('.tableScContainer');
		
		var widthTotal = myTable.getStyle('width').toInt();
		
		if (widthTotal > widthshowCase) {
		
			// test
			var tailleDuScroll = 500/(widthTotal / 500);
			el.getElement('.scrollContent').setStyle('width', tailleDuScroll);
			// test
		
			var mySlide = new Slider(el.getElement('.scrollContainer'), el.getElement('.scrollContent'), {
				steps: widthTotal-widthshowCase,
				onChange: function(step){
					el.getElement('.showCase').setStyle('margin-left', -step);
				}
			}).set(0);
		
		}else{
			
			el.getElement('.scrollContainer').setStyle('visibility', 'hidden');
			el.getElement('.scrollContent').setStyle('visibility', 'hidden');
		
		}
	});
});