function makeScrollable(wrapper, scrollable){
	// Get jQuery elements
	var wrapper = $(wrapper), scrollable = $(scrollable);
	
	// Hide images until they are not loaded
	scrollable.hide();
	var loading = $('<div class="loading">Loading...</div>').appendTo(wrapper);
	
	// Set function that will check if all images are loaded
	var interval = setInterval(function(){
		var images = scrollable.find('img');
		var completed = 0;
		
		// Counts number of images that are succesfully loaded
		images.each(function(){
			if (this.complete) completed++;
		});
		
		if (completed == images.length){
			clearInterval(interval);
			// Timeout added to fix problem with Chrome
			setTimeout(function(){
		
				loading.hide();
				// Remove scrollbars
				wrapper.css({overflow: 'hidden'});                                              
			
				scrollable.slideDown('slow', function(){
					enable(wrapper, scrollable);
				});
			}, 1000);
		}
	}, 100);
	
	function enable(wrapper, scrollable){
		// height of area at the top at bottom, that don't respond to mousemove
		var inactiveMargin = 100;
		// Cache for performance
		var wrapperWidth = $(wrapper).width();
		if (wrapperWidth==0){wrapperWidth = 260;} //si au chargement, le wrapper est en display none (ex:parge accuel), les dimensions sont = 0 donc pose pb qd après on clique sur onglet cat car dim tjrs = 0
		var wrapperHeight = $(wrapper).height();
		if (wrapperHeight==0){wrapperHeight = 200;}
		// Using outer height to include padding too
		var scrollableHeight = $(scrollable).outerHeight() + 2*inactiveMargin;
		if(scrollableHeight==2*inactiveMargin){scrollableHeight=591;}
		// Do not cache wrapperOffset, because it can change when user resizes window
		// We could use onresize event, but it's just not worth doing that
		// var wrapperOffset = wrapper.offset();
		
		//When user move mouse over menu
		
		wrapper.mousemove(function(e){
		//wrapper.live("mousemove", function(e){				
		var wrapperOffset = $(wrapper).offset();
		var wrapperOffset_top = wrapperOffset.top;
		if(wrapperOffset_top==0){wrapperOffset_top=179.5;}
		// Scroll menu
		var top = (e.pageY -  wrapperOffset_top) * (scrollableHeight - wrapperHeight) / wrapperHeight  - inactiveMargin;
		//var top = (e.pageY - 179.5) * (591-200)/200-100;
		
		if (top < 0){top = 0;}
		$(wrapper).scrollTop(top);
		});
	}
}

