function makeScrollable(wrapper, scrollable, isLoaded){
  // Get jQuery elements
  var wrapper = $(wrapper), scrollable = $(scrollable);
  
  if (!isLoaded) {
    // 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();
          });
        }, 1000);
      }
    }, 100);
  } else {
    enable();
  }

  function enable(){
    // height of area at the top and bottom, that don't respond to mousemove
    var inactiveMargin = 0;
    // Cache for performance
    var wrapperWidth = wrapper.width();
    var wrapperHeight = wrapper.height();
    // Using outer height to include padding too
    var scrollableHeight = scrollable.outerHeight() + 2*inactiveMargin;
    // 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();

    // Create a invisible tooltip
    var tooltip = $('<div class="sc_menu_tooltip"></div>')
      .css('opacity', 0)
      .appendTo(wrapper);

    // Save menu titles
    scrollable.find('a').each(function(){
      $(this).data('tooltipText', this.title);
    });

    // Remove default tooltip
    scrollable.find('a').removeAttr('title');
    // Remove default tooltip in IE
    scrollable.find('img').removeAttr('alt');

    var lastTarget;
    //When user move mouse over menu
    wrapper.mousemove(function(e){
      // Save target
      lastTarget = e.target;

      var wrapperOffset = wrapper.offset();

      var tooltipLeft = e.pageX - wrapperOffset.left;
      // Do not let tooltip to move out of menu.
      // Because overflow is set to hidden, we will not be able too see it
      tooltipLeft = Math.min(tooltipLeft, wrapperWidth - 75); //tooltip.outerWidth());

      var tooltipTop = e.pageY - wrapperOffset.top + wrapper.scrollTop() - 40;
      // Move tooltip under the mouse when we are in the higher part of the menu
      if (e.pageY - wrapperOffset.top < wrapperHeight/2){
        tooltipTop += 80;
      }
      tooltip.css({top: tooltipTop, left: tooltipLeft});

      // Scroll menu
      var top = (e.pageY -  wrapperOffset.top) * (scrollableHeight - wrapperHeight) / wrapperHeight - inactiveMargin;
      if (top < 0){
        top = 0;
      }
      wrapper.scrollTop(top);
    });

    // Setting interval helps solving perfomance problems in IE
    var interval = setInterval(function(){
      if (!lastTarget) return;

      var currentText = tooltip.text();

      if (lastTarget.nodeName == 'IMG'){
        // We've attached data to a link, not image
        var newText = $(lastTarget).parent().data('tooltipText');


      }
    }, 200);

    // Hide tooltip when leaving menu
    wrapper.mouseleave(function(){
      lastTarget = false;
      tooltip.stop(true).css('opacity', 0).text('');
    });
  }
}

$(function(){
  makeScrollable("div.scrollerWrap", "div.imageStrip", false);
});