$(document).ready(function() {
    $(function(){
      // Need To Make Sure We Have jQuery Already Included
      // Source: http://valums.com/scroll-menu-jquery/

      //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 divWidth = div.width();

      //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 ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;

        var left = (e.pageX - div.offset().left) * (ulWidth-divWidth) / divWidth;
        div.scrollLeft(left);
      });
    });
});