$(document).ready(function() 
{
  $(".gallery ul").draggable(
  { 
    axis: 'x',
    scroll: false,
    stop: function(event, ui) 
    {
      var l = $("div.gallery ul").position().left;
      var bodyWidth = $('body').innerWidth();
      var maxPos = bodyWidth - 4395;
      
      if (l > 0)
      {
        var dif = l;
        $("div.gallery ul").animate({left: '-=' + dif}, 500, function(){});
      }
      else if (l < maxPos)
      {
        var dif = maxPos - l;
        $("div.gallery ul").animate({left: '+=' + dif}, 500, function(){});
      }
    }
  });
  
  $("div.left").click(
    function()
    {
      var l = $("div.gallery ul").position().left + 400;
      $("div.gallery ul").animate({left: l > 0 ? '0' : '+=400'}, 500, function(){});
    }
  );
  $("div.right").click(
    function()
    {
      var bodyWidth = $('body').innerWidth();
      var maxPos = bodyWidth - 4395;
      var l = $("div.gallery ul").position().left 
      var r = l - 400;
      
      var dif = 400;
      
      if (r < maxPos)
      {
        dif = l - maxPos;
      }
      
      $("div.gallery ul").animate({left: '-=' + dif}, 500, function(){});
    }
  );
});