zemka99

jsfiddle.net/k0o5nb0e/3
вполне себе работает

Если у вас есть возможность поменять структуру переменной beers и сделать вот так

var beers ={
		array:[{
			...
		},{
			...
		},{
			..
		}]
	};

то дальше можно без проблем работать с this.array

beers.reduceBeers = function(){
		this.array = [];
		this.array.reduce(function (all, item, index) {
			if (item.locale === 'domestic') {
				this.array.push(item);
			}
			return this.array;
		}, []);
		return this;
	};

вроде должно сработать

видимо для последнего элемента переменная nextImg даст ошибку
потому что вот здесь $(".detail_page_content img").eq(i+1) - пытаетесь обратиться к несуществующему элементу
$(".detail_page_content img").eq(i+1).offset() - даст undefined

Проблема скорее всего в фокусе
$(".wpcc_icon.note").click(function(){
$(this).toggleClass("active").parent().parent().next().next().slideToggle("fast");
$(this).parent().parent().next().next().children().next().children(".wpcc_inputtext ").focus();
return false;
});
вот тут вы устанавливаете фокус на инпут, даже когда он скрыт, что и может вызвать ошибку
https://api.jquery.com/focus/ - вот тут так делать не рекомендуют
попробуйте прописать условие от класса
if($(this).hasClass("active")){
$(this).parent().parent().next().next().children().next().children(".wpcc_inputtext ").focus();
}
если не поможет, то можно попробовать запомнить координаты и вручную прокручивать страницу обратно