$(document).ready(function () {
  $('.tabs').click(function () {
    $('.tab-container').removeClass('act');
    $(this).parent().addClass('act');
    $('.items-container').removeClass('active').hide();
    $('.'+$(this).attr('rel')).show().addClass('active');
    if ($('.'+$(this).attr('rel')).css('left').replace('px', '') - 0 < 0) $('.blur-l').show(); else $('.blur-l').hide();
    return false;
  });

  var interval = null;
  var scroll_container = null;
  var SCROLL_DELAY = 25, SCROLL_DY = 50;

  shiftLeft = function() {
    var container = $(scroll_container);
    var list = $('table.active', container);
    var listWidth = list.width();
    if (listWidth <= container.width()) return;
    var maxOffset = listWidth - container.width();
    var offset = parseInt(list.css('left'));
    $('.blur-l').show();
    if (offset >= -maxOffset + SCROLL_DY)
      offset -= SCROLL_DY;
    else {
      offset = -maxOffset;
    }
    list.css('left', offset + 'px');
  };

  shiftRight = function() {
    var container = $(scroll_container);
    var list = $('table.active', container);
    var listWidth = list.width();
    if (listWidth <= container.width()) return;
    var offset = parseInt(list.css('left'));
    if (offset <= -SCROLL_DY) {
      offset += SCROLL_DY;
    } else {
      offset = 15;
      $('.blur-l').hide();
    }
    list.css('left', offset + 'px');
  };

  $('.larr_scroll').mousedown(function() {
    scroll_container = $(this).siblings('.scroller_line');
    interval = window.setInterval(shiftRight, SCROLL_DELAY);
    return false;
  });
  $('.rarr_scroll').mousedown(function() {
    scroll_container = $(this).siblings('.scroller_line');
    interval = window.setInterval(shiftLeft, SCROLL_DELAY);
    return false;
  });
  $('.larr_scroll, .rarr_scroll').mouseup(function() {
    scroll_container = null;
    window.clearInterval(interval);
    return false;
  });
  $('.larr_scroll, .rarr_scroll').mouseleave(function() {
    scroll_container = null;
    window.clearInterval(interval);
    return false;
  });
  $('.larr_scroll, .rarr_scroll').click(function() { return false; });
/*
  $('.scroller_line').mousewheel(function(e, delta) {
    scroll_container = $(this);
    var i;
    if (delta > 0)
      for (i = 0; i < delta; i++) shiftRight();
    else
      for (i = delta; i < 0; i++) shiftLeft();
    scroll_container = null;
    return false;
  });
*/

  Ajaxer.init({
    placeholder: '.order-action-link',
    datatype: 'json',
    url: function (a) {$(a).siblings('.loader-button').show();return $('.product-url').text()+'?home=1&a=basket-add&id='+$(a).attr('rel')+'&quant='+$(a).siblings('label').find('.quantity-input').val()},
    trigger_after: 'order_loaded',
    callback: function (reply) {
      $('.order-action-link[rel="'+reply+'"]').removeClass('green_button').addClass('grey_button')
      if ($('.order-action-link[rel="'+reply+'"]').siblings('p').length == 0) $('.order-action-link[rel="'+reply+'"]').after('<p class="added">Добавлен в корзину</p>');
      $('.order-action-link[rel="'+reply+'"]').siblings('.loader-button').hide();
    }
  });

  $('.quantity-input').keydown(function () {
    $(this).parent().siblings('button').removeClass('grey_button').addClass('green_button');
  });

  $('.blur_l').hide();

  $(window).resize(function() {
    var container = $('.scroller_line');
    var list = $('table.active', container);
    var listWidth = list.width();
    if (listWidth <= container.width()) return;
    var maxOffset = listWidth - container.width();
    var offset = parseInt(list.css('left'));
    $('.blur-l').show();
    if (offset >= -maxOffset + SCROLL_DY) {
    } else {
      offset = -maxOffset;
    }
    list.css('left', offset + 'px');
  });
});