jQuery(document).ready(function($){
  jQuery(".group-gallery__group-block").click(function(){
    var position = $(this).position();
    var scroll = jQuery('.group-gallery__groups-row').scrollLeft();
    jQuery('.group-gallery__groups-row').animate({
        'scrollLeft': scroll + position.left - 30
    }, 200);
  
  });
  
  jQuery(".group-gallery__control--left").click(function(e){
    e.preventDefault();
    
    if(jQuery(".group-gallery__group-block.active").prev('div').length == 0){
      jQuery(".group-gallery__group-block:last-child").trigger("click");
    }else{
      jQuery(".group-gallery__group-block.active").prev('div').trigger('click');
    }
  });
  jQuery(".group-gallery__control--right").click(function(e){
    e.preventDefault();
    
    if(jQuery(".group-gallery__group-block.active").next('div').length == 0){
      jQuery(".group-gallery__group-block:first-child").trigger("click");
    }else{
      jQuery(".group-gallery__group-block.active").next('div').trigger('click');  
    }
  });
});

