var viewPort = 204;
var scrollerSemafor = false;

$j(document).ready(function()
{
  $j('.scroll.next, .scroll.more').click(function()
  {
    if (!scrollerSemafor) {
      scrollerSemafor = true;
      var button = $j(this);

      var columns = $j(button).parent().prevAll('ul:first');// parent() bo dodałem diva
      if (!columns.length)
        columns = $j(button).parent().parent().prevAll('ul:first');

      if(!columns.length)
        columns = $j(button).prevAll('ul:first');

      if (!$j(button).hasClass('loop')) {
        var first = parseInt($j(columns).css('marginLeft')) == -viewPort;
        var last  = parseInt($j(columns).css('marginLeft')) * -1 == viewPort * ($j(columns).children('li').length - 2);
        if (last) {
          $j(button).parent().css('visibility', 'hidden');
        }
        if (!first) {
          $j(button).parent().prev().css('visibility', 'visible');
        }
      }

      $j(columns).animate({
        marginLeft: '-=' + viewPort + 'px'
      }, 500);
      setTimeout(function()
      {
        if ($j(button).hasClass('loop')) {
          var first = $j(columns).children('li')[0];
          var clone = $j(first).clone();
          $j(first).remove();
          $j(columns).css('marginLeft', parseInt($j(columns).css('marginLeft')) + viewPort + 'px').append($j(clone));
        }
        scrollerSemafor = false;
      }, 600);
    }
  });

  $j('.scroll.prev').css('visibility', 'hidden').click(function()
  {
    if (!scrollerSemafor) {
      scrollerSemafor = true;
      var button = $j(this);

      var columns = $j(button).prevAll('ul:first');
      if (!columns.length)
        columns = $j(button).parent().prevAll('ul:first');

      var first  = parseInt($j(columns).css('marginLeft')) == -viewPort;
      var last   = parseInt($j(columns).css('marginLeft')) * -1 == viewPort * ($j(columns).children('li').length - 2);
      if (first) {
        $j(button).css('visibility', 'hidden');
      }
      if (!last) {
        $j(button).next().css('visibility', 'visible');
      }

      $j(columns).animate({
        marginLeft: '+=' + viewPort + 'px'
      }, 500);
      setTimeout(function()
      {
        scrollerSemafor = false;
      }, 600);
    }
  });
});