$(function(){
 //Вызываем все элементы для более быстрого доступа к ним и указываем ширину     //рабочей области
 var div = $('div.sc_menu'),
               ul = $('ul.sc_menu'),
               // левый отступ (margin) ненумерованного списка
               ulPadding = 15;
  //Удаляем скроллбары
  div.css({overflow: 'hidden'});

  //Когда пользователь проводит мышкой над меню
  div.mousemove(function(e){
  //Указываем переменную для ширины меню
  var divWidth = $(this).width();
  //Ищем последний элемент списка
  var lastLi = $(this).find('li:last-child');
    //Так как ширина списка увеличивается с загрузкой каждой новой картинки,
    //то мы пересчитываем ее каждый раз
    var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;
    var left = (e.pageX - div.offset().left) * (ulWidth-divWidth) / divWidth;
    $(this).scrollLeft(left);
  });
});