function makeScrollbar(content,scrollbar,handle,horizontal,ignoreMouse, scrollbarUp, scrollbarDown, heightTotal ){
	//alert(heightTotal);
	if(heightTotal < 150){
		$('listeCinemas').setStyle('height', "150px");
		$$('#containerScrollBar').setStyle('height', "150px");
		$$('#scrollbar1').setStyle('height', "112px");	
		$$('.scrollbar-vert').setStyle('height', "112px");		
	}
	
	
	var steps = (horizontal?(content.getScrollSize().x - content.getSize().x):(content.getScrollSize().y - content.getSize().y))

	var sizeUp = 0;
	var sizeDown = 0;
	
	if (scrollbarUp) {
	
		sizeUp = (horizontal?scrollbarUp.getSize().x:scrollbarUp.getSize().y);
		
		scrollbarUp.addEvent('click', function(e){
			e = new Event(e).stop();
			var step = slider.step - 30;
			slider.set(step);
		});
	}
	
	if (scrollbarDown) {
		sizeDown = (horizontal?scrollbarDown.getSize().x:scrollbarDown.getSize().y);
		scrollbarDown.addEvent('click', function(e){
		
			var step = slider.step + 30;
			
			slider.set(step);
		});
	}

	nbSteps = content.getScrollSize().y/content.getSize().y;
	sizeHandle = ((content.getSize().y - sizeDown - sizeUp)/nbSteps);
	
	handle.setStyle('height',sizeHandle+'px');
	
	
	if(slider){
		slider.set('steps',steps);
	}else{
		var slider = new Slider(scrollbar, handle, {	
			steps: steps,
			mode: (horizontal?'horizontal':'vertical'),
			onChange: function(step){
				// Scrolls the content element in x or y direction.
				var x = (horizontal?step:0);
				var y = (horizontal?0:step);
				content.scrollTo(x,y);
			}
		}).set(0);
	}
	
	if( !(ignoreMouse) ){
		// Scroll the content element when the mousewheel is used within the 
		// content or the scrollbar element.
		$$(content, scrollbar).addEvent('mousewheel', function(e){	
			e = new Event(e).stop();
			var step = slider.step - e.wheel * 30;	
			slider.set(step);					
		});
	}
	
	if(steps <= 1){
		handle.setStyle('visibility','hidden');
		scrollbarUp.fade(0.5);
		scrollbarDown.fade(0.5);
	}
	
	// Stops the handle dragging process when the mouse leaves the document body.
	$(document.body).addEvent('mouseleave',function(){slider.drag.stop();});
}

function makeScrollbarVideos(content,scrollbar,handle,horizontal,ignoreMouse, scrollbarUp, scrollbarDown, heightTotal){
	//alert(heightTotal);
	if(heightTotal != 0 && heightTotal < 150){
		$('listeVideos').setStyle('height', "150px");
		$$('#containerScrollBarVideos').setStyle('height', "150px");
		$$('#scrollbar2').setStyle('height', "112px");
		$$('.scrollbar-vert-videos').setStyle('height', "112px");
	}


	var steps = (horizontal?(content.getScrollSize().x - content.getSize().x):(content.getScrollSize().y - content.getSize().y))

	var sizeUp = 0;
	var sizeDown = 0;

	if (scrollbarUp) {

		sizeUp = (horizontal?scrollbarUp.getSize().x:scrollbarUp.getSize().y);

		scrollbarUp.addEvent('click', function(e){
			e = new Event(e).stop();
			var step = slider.step - 30;
			slider.set(step);
		});
	}

	if (scrollbarDown) {
		sizeDown = (horizontal?scrollbarDown.getSize().x:scrollbarDown.getSize().y);
		scrollbarDown.addEvent('click', function(e){

			var step = slider.step + 30;

			slider.set(step);
		});
	}

	nbSteps = content.getScrollSize().y/content.getSize().y;
	sizeHandle = ((content.getSize().y - sizeDown - sizeUp)/nbSteps);

	handle.setStyle('height',sizeHandle+'px');


	if(slider){
		slider.set('steps',steps);
	}else{
		var slider = new Slider(scrollbar, handle, {
			steps: steps,
			mode: (horizontal?'horizontal':'vertical'),
			onChange: function(step){
				// Scrolls the content element in x or y direction.
				var x = (horizontal?step:0);
				var y = (horizontal?0:step);
				content.scrollTo(x,y);
			}
		}).set(0);
	}

	if( !(ignoreMouse) ){
		// Scroll the content element when the mousewheel is used within the
		// content or the scrollbar element.
		$$(content, scrollbar).addEvent('mousewheel', function(e){
			e = new Event(e).stop();
			var step = slider.step - e.wheel * 30;
			slider.set(step);
		});
	}

	if(steps <= 1){
		handle.setStyle('visibility','hidden');
		scrollbarUp.fade(0.5);
		scrollbarDown.fade(0.5);
	}

	// Stops the handle dragging process when the mouse leaves the document body.
	$(document.body).addEvent('mouseleave',function(){slider.drag.stop();});
}