function makeScrollable(wrapper, scrollable) {
	var wrapper = $(wrapper), scrollable = $(scrollable);
	scrollable.hide();
	//var loading = $('<div class="loading">Loading...</div>').appendTo(wrapper);
	
	var interval = setInterval(function() {
		var images = scrollable.find('img');
		var completed = 0;

		images.each(function() {
			if(this.complete) completed++;	
		});
		
		if (completed == images.length){
			clearInterval(interval);
			setTimeout(function() {				
				//loading.hide();	
				wrapper.css({overflow: 'hidden'});						
				scrollable.slideDown('slow', function() {
					enable();	
				});					
			}, 1000);	
		}
	}, 100);
	
	function enable() {
		var inactiveMargin = 0;		
		var wrapperWidth = wrapper.width();
		var wrapperHeight = wrapper.height();
		var scrollableHeight = scrollable.outerHeight() + 2 * inactiveMargin;
		var tooltip = $('<div class="sc_menu_tooltip"></div>')
			.css('opacity', 0)
			.appendTo(wrapper);

		scrollable.find('a').each(function() {				
			$(this).data('tooltipText', this.title);				
		});
		
		scrollable.find('a').removeAttr('title');		
		scrollable.find('img').removeAttr('alt');	
		
		var lastTarget;			
		wrapper.mousemove(function(e) {
			lastTarget = e.target;
			var wrapperOffset = wrapper.offset();	
			var tooltipLeft = e.pageX - wrapperOffset.left + 6;
			tooltipLeft = Math.min(tooltipLeft, wrapperWidth - 20);			
			var tooltipTop = e.pageY - wrapperOffset.top + wrapper.scrollTop() - 40;	
			if(e.pageY - wrapperOffset.top < wrapperHeight / 2) {
				tooltipTop += 60;
			}	
			tooltip.css({top: tooltipTop, left: tooltipLeft});				
			var top = (e.pageY -  wrapperOffset.top) * (scrollableHeight - wrapperHeight) / wrapperHeight - inactiveMargin;
			if (top < 0) { top = 0; }			
			wrapper.scrollTop(top);
		});
		
		var interval = setInterval(function(){
			if (!lastTarget) return;								
			var currentText = tooltip.text();
			
			if (lastTarget.nodeName == 'IMG') {					
				var newText = $(lastTarget).parent().data('tooltipText');
				if (currentText != newText) {
					tooltip
						.stop(true)
						.css('opacity', 0)	
						.text(newText)
						.animate({opacity: .7}, 1000);
				}					
			}
		}, 200);
		
		wrapper.mouseleave(function() {
			lastTarget = false;
			tooltip.stop(true).css('opacity', 0).text('');
		});				
	}
}
	
if($) {
	$(document).ready(
		function() {
			makeScrollable("div.sc_menu_wrapper", "div.sc_menu");
		}
	);
}