﻿$(function () {
	$("#hlBtnThumbsScrollUp").bind("click", function () {
		var scrollHeight = ($(window).width() >= 1260) ? ((117 * 4) + 1) : ((114 * 4) - 2);
		var y = ThumbsGetTransformY();
		var thumbsHeight = parseInt($('.saleobject-thumbs-list-inside').css('height').replace('px', ''));
		var newY = y < 0 && (y + scrollHeight) < 0 ? y + scrollHeight : 0;
		$(".saleobject-thumbs-list-inside").css('transform', 'translateY(' + newY + 'px)');
		if (newY == 0) {
			this.classList.add("hidden");
		}
		var btnDown = $("#hlBtnThumbsScrollDown");
		if (btnDown.hasClass("hidden") && (((newY * -1) + 500) < thumbsHeight)) btnDown.removeClass("hidden");
		return false;
	});
	$("#hlBtnThumbsScrollDown").bind("click", function () {
		var scrollHeight = ($(window).width() >= 1260) ? ((117 * 4) + 1) : ((114 * 4) - 2);
		var y = ThumbsGetTransformY();
		var thumbsHeight = parseInt($('.saleobject-thumbs-list-inside').css('height').replace('px', ''));
		var newY = y - scrollHeight;
		$(".saleobject-thumbs-list-inside").css('transform', 'translateY(' + newY + 'px)');
		if (((newY * -1) + 500) > thumbsHeight) {
			this.classList.add("hidden");
		}
		var btnUp = $("#hlBtnThumbsScrollUp");
		if (btnUp.hasClass("hidden") && newY < 0) btnUp.removeClass("hidden");
		return false;
	});
	function ThumbsGetTransformY() {
		var matrix = GetTransformMatrix();
		var y = matrix[13] || matrix[5];//translate y
		return (typeof y === 'undefined') ? 0 : parseInt(y);
	}
	function GetTransformMatrix() {
		var obj = $('.saleobject-thumbs-list-inside');
		var transformMatrix = obj.css("-webkit-transform") ||
			obj.css("-moz-transform") ||
			obj.css("-ms-transform") ||
			obj.css("-o-transform") ||
			obj.css("transform");
		var matrix = transformMatrix.replace(/[^0-9\-.,]/g, '').split(',');
		return matrix;
	}
});
