/**
* @bxjs_lang_path config.php
*/
(function() {

var BX = window.BX;
BX.namespace("BXRL");

if (typeof BXRL.render != 'undefined')
{
	return;
}

BX.namespace("BXRL.render");
BX.namespace("BXRL.manager");

BXRL.render = {

	reactionsList: ['like', 'kiss', 'laugh', 'wonder', 'cry', 'angry'],
	popupCurrentReaction: false,
	popupPagesList: [],
	popupSizeInitialized: false,
	blockShowPopup: false,
	blockShowPopupTimeout: false,
	afterClickBlockShowPopup: false,
	touchStartPosition: null,
	touchCurrentPosition: {
		x: null,
		y: null
	},
	currentReactionNodeHover: null,
	touchMoveDeltaY: null,
	touchScrollTop: 0,
	hasMobileTouchMoved: null,
	mobileOverlay: null,

	getTopUsersText: function(params)
	{
		var you = (typeof params.you != 'undefined' ? !!params.you : false);
		var topList = (typeof params.top != 'undefined' && BX.type.isArray(params.top) ? params.top : []);
		var more = (typeof params.more != 'undefined' ? parseInt(params.more) : 0);

		if (
			!you
			&& topList.length <= 0
			&& more <= 0
		)
		{
			return '';
		}

		var result = BX.message('RATING_LIKE_TOP_TEXT2_' + (you ? 'YOU_' : '') + (topList.length) + (more > 0 ? '_MORE' : '')).
			replace("#OVERFLOW_START#", BXRL.manager.mobile ? '<span class="feed-post-emoji-text-item-overflow">' : '').
			replace("#OVERFLOW_END#", BXRL.manager.mobile ? '</span>' : '').
			replace("#MORE_START#", BXRL.manager.mobile ? '<span class="feed-post-emoji-text-item-more">' : '&nbsp;').
			replace("#MORE_END#", BXRL.manager.mobile ? '</span>' : '');

		for(var i in topList)
		{
			if (!topList.hasOwnProperty(i))
			{
				continue;
			}

			result = result.replace('#USER_' + (parseInt(i) + 1) + '#', '<span class="feed-post-emoji-text-item">' + topList[i].NAME_FORMATTED + '</span>');
		}

		return result.replace('#USERS_MORE#', '<span class="feed-post-emoji-text-item">' + more + '</span>');
	},

	getUserReaction: function(params)
	{
		var result = '';
		var userReactionNode = (BX(params.userReactionNode) ? BX(params.userReactionNode) : false);

		if (userReactionNode)
		{
			result = userReactionNode.getAttribute('data-value');
		}

		return result;
	},

	setReaction: function(params)
	{
		if (
			typeof params.rating == 'undefined'
			|| !BX.type.isNotEmptyString(params.likeId)
		)
		{
			return;
		}

		var
			likeId = params.likeId,
			rating = params.rating,
			action = (BX.type.isNotEmptyString(params.action) ? params.action : 'add'),
			userReaction = (BX.type.isNotEmptyString(params.userReaction) ? params.userReaction : BX.message('RATING_LIKE_REACTION_DEFAULT')),
			userReactionOld = (BX.type.isNotEmptyString(params.userReactionOld) ? params.userReactionOld : BX.message('RATING_LIKE_REACTION_DEFAULT')),
			totalCount = (typeof params.totalCount != 'undefined' ? parseInt(params.totalCount) : null),
			userId = (typeof params.userId != 'undefined' ? parseInt(params.userId) : parseInt(BX.message('USER_ID')));

		if (!BX.util.in_array(action, ['add', 'cancel', 'change']))
		{
			return;
		}

		if (
			action == 'change'
			&& userReaction == userReactionOld
		)
		{
			return;
		}

		var userReactionNode = (BX(rating.userReactionNode) ? BX(rating.userReactionNode) : false);
		var reactionsNode = (BX(rating.reactionsNode) ? BX(rating.reactionsNode) : false);
		var topPanel = (BX(rating.topPanel) ? BX(rating.topPanel) : false);
		var topPanelContainer = (BX(rating.topPanelContainer) ? BX(rating.topPanelContainer) : false);
		var topUsersText = (BX(rating.topUsersText) ? BX(rating.topUsersText) : false);
		var countText = (BX(rating.countText) ? BX(rating.countText) : false);
		var buttonText = (BX(rating.buttonText) ? BX(rating.buttonText) : false);

		if (
			userId == BX.message('USER_ID') // not pull
			&& userReactionNode
		)
		{
			userReactionNode.setAttribute('data-value', (BX.util.in_array(action, ['add', 'change']) ? userReaction : ''));
		}

		var
			i = 0,
			elements = false,
			elementsNew = false,
			reactionValue = false,
			reactionCount = false;

		if (
			totalCount !== null
			&& topPanel
			&& topUsersText
			&& reactionsNode
		)
		{
			if (totalCount > 0)
			{
				topPanelContainer.classList.add('feed-post-emoji-top-panel-container-active');

				if (!topPanel.classList.contains('feed-post-emoji-container-toggle'))
				{
					topPanel.classList.add('feed-post-emoji-container-toggle');
					topUsersText.classList.add('feed-post-emoji-move-to-right');
					reactionsNode.classList.add('feed-post-emoji-icon-box-show');
				}
			}
			else if (totalCount <= 0)
			{
				topPanelContainer.classList.remove('feed-post-emoji-top-panel-container-active');

				if (topPanel.classList.contains('feed-post-emoji-container-toggle'))
				{
					topPanel.classList.remove('feed-post-emoji-container-toggle');
					topUsersText.classList.remove('feed-post-emoji-move-to-right');
					reactionsNode.classList.remove('feed-post-emoji-icon-box-show');
				}
			}
		}

		if (
			totalCount !== null
			&& countText
		)
		{
			if (
				totalCount <= 0
				&& !countText.classList.contains('feed-post-emoji-text-counter-invisible')
			)
			{
				countText.classList.add('feed-post-emoji-text-counter-invisible');
			}
			else if (
				totalCount > 0
				&& countText.classList.contains('feed-post-emoji-text-counter-invisible')
			)
			{
				countText.classList.remove('feed-post-emoji-text-counter-invisible');
			}
		}

		if (reactionsNode)
		{
			var reactionsContainer = BX.findChild(reactionsNode, { className: 'feed-post-emoji-icon-container'});

			elements = BX.findChildren(
				reactionsNode,
				{ className: 'feed-post-emoji-icon-item' },
				true
			);

			elementsNew = [];

			if(
				BX.type.isArray(elements)
				&& reactionsContainer
			)
			{
				var found = false,
					newValue = false;

				for (i = 0; i < elements.length; i++)
				{
					reactionValue = elements[i].getAttribute('data-reaction');
					reactionCount = parseInt(elements[i].getAttribute('data-value'));

					if (reactionValue == userReaction)
					{
						found = true;
						if (action == 'cancel')
						{
							newValue = (reactionCount > 0 ? reactionCount - 1 : 0);
						}
						else if (BX.util.in_array(action, ['add', 'change']))
						{
							newValue = reactionCount + 1;
						}

						if (newValue > 0)
						{
							elementsNew.push({
								reaction: reactionValue,
								count: newValue,
								animate: false
							});
						}
					}
					else if (
						action == 'change'
						&& reactionValue == userReactionOld
					)
					{
						newValue = (reactionCount > 0 ? reactionCount - 1 : 0);

						if (newValue > 0)
						{
							elementsNew.push({
								reaction: reactionValue,
								count: newValue,
								animate: false
							});
						}
					}
					else
					{
						elementsNew.push({
							reaction: reactionValue,
							count: reactionCount,
							animate: false
						});
					}
				}

				if (
					BX.util.in_array(action, ['add', 'change'])
					&& !found
				)
				{
					elementsNew.push({
						reaction: userReaction,
						count: 1,
						animate: true
					});
				}

				BX.cleanNode(reactionsContainer);

				if (topPanel)
				{
					if (elementsNew.length > 0)
					{
						topPanel.classList.add('feed-post-emoji-container-nonempty');
					}
					else
					{
						topPanel.classList.remove('feed-post-emoji-container-nonempty');
					}

					if (BXRL.manager.mobile)
					{
						var commentNode = BX.findParent(topPanel, { className: 'post-comment-block'});
						if (commentNode)
						{
							if (elementsNew.length > 0)
							{
								commentNode.classList.add('comment-block-rating-nonempty');
							}
							else
							{
								commentNode.classList.remove('comment-block-rating-nonempty');
							}
						}
					}
				}

				var reactionEvents = (
					BXRL.manager.mobile
					? {}
					: {
						click: BXRL.render.resultReactionClick,
						mouseenter: BXRL.render.resultReactionMouseEnter,
						mouseleave: BXRL.render.resultReactionMouseLeave
					}
				);

				for(i = 0; i < elementsNew.length; i++)
				{
					if (i >= 1)
					{
						reactionsContainer.appendChild(BX.create('span', {
							props: {
								id: 'bx-ilike-result-reaction-' + elementsNew[i].reaction + '-' + likeId,
								className: 'feed-post-emoji-icon-item '+(elementsNew[i].animate ? 'feed-post-emoji-icon-animate' : '') + ' feed-post-emoji-icon-' + elementsNew[i].reaction + ' feed-post-emoji-icon-item-' + (i+1)
							},
							attrs: {
								'data-reaction': elementsNew[i].reaction,
								'data-value': elementsNew[i].count,
								'data-like-id': likeId,
								title: BX.message('RATING_LIKE_EMOTION_' + elementsNew[i].reaction.toUpperCase() + '_CALC')
							},
							events: reactionEvents
						}));
					}
					else
					{
						reactionsContainer.appendChild(BX.create('span', {
							props: {
								id: 'bx-ilike-result-reaction-' + elementsNew[i].reaction + '-' + likeId,
								className: 'feed-post-emoji-icon-item '+(elementsNew.length == 1 && elementsNew[i].animate ? 'feed-post-emoji-animation-pop' : '')+' feed-post-emoji-icon-' + elementsNew[i].reaction + ' feed-post-emoji-icon-item-' + (i+1)
							},
							attrs: {
								'data-reaction': elementsNew[i].reaction,
								'data-value': elementsNew[i].count,
								'data-like-id': likeId,
								title: BX.message('RATING_LIKE_EMOTION_' + elementsNew[i].reaction.toUpperCase() + '_CALC')
							},
							events: reactionEvents
						}));
					}
				}
			}
		}

		if (
			userId == BX.message('USER_ID')
			&& BX(buttonText)
		)
		{
			if (BX.util.in_array(action, ['add', 'change']))
			{
				BX(buttonText).innerHTML = BX.message('RATING_LIKE_EMOTION_' + userReaction.toUpperCase() + '_CALC');
			}
			else
			{
				BX(buttonText).innerHTML = BX.message('RATING_LIKE_EMOTION_LIKE_CALC');
			}
		}
	},

	reactionsPopup: null,
	reactionsPopupAnimation: null,
	reactionsPopupAnimation2: null,
	reactionsPopupLikeId: null,
	reactionsPopupMouseOutHandler: null,
	reactionsPopupOpacityState: 0,
	reactionsPopupTouchStartIn: null,
	reactionsPopupPositionY: null,
	blockTouchEndByScroll: false,

	showReactionsPopup: function(params)
	{
		var
			bindElement = (BX(params.bindElement) ? BX(params.bindElement) : false),
			likeId = (BX.type.isNotEmptyString(params.likeId) ? params.likeId : false);

		if (
			!bindElement
			|| !likeId
		)
		{
			return false;
		}

		BXRL.render.reactionsPopupLikeId = likeId;

		if (BXRL.render.reactionsPopup == null)
		{
			var reactionsNodesList = [];

			for(var i in BXRL.render.reactionsList)
			{
				var currentEmotion = BXRL.render.reactionsList[i];

				reactionsNodesList.push(BX.create('div', {
					props: {
						className: 'feed-post-emoji-icon-item feed-post-emoji-icon-' + currentEmotion
					},
					attrs: {
						'data-reaction': currentEmotion,
						title: BX.message('RATING_LIKE_EMOTION_' + currentEmotion.toUpperCase() + '_CALC')
					}
				}));
			}

			BXRL.render.reactionsPopup = BX.create('div', {
				props: {
					className: 'feed-post-emoji-popup-container' + (BXRL.manager.mobile ? ' feed-post-emoji-popup-container-mobile' : '')
				},
				children: [
					BX.create('div', {
						props: {
							className: 'feed-post-emoji-icon-inner'
						},
						children: reactionsNodesList
					})
				]
			});

			BX.bind(BXRL.render.reactionsPopup, (BXRL.manager.mobile ? 'touchend' : 'click'), function(e)
			{
				var reactionNode = false;
				if (e.target.classList.contains('feed-post-emoji-icon-item'))
				{
					reactionNode = e.target;
				}
				else
				{
					reactionNode = BX.findParent(e.target, {className: 'feed-post-emoji-icon-item'}, BXRL.render.reactionsPopup);
				}

				if (reactionNode)
				{
					RatingLike.ClickVote(
						BXRL.render.reactionsPopupLikeId,
						reactionNode.getAttribute('data-reaction'),
						true
					);
				}
				e.preventDefault();
			});


			BX.append(BXRL.render.reactionsPopup, document.body);
		}
		else if (BXRL.render.reactionsPopup.classList.contains('feed-post-emoji-popup-invisible'))
		{
			BXRL.render.reactionsPopup.classList.remove('feed-post-emoji-popup-invisible');
		}
		else if (
			BXRL.manager.mobile
			&& BXRL.render.reactionsPopup.classList.contains('feed-post-emoji-popup-invisible-final-mobile')
		)
		{
			BXRL.render.reactionsPopup.classList.remove('feed-post-emoji-popup-invisible-final-mobile');
		}
		else
		{
			return;
		}

		BXRL.render.reactionsPopupMouseOutHandler = BX.proxy(function(e) {

			var popupPosition = BXRL.render.reactionsPopup.getBoundingClientRect();
			var inverted = BXRL.render.reactionsPopup.classList.contains('feed-post-emoji-popup-inverted');

			if (
				e.clientX >= popupPosition.left
				&& e.clientX <= popupPosition.right
				&& e.clientY >= popupPosition.top - (inverted ? 25 : 0)
				&& e.clientY <= (popupPosition.bottom + (inverted ? 0 : 25))
			)
			{
				return;
			}

			BXRL.render.blockReactionsPopup();
			BXRL.render.hideReactionsPopup({
				likeId: this.likeId
			});

			BX.unbind(document, 'mousemove', BXRL.render.reactionsPopupMouseOutHandler);
			BXRL.render.reactionsPopupMouseOutHandler = null;
		}, { likeId: likeId });

		var bindElementPosition = BX.pos(bindElement);

		if (
			BX.findParent(bindElement, { className: 'feed-com-informers-bottom'})
			&& (
				BX.findParent(bindElement, { className: 'iframe-comments-cont'})
				|| BX.findParent(bindElement, { className: 'task-iframe-popup'})
			)
		)
		{
			bindElementPosition.left += 100;
		}

		var inverted = ((bindElementPosition.top - BX.GetWindowSize().scrollTop) < 80);

		if (inverted)
		{
			BXRL.render.reactionsPopup.classList.add('feed-post-emoji-popup-inverted');
		}
		else
		{
			BXRL.render.reactionsPopup.classList.remove('feed-post-emoji-popup-inverted');
		}

		var deltaY = (inverted ? 15 : -50);

		if (BXRL.manager.mobile)
		{
			BXRL.render.touchMoveDeltaY = (inverted ? 60 : -50);
			BX.adjust(BXRL.render.reactionsPopup, { style: {
				left: '12px',
				top: ((inverted ? (bindElementPosition.top - 23) : (bindElementPosition.top - 28)) + deltaY) + 'px',
				width: '320px',
				borderRadius: '68px'
			} });

			BXRL.render.reactionsPopup.classList.remove('feed-post-emoji-popup-invisible-final');
			BXRL.render.reactionsPopup.classList.add('feed-post-emoji-popup-active-final');
			BXRL.render.reactionsPopup.classList.add('feed-post-emoji-popup-active-final-item');
			BXRL[likeId].box.classList.add('feed-post-emoji-control-active');
			BXRL.render.reactionsPopupMobileDisableScroll();
		}
		else
		{
			BXRL.render.reactionsPopupAnimation = new BX.easing({
				duration: 300,
				start: {
					width: 100,
					left: (bindElementPosition.left + (bindElementPosition.width / 2) - 50),
					top: ((inverted ? bindElementPosition.top - 30 : bindElementPosition.top + 30 ) + deltaY),
					borderRadius: 0,
					opacity: 0
				},
				finish: {
					width: 271,
					left: (bindElementPosition.left + (bindElementPosition.width / 2) - 133),
					top: (bindElementPosition.top + deltaY),
					borderRadius: 50,
					opacity: 100
				},
				transition : BX.easing.makeEaseInOut(BX.easing.transitions.cubic),
				step: function(state) {
					BXRL.render.reactionsPopup.style.width = state.width + 'px';
					BXRL.render.reactionsPopup.style.left = state.left + 'px';
					BXRL.render.reactionsPopup.style.top = state.top + 'px';
					BXRL.render.reactionsPopup.style.borderRadius = state.borderRadius + 'px';
					BXRL.render.reactionsPopup.style.opacity = state.opacity/100;
					BXRL.render.reactionsPopupOpacityState = state.opacity;
				},
				complete: function() {
					BXRL.render.reactionsPopup.style.opacity = '';
					BXRL.render.reactionsPopup.classList.add('feed-post-emoji-popup-active-final');
					BXRL[likeId].box.classList.add('feed-post-emoji-control-active');
				}
			});
			BXRL.render.reactionsPopupAnimation.animate();

			setTimeout(function() {
					var reactions = BX.findChildren(
						BXRL.render.reactionsPopup,
						{ className: 'feed-post-emoji-icon-item' },
						true
					);
					BXRL.render.reactionsPopupAnimation2 = new BX.easing({
						duration: 140,
						start: {
							opacity: 0
						},
						finish: {
							opacity: 100
						},
						transition : BX.easing.transitions.cubic,
						step: function(state) {
							reactions[0].style.opacity = state.opacity/100;
							reactions[1].style.opacity = state.opacity/100;
							reactions[2].style.opacity = state.opacity/100;
							reactions[3].style.opacity = state.opacity/100;
							reactions[4].style.opacity = state.opacity/100;
							reactions[5].style.opacity = state.opacity/100;
						},
						complete: function() {
							BXRL.render.reactionsPopup.classList.add('feed-post-emoji-popup-active-final-item');
							reactions[0].style.opacity = '';
							reactions[1].style.opacity = '';
							reactions[2].style.opacity = '';
							reactions[3].style.opacity = '';
							reactions[4].style.opacity = '';
							reactions[5].style.opacity = '';
						}
					});
					BXRL.render.reactionsPopupAnimation2.animate();
				},
				100
			);
		}

		if (!BXRL.render.reactionsPopup.classList.contains('feed-post-emoji-popup-active'))
		{
			BXRL.render.reactionsPopup.classList.add('feed-post-emoji-popup-active');
		}

		if (!BXRL.manager.mobile)
		{
			BX.bind(document, 'mousemove', BXRL.render.reactionsPopupMouseOutHandler);
		}
		else
		{
			var elements = BX.findChildren(
				BXRL.render.reactionsPopup,
				{ className: 'feed-post-emoji-icon-item' },
				true
			);

			BXRL.render.touchScrollTop = BX.GetWindowSize().scrollTop;
			BXRL.render.hasMobileTouchMoved = null;

			window.addEventListener("touchend", BXRL.render.reactionsPopupMobileTouchEndHandler);
			window.addEventListener("touchmove", BXRL.render.reactionsPopupMobileTouchMoveHandler);
		}
	},

	reactionsPopupMobileTouchEndHandler: function(e)
	{
		var coords = {
			x: e.changedTouches[0].pageX, // e.touches[0].clientX + window.pageXOffset
			y: e.changedTouches[0].pageY // e.touches[0].clientY + window.pageYOffset
		};

		if (BXRL.render.hasMobileTouchMoved === true)
		{
			var
				userReaction = null,
				reactionNode = BXRL.render.reactionsPopupMobileGetHoverNode(coords.x, coords.y);

			if (
				reactionNode
				&& (userReaction = reactionNode.getAttribute('data-reaction'))
			)
			{
				RatingLike.ClickVote(
					BXRL.render.reactionsPopupLikeId,
					userReaction,
					true
				);
			}
			BXRL.render.reactionsPopupMobileHide();
		}
		else // show reactions popup and handle clicks
		{
			window.addEventListener("touchend", BXRL.render.reactionsPopupMobileHide);
		}

		window.removeEventListener("touchend", BXRL.render.reactionsPopupMobileTouchEndHandler);
		window.removeEventListener("touchmove", BXRL.render.reactionsPopupMobileTouchMoveHandler);

		BXRL.render.touchStartPosition = null;
		e.preventDefault();
	},

	reactionsPopupMobileHide: function()
	{
		window.removeEventListener("touchend", BXRL.render.reactionsPopupMobileHide);
		if (BXRL.render.reactionsPopupLikeId)
		{
			BXRL.render.hideReactionsPopup({
				likeId: BXRL.render.reactionsPopupLikeId
			});
		}
	},

	reactionsPopupMobileCheckTouchMove: function()
	{
		if (BXRL.render.touchStartPosition === null)
		{
			return true;
		}
		else
		{
			if (
				Math.abs(BXRL.render.touchCurrentPosition.x - BXRL.render.touchStartPosition.x) > 5
				|| Math.abs(BXRL.render.touchCurrentPosition.y - BXRL.render.touchStartPosition.y) > 5
			)
			{
				return false;
			}
		}

		return true;
	},

	reactionsPopupMobileTouchMoveHandler: function(e)
	{
		var coords = {
			x: e.touches[0].pageX, // e.touches[0].clientX + window.pageXOffset
			y: e.touches[0].pageY // e.touches[0].clientY + window.pageYOffset
		};


		BXRL.render.touchCurrentPosition = {
			x: coords.x,
			y: coords.y
		};

		if (BXRL.render.touchStartPosition === null)
		{
			BXRL.render.touchStartPosition = {
				x: coords.x,
				y: coords.y
			};
		}
		else
		{
			if (BXRL.render.hasMobileTouchMoved !== true)
			{
				BXRL.render.hasMobileTouchMoved = !BXRL.render.reactionsPopupMobileCheckTouchMove();
			}
		}

		if (BXRL.render.hasMobileTouchMoved === true)
		{
			var reactionNode = BXRL.render.reactionsPopupMobileGetHoverNode(coords.x, coords.y);
			if (reactionNode)
			{
				if (
					BXRL.render.currentReactionNodeHover
					&& BXRL.render.currentReactionNodeHover != reactionNode
				)
				{
					BXRL.render.reactionsPopupMobileRemoveHover(BXRL.render.currentReactionNodeHover);
				}
				BXRL.render.reactionsPopupMobileAddHover(reactionNode);
				BXRL.render.currentReactionNodeHover = reactionNode;
			}
			else if (BXRL.render.currentReactionNodeHover)
			{
				BXRL.render.reactionsPopupMobileRemoveHover(BXRL.render.currentReactionNodeHover);
			}
		}
		else
		{
			if (BXRL.render.currentReactionNodeHover)
			{
				BXRL.render.reactionsPopupMobileRemoveHover(BXRL.render.currentReactionNodeHover);
			}
		}
	},

	reactionsPopupMobileGetHoverNode: function(x, y)
	{
		var
			reactionNode = null,
			userReaction = null,
			result = null;

		if (
			(
				(reactionNode = document.elementFromPoint(x, (y + BXRL.render.touchMoveDeltaY - BXRL.render.touchScrollTop)))
				&& (userReaction = reactionNode.getAttribute('data-reaction'))
				&& BX.type.isNotEmptyString(userReaction)
			) // icon above/below a finger
			|| (
				(reactionNode = document.elementFromPoint(x, (y - BXRL.render.touchScrollTop)))
				&& (userReaction = reactionNode.getAttribute('data-reaction'))
				&& BX.type.isNotEmptyString(userReaction)
			) // icon is under a finger
		)
		{
			result = reactionNode;
		}

		return result;
	},

	reactionsPopupMobileAddHover: function(reactionNode)
	{
		if (reactionNode)
		{
			reactionNode.classList.add('feed-post-emoji-icon-item-hover');
		}
	},

	reactionsPopupMobileRemoveHover: function(reactionNode)
	{
		if (reactionNode)
		{
			reactionNode.classList.remove('feed-post-emoji-icon-item-hover');
		}
	},

	reactionsPopupMobileDisableScroll: function()
	{
		document.addEventListener('touchmove', BXRL.render.touchMoveScrollListener, { passive: false });
		BX.onCustomEvent("onPullDownDisable", {});

		if (BXRL.render.mobileOverlay === null)
		{
			BXRL.render.mobileOverlay = BX.create('DIV', {
				props: {
					className: 'feed-post-emoji-popup-mobile-overlay'
				}
			});
			setTimeout(function() {
				if (BXRL.render.mobileOverlay !== null)
				{
					BX.append(BXRL.render.mobileOverlay, document.body);
				}
			}, 1000); // to avoid blink
		}
	},

	reactionsPopupMobileEnableScroll: function()
	{
		document.removeEventListener('touchmove', BXRL.render.touchMoveScrollListener, { passive: false });
		BX.onCustomEvent("onPullDownEnable", {});

		if (BXRL.render.mobileOverlay !== null)
		{
			BX.cleanNode(BXRL.render.mobileOverlay, true);
			BXRL.render.mobileOverlay = null;
		}
	},

	touchMoveScrollListener: function(e) {
		e.preventDefault();
	},

	hideReactionsPopup: function(params)
	{
		var
			likeId = (BX.type.isNotEmptyString(params.likeId) ? params.likeId : false);

		if (BXRL.render.reactionsPopup)
		{
			if (BXRL.manager.mobile)
			{
				BXRL.render.reactionsPopup.classList.add('feed-post-emoji-popup-invisible-final');
				BXRL.render.reactionsPopup.classList.add('feed-post-emoji-popup-invisible-final-mobile');
				BXRL.render.reactionsPopup.classList.remove('feed-post-emoji-popup-active');
				BXRL.render.reactionsPopup.classList.remove('feed-post-emoji-popup-active-final');
				BXRL.render.reactionsPopup.classList.remove('feed-post-emoji-popup-active-final-item');
				BXRL.render.reactionsPopupMobileEnableScroll();
			}
			else
			{
				if (BXRL.render.reactionsPopupAnimation)
				{
					BXRL.render.reactionsPopupAnimation.stop();
				}
				if (BXRL.render.reactionsPopupAnimation2)
				{
					BXRL.render.reactionsPopupAnimation2.stop();
				}

				BXRL.render.reactionsPopup.classList.add('feed-post-emoji-popup-invisible');

				BXRL.render.reactionsPopupAnimation4 = new BX.easing({
					duration: 500,
					start: {
						opacity: BXRL.render.reactionsPopupOpacityState
					},
					finish: {
						opacity: 0
					},
					transition : BX.easing.transitions.linear,
					step: function(state) {
						BXRL.render.reactionsPopup.style.opacity = state.opacity/100;
						BXRL.render.reactionsPopupOpacityState = state.opacity;
					},
					complete: function() {
						BXRL.render.reactionsPopup.style.opacity = '';
						BXRL.render.reactionsPopup.classList.add('feed-post-emoji-popup-invisible-final');
						BXRL.render.reactionsPopup.classList.remove('feed-post-emoji-popup-active');
						BXRL.render.reactionsPopup.classList.remove('feed-post-emoji-popup-active-final');
						BXRL.render.reactionsPopup.classList.remove('feed-post-emoji-popup-active-final-item');
					}
				});
				BXRL.render.reactionsPopupAnimation4.animate();
			}

			BXRL.render.reactionsPopupLikeId = null;

			if (likeId)
			{
				BXRL[likeId].box.classList.remove('feed-post-emoji-control-active');
			}
		}

		BXRL.render.reactionsPopupMobileRemoveHover(BXRL.render.currentReactionNodeHover);

		if (likeId)
		{
			BXRL.render.bindReactionsPopup({
				likeId: likeId
			});
		}
	},

	bindReactionsPopup: function(params) {

		if (BXRL.manager.mobile)
		{
			return false;
		}

		var
			likeId = (BX.type.isNotEmptyString(params.likeId) ? params.likeId : false);

		if (
			!likeId
			|| typeof BXRL[likeId] == 'undefined'
			|| !BXRL[likeId]
		)
		{
			return false;
		}

		BXRL[likeId].mouseOverHandler = BX.debounce(function() {

			if (BXRL.render.afterClickBlockShowPopup)
			{
				BX.unbind(BXRL[this.likeId].box, 'mouseenter', BXRL[this.likeId].mouseOverHandler);
				BX.unbind(BXRL[this.likeId].box, 'mouseleave', BXRL.render.blockReactionsPopup);
				return;
			}

			if (!BXRL.render.blockShowPopup)
			{
				if (BXRL.manager.mobile)
				{
					app.exec("callVibration");
				}

				BXRL.render.showReactionsPopup({
					bindElement: BXRL[this.likeId].box,
					likeId: this.likeId
				});
				BX.unbind(BXRL[this.likeId].box, 'mouseenter', BXRL[this.likeId].mouseOverHandler);
				BX.unbind(BXRL[this.likeId].box, 'mouseleave', BXRL.render.blockReactionsPopup);
			}
		}, 500, {
			likeId: likeId
		});

		BX.bind(BXRL[likeId].box, 'mouseenter', BXRL[likeId].mouseOverHandler);
		BX.bind(BXRL[likeId].box, 'mouseleave', BXRL.render.blockReactionsPopup);
	},

	buildPopupContent: function(params)
	{
		var
			clear = (!!params.clear ? params.clear : false),
			likeId = (BX.type.isNotEmptyString(params.likeId) ? params.likeId : false),
			rating = params.rating,
			requestReaction = (BX.type.isNotEmptyString(params.reaction) ? params.reaction : ''),
			page = (parseInt(params.page) > 0 ? params.page : 1),
			data = params.data,
			reaction = false;

		var
			reactionsList = [],
			reactionsCount = 0,
			lastReaction = null,
			i = null;

		if (
			clear
			&& page == 1
		)
		{
			BXRL.render.clearPopupContent({
				likeId: likeId
			});
		}

		this.popupCurrentReaction = (BX.type.isNotEmptyString(requestReaction) ? requestReaction : 'all');

		if (
			requestReaction.length <= 0
			|| requestReaction == 'all'
		) // first current tab
		{
			BXRL.render.popupSizeInitialized = false;
			BX('bx-ilike-popup-cont-' + likeId).style.height = 'auto';
			BX('bx-ilike-popup-cont-' + likeId).style.minWidth = 'auto';
		}

		if (!BX.type.isNotEmptyString(requestReaction))
		{
			this.popupPagesList = {};
		}

		this.popupPagesList[(requestReaction == '' ? 'all' : requestReaction)] = (page + 1);

		if (typeof data.reactions != 'undefined')
		{
			for(reaction in data.reactions)
			{
				if (
					!data.reactions.hasOwnProperty(reaction)
					|| parseInt(data.reactions[reaction]) <= 0
				)
				{
					continue;
				}

				reactionsList.push({
					reaction: reaction,
					count: parseInt(data.reactions[reaction])
				});
				reactionsCount++;
				lastReaction = reaction;
			}
		}

		var tabsNode = BX.create('span', {
			props: {
				className: 'bx-ilike-popup-head'
			}
		});

		if (reactionsCount > 1)
		{
			tabsNode.appendChild(BX.create('span', {
				props: {
					className: 'bx-ilike-popup-head-item' + (!BX.type.isNotEmptyString(requestReaction) || requestReaction == 'all' ? ' bx-ilike-popup-head-item-current' : '')
				},
				children: [
					BX.create('span', {
						props: {
							className: 'bx-ilike-popup-head-icon feed-post-emoji-icon-all'
						}
					}),
					BX.create('span', {
						props: {
							className: 'bx-ilike-popup-head-text'
						},
						html: BX.message('RATING_LIKE_POPUP_ALL').replace('#CNT#', parseInt(data.items_all))
					})
				],
				events: {
					click: BX.proxy(function(e) {
						BXRL.render.changePopupTab({
							likeId: this.likeId,
							rating: this.rating,
							reaction: 'all'
						});
						e. preventDefault();
					}, {
						likeId: likeId,
						rating: rating
					})
				}
			}));
		}

		if (reactionsCount == 0)
		{
			reactionsList.push({
				reaction: BX.message('RATING_LIKE_REACTION_DEFAULT'),
				count: parseInt(data.items_all)
			});
		}

		reactionsList.sort(function(a, b) {
			var sample = {
				like: 0,
				kiss: 1,
				laugh: 2,
				wonder: 3,
				cry: 4,
				angry: 5
			};
			if (sample[a.reaction] < sample[b.reaction])
			{
				return -1;
			}
			if (sample[a.reaction] > sample[b.reaction])
			{
				return 1;
			}
			return 0;
		});

		for(var ind = 0; ind < reactionsList.length; ind++)
		{
			tabsNode.appendChild(BX.create('span', {
				props: {
					className: 'bx-ilike-popup-head-item' + (requestReaction == reactionsList[ind].reaction ? ' bx-ilike-popup-head-item-current' : '')
				},
				attrs: {
					title: BX.message('RATING_LIKE_EMOTION_' + reactionsList[ind].reaction.toUpperCase() + '_CALC')
				},
				children: [
					BX.create('span', {
						props: {
							className: 'bx-ilike-popup-head-icon feed-post-emoji-icon-item feed-post-emoji-icon-' + reactionsList[ind].reaction
						}
					}),
					BX.create('span', {
						props: {
							className: 'bx-ilike-popup-head-text'
						},
						html: reactionsList[ind].count
					})
				],
				events: {
					click: BX.proxy(function(e) {

						var popupContent = BX('bx-ilike-popup-cont-' + this.likeId);
						var popupContentPosition = popupContent.getBoundingClientRect();

						if (
							requestReaction.length <= 0
							|| requestReaction == 'all'
						) // first current tab
						{
							BXRL.render.popupSizeInitialized = true;
							popupContent.style.height = popupContentPosition.height + 'px';
							popupContent.style.minWidth = popupContentPosition.width + 'px';
						}
						else
						{
							if (popupContentPosition.width > parseInt(popupContent.style.minWidth))
							{
								popupContent.style.minWidth = popupContentPosition.width + 'px';
							}
						}

						BXRL.render.changePopupTab({
							likeId: this.likeId,
							rating: this.rating,
							reaction: this.reaction
						});
						e. preventDefault();
					}, {
						likeId: likeId,
						rating: rating,
						reaction: reactionsList[ind].reaction
					})
				}
			}));
		}

		var usersNode = BX.findChild(rating.popupContent, { className: 'bx-ilike-popup-content-container' });
		var usersNodeExists = false;

		if (!usersNode)
		{
			usersNode = BX.create('span', {
				props: {
					className: 'bx-ilike-popup-content-container'
				}
			});
		}
		else
		{
			usersNodeExists = true;
		}

		var contentNodes = BX.findChildren(usersNode, { className: 'bx-ilike-popup-content' });

		for(i = 0; i < contentNodes.length; i++)
		{
			contentNodes[i].classList.add('bx-ilike-popup-content-invisible');
		}

		var reactionUsersNode = BX.findChild(usersNode, { className: 'bx-ilike-popup-content-' + this.popupCurrentReaction });
		if (!reactionUsersNode)
		{
			reactionUsersNode = BX.create('span', {
				props: {
					className: 'bx-ilike-popup-content bx-ilike-popup-content-' + this.popupCurrentReaction
				}
			});
			usersNode.appendChild(reactionUsersNode);
		}
		else
		{
			reactionUsersNode.classList.remove('bx-ilike-popup-content-invisible');
		}

		for (i = 0; i < data.items.length; i++)
		{
			reactionUsersNode.appendChild(BX.create('a', {
				props: {
					className: 'bx-ilike-popup-user-item' + (BX.type.isNotEmptyString(data.items[i]['USER_TYPE']) ? " bx-ilike-popup-user-item-" + data.items[i]['USER_TYPE'] : "")
				},
				attrs: {
					href: data.items[i]['URL'],
					target: '_blank'
				},
				children: [
					BX.create('span', {
						props: {
							className: 'bx-ilike-popup-user-icon'
						},
						style: (
							BX.type.isNotEmptyString(data.items[i]['PHOTO_SRC'])
								? {
									'background-image': 'url("' + data.items[i]['PHOTO_SRC'] + '")'
								}
								: {}
						)
					}),
					BX.create('span', {
						props: {
							className: 'bx-ilike-popup-user-name'
						},
						html: data.items[i]['FULL_NAME']
					}),
					BX.create("SPAN", {
						props: {
							className: "bx-ilike-popup-user-status"
						}
					})
				]
			}));
		}

		var waitNode = BX.findChild(rating.popupContent, { className: 'bx-ilike-wait' });
		if (waitNode)
		{
			BX.cleanNode(waitNode, true);
		}
		var tabsNodeOld = BX.findChild(rating.popupContent, { className: 'bx-ilike-popup-head' });
		if (tabsNodeOld)
		{
			tabsNodeOld.parentNode.insertBefore(tabsNode, tabsNodeOld);
			tabsNodeOld.parentNode.removeChild(tabsNodeOld);
		}
		else
		{
			rating.popupContent.appendChild(tabsNode);
		}

		if (!usersNodeExists)
		{
			rating.popupContent.appendChild(usersNode);
		}
	},

	clearPopupContent: function(params)
	{
		var
			likeId = (BX.type.isNotEmptyString(params.likeId) ? params.likeId : false);

		BXRL[likeId].popupContent.innerHTML = '';
		BX('bx-ilike-popup-cont-' + likeId).style.height = 'auto';
		BX('bx-ilike-popup-cont-' + likeId).style.minWidth = 'auto';
		BXRL[likeId].popupContent.appendChild(BX.create('span', {
			props: {
				className: 'bx-ilike-wait'
			}
		}));
	},

	blockReactionsPopup: function()
	{
		if (BXRL.render.blockShowPopupTimeout)
		{
			window.clearTimeout(BXRL.render.blockShowPopupTimeout);
		}
		BXRL.render.blockShowPopup = true;
		BXRL.render.blockShowPopupTimeout = setTimeout(function() {
			BXRL.render.blockShowPopup = false;
		}, 500);
	},

	changePopupTab: function(params)
	{
		var
			likeId = (BX.type.isNotEmptyString(params.likeId) ? params.likeId : false),
			rating = params.rating,
			reaction = (BX.type.isNotEmptyString(params.reaction) ? params.reaction : ''),
			i = false,
			reactionTabNode = false;

		var contentContainerNode = BX.findChild(rating.popupContent, { className: 'bx-ilike-popup-content-container' });
		if (!contentContainerNode)
		{
			return false;
		}

		var reactionUsersNode = BX.findChild(contentContainerNode, { className: 'bx-ilike-popup-content-' + reaction });
		if (reactionUsersNode)
		{
			this.popupCurrentReaction = (BX.type.isNotEmptyString(reaction) ? reaction : 'all');

			var tabNodes = BX.findChildren(rating.popupContent, { className: 'bx-ilike-popup-head-item' }, true);
			for(i = 0; i < tabNodes.length; i++)
			{
				tabNodes[i].classList.remove('bx-ilike-popup-head-item-current');
				reactionTabNode = BX.findChild(tabNodes[i], { className: 'feed-post-emoji-icon-' + reaction });
				if (reactionTabNode)
				{
					tabNodes[i].classList.add('bx-ilike-popup-head-item-current');
				}
			}

			var contentNodes = BX.findChildren(contentContainerNode, { className: 'bx-ilike-popup-content' });
			for(i = 0; i < contentNodes.length; i++)
			{
				contentNodes[i].classList.add('bx-ilike-popup-content-invisible');
			}
			reactionUsersNode.classList.remove('bx-ilike-popup-content-invisible');
		}
		else
		{
			RatingLike.List(likeId, 1, reaction);
		}
	},

	afterClick: function (params)
	{
		var
			likeId = (BX.type.isNotEmptyString(params.likeId) ? params.likeId : false);

		if (!likeId)
		{
			return;
		}

		BXRL.render.afterClickBlockShowPopup = true;

		BXRL.render.afterClickHandler = BX.proxy(function(e) {
				BXRL.render.afterClickBlockShowPopup = false;
				BX.unbind(BXRL[this.likeId].box, 'mouseleave', BXRL.render.afterClickHandler);
			}, {
			likeId: likeId
			}
		);

		BX.bind(BXRL[likeId].box, 'mouseleave', BXRL.render.afterClickHandler);
	},

	resultReactionClick: function (e) {

		var
			likeId = e.currentTarget.getAttribute('data-like-id'),
			reaction = e.currentTarget.getAttribute('data-reaction');

		if (!BX.type.isNotEmptyString(reaction))
		{
			reaction = '';
		}

		RatingLike.onResultClick({
			likeId: likeId,
			event: e,
			reaction: reaction
		});

		e.stopPropagation();
	},

	resultReactionMouseEnter: function (e) {

		var
			likeId = e.currentTarget.getAttribute('data-like-id'),
			reaction = e.currentTarget.getAttribute('data-reaction');

		RatingLike.onResultMouseEnter({
			likeId: likeId,
			event: e,
			reaction: reaction
		});
	},

	resultReactionMouseLeave: function (e) {

		var
			likeId = e.currentTarget.getAttribute('data-like-id'),
			reaction = e.currentTarget.getAttribute('data-reaction');

		RatingLike.onResultMouseLeave({
			likeId: likeId,
			reaction: reaction
		});
	},

	openMobileReactionsPage: function (params) {
		BXMobileApp.PageManager.loadPageBlank({
			url: BX.message('SITE_DIR') + 'mobile/like/result.php',
			title: BX.message("RATING_LIKE_RESULTS"),
			backdrop:{
				mediumPositionPercent:65
			},
			cache: true,
			data: {
				entityTypeId: params.entityTypeId,
				entityId: params.entityId
			}
		});
	},

	onRatingLike: function(eventData)
	{
		for(var i in BXRL)
		{
			if (!BXRL.hasOwnProperty(i))
			{
				continue;
			}

			if (
				BXRL[i].entityTypeId == eventData.entityTypeId
				&& BXRL[i].entityId == eventData.entityId
			)
			{
				var voteAction = (BX.type.isNotEmptyString(eventData.voteAction) ? eventData.voteAction.toUpperCase() : 'ADD');
				voteAction = (voteAction == 'PLUS' ? 'ADD' : voteAction);

				if (
					eventData.userId == BX.message('USER_ID')
					&& BXRL[i].button
				)
				{
					if (voteAction == 'CANCEL')
					{
						BX.removeClass(BXRL[i].button, 'bx-you-like-button');
					}
					else
					{
						BX.addClass(BXRL[i].button, 'bx-you-like-button');
					}
				}

				RatingLike.Draw(i, {
					TYPE: voteAction,
					USER_ID: eventData.userId,
					ENTITY_TYPE_ID: eventData.entityTypeId,
					ENTITY_ID: eventData.entityId,
					USER_DATA: eventData.userData,
					REACTION: eventData.voteReaction,
					REACTION_OLD: eventData.voteReactionOld,
					TOTAL_POSITIVE_VOTES: eventData.itemsAll
				});
			}
		}

	}
};

BXRL.manager = {

	mobile: false,
	inited: false,
	displayHeight: 0,
	startScrollTop: 0,
	entityList: [],
	ratingNodeList: {},
	delayedList: {},

	init: function(params)
	{
		if (typeof params == 'undefined')
		{
			params = {};
		}

		if (this.inited)
		{
			return;
		}

		this.mobile = (typeof params.mobile != 'undefined' && !!params.mobile);

		this.inited = true;

		this.setDisplayHeight();

		if (!this.mobile)
		{
			window.addEventListener("scroll",  BX.throttle(function() {
				this.getInViewScope();
			}, 80, this), { passive: true });

			window.addEventListener("resize",  BX.delegate(this.setDisplayHeight, this));
		}

		BX.addCustomEvent('onBeforeMobileLivefeedRefresh', BXRL.render.reactionsPopupMobileHide);

		if (this.mobile)
		{
			// new one
			BXMobileApp.addCustomEvent("onRatingLike", BXRL.render.onRatingLike);
		}
	},

	addEntity: function(entityId, ratingObject)
	{
		if (
			!BX.util.in_array(entityId, this.entityList)
			&& ratingObject.topPanelContainer
		)
		{
			this.entityList.push(entityId);
			this.addNode(entityId, ratingObject.topPanelContainer);
		}
	},

	checkEntity: function(entityId)
	{
		return BX.util.in_array(entityId, this.entityList);
	},

	addNode: function(entityId, node)
	{
		if (
			BX(node)
			&& typeof this.ratingNodeList[entityId] != 'undefined'
		)
		{
			return;
		}

		this.ratingNodeList[entityId] = node;
	},

	getNode: function(entityId)
	{
		var result = false;

		if (typeof this.ratingNodeList[entityId] != undefined)
		{
			result = this.ratingNodeList[entityId];
		}

		return result;
	},

	setDisplayHeight: function()
	{
		this.displayHeight = document.documentElement.clientHeight;
	},

	getInViewScope: function()
	{
		var ratingNode = null;
		for(var key in this.delayedList)
		{
			if (!this.delayedList.hasOwnProperty(key))
			{
				continue;
			}

			ratingNode = BX(this.getNode(key));

			if (!ratingNode)
			{
				continue;
			}

			if (this.isNodeVisibleOnScreen(ratingNode))
			{
				this.fireAnimation(key, ratingNode, this.delayedList[key]);
			}
		}
	},

	isNodeVisibleOnScreen: function(node)
	{
		var coords = node.getBoundingClientRect();
		var visibleAreaTop = parseInt(this.displayHeight/10);
		var visibleAreaBottom = parseInt(this.displayHeight * 9/10);

		return (
			(
				(
					coords.top > 0
					&& coords.top < visibleAreaBottom
				)
				|| (
					coords.bottom > visibleAreaTop
					&& coords.bottom < this.displayHeight
				)
			)
			&& (
				this.mobile
				|| !(
					(
						coords.top < visibleAreaTop
						&& coords.bottom < visibleAreaTop
					)
					|| (
						coords.top > visibleAreaBottom
						&& coords.bottom > visibleAreaBottom
					)
				)

			)
		);
	},

	live: function(params)
	{
		if (
			typeof params.TYPE == 'undefined'
			|| params.TYPE != 'ADD'
			|| !BX.type.isNotEmptyString(params.ENTITY_TYPE_ID)
			|| typeof params.ENTITY_ID == 'undefined'
			|| parseInt(params.ENTITY_ID) <= 0
		)
		{
			return;
		}

		var key = params.ENTITY_TYPE_ID + '_' + params.ENTITY_ID;
		if (!this.checkEntity(key))
		{
			return;
		}

		var ratingNode = this.getNode(key);
		if (!ratingNode)
		{
			return false;
		}

		if (this.isNodeVisibleOnScreen(ratingNode))
		{
			this.fireAnimation(key, ratingNode, params);
		}
		else
		{
			this.addDelayed(params)
		}
	},

	addDelayed: function(liveParams)
	{
		if (
			!BX.type.isNotEmptyString(liveParams.ENTITY_TYPE_ID)
			|| typeof liveParams.ENTITY_ID == 'undefined'
			|| parseInt(liveParams.ENTITY_ID) <= 0
		)
		{
			return;
		}

		var key = liveParams.ENTITY_TYPE_ID + '_' + liveParams.ENTITY_ID;

		if (typeof this.delayedList[key] == 'undefined')
		{
			this.delayedList[key] = [];
		}

		this.delayedList[key].push(liveParams);
	},

	fireAnimation: function(key, node, data)
	{
		if (typeof this.delayedList[key] != 'undefined')
		{
			delete this.delayedList[key];
		}
	}
};

})();