$(function(){
  //Get our elements for faster access and set overlay width
  var div = $('div.sc_menu'),
               ul = $('ul.sc_menu'),
               // unordered list's left margin
               ulPadding = 15;

  //Get menu width
  var divHeight = div.height();

  //Remove scrollbars
  div.css({overflow: 'hidden'});

  //Find last image container
  var lastLi = ul.find('li:last-child');

  //When user move mouse over menu
  div.mousemove(function(e){

    //As images are loaded ul width increases,
    //so we recalculate it each time
    var ulHeight = lastLi[0].offsetTop + lastLi.outerHeight() + ulPadding;

    var left = (e.pageY - div.offset().top) * (ulHeight-divHeight) / divHeight;
    div.scrollTop(left);
  });
});