function scrollIt(destination, duration = 200, easing = 'linear', callback) {

  const easings = {
    linear(t) {
      return t;
    },
    easeInQuad(t) {
      return t * t;
    },
    easeOutQuad(t) {
      return t * (2 - t);
    },
    easeInOutQuad(t) {
      return t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t;
    },
    easeInCubic(t) {
      return t * t * t;
    },
    easeOutCubic(t) {
      return (--t) * t * t + 1;
    },
    easeInOutCubic(t) {
      return t < 0.5 ? 4 * t * t * t : (t - 1) * (2 * t - 2) * (2 * t - 2) + 1;
    },
    easeInQuart(t) {
      return t * t * t * t;
    },
    easeOutQuart(t) {
      return 1 - (--t) * t * t * t;
    },
    easeInOutQuart(t) {
      return t < 0.5 ? 8 * t * t * t * t : 1 - 8 * (--t) * t * t * t;
    },
    easeInQuint(t) {
      return t * t * t * t * t;
    },
    easeOutQuint(t) {
      return 1 + (--t) * t * t * t * t;
    },
    easeInOutQuint(t) {
      return t < 0.5 ? 16 * t * t * t * t * t : 1 + 16 * (--t) * t * t * t * t;
    }
  };

  const start = window.pageYOffset;
  const startTime = 'now' in window.performance ? performance.now() : new Date().getTime();

  const documentHeight = Math.max(document.body.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight, document.documentElement.scrollHeight, document.documentElement.offsetHeight);
  const windowHeight = window.innerHeight || document.documentElement.clientHeight || document.getElementsByTagName('body')[0].clientHeight;
  const destinationOffset = typeof destination === 'number' ? destination : destination.offsetTop;
  const destinationOffsetToScroll = Math.round(documentHeight - destinationOffset < windowHeight ? documentHeight - windowHeight : destinationOffset);

  if ('requestAnimationFrame' in window === false) {
    window.scroll(0, destinationOffsetToScroll);
    if (callback) {
      callback();
    }
    return;
  }

  function scroll() {
    const now = 'now' in window.performance ? performance.now() : new Date().getTime();
    const time = Math.min(1, ((now - startTime) / duration));
    const timeFunction = easings[easing](time);
    window.scroll(0, Math.ceil((timeFunction * (destinationOffsetToScroll - start)) + start));

    if (window.pageYOffset === destinationOffsetToScroll) {
      if (callback) {
        callback();
      }
      return;
    }

    requestAnimationFrame(scroll);
  }

  scroll();
} 
/* Polyfill for closest */
if (window.Element && !Element.prototype.closest) {
    Element.prototype.closest =
    function(s) {
        var matches = (this.document || this.ownerDocument).querySelectorAll(s),
            i,
            el = this;
        do {
            i = matches.length;
            while (--i >= 0 && matches.item(i) !== el) {};
        } while ((i < 0) && (el = el.parentElement));
        return el;
    };
}

/* Current and ancestor nav items */
var arrNavs = document.getElementsByClassName("nav");
var i;

for (i = 0; i < arrNavs.length; i++) {
	var arrLinks = arrNavs[i].getElementsByTagName("a");
	for(j=0;j<arrLinks.length;j++) {
		if(window.location.pathname == arrLinks[j].getAttribute("href")) {
			arrLinks[j].closest("li").classList.add("current");
		}
	}
}

/* Paginator */
var arrPaginators = document.getElementsByClassName("eexoos-paginator");
for (i = 0; i < arrPaginators.length; i++) {
	var itemsTotal = parseInt(document.getElementById(arrPaginators[i].dataset.for).dataset.itemsTotal);
	var itemsPerPage = parseInt(document.getElementById(arrPaginators[i].dataset.for).dataset.itemsPerPage);
	var currentPage = parseInt(document.getElementById(arrPaginators[i].dataset.for).dataset.currentPage)
	var pageCount = Math.ceil(itemsTotal/itemsPerPage);
	for(page = 0;page < pageCount;page++) {
		if(page == currentPage) {
			arrPaginators[i].innerHTML += '<span>' + (page+1) + '</span>';
		} else {
			arrPaginators[i].innerHTML += '<a href="' + '?page=' + page + '">' + (page+1) + '</a>';
		}
	}
}

/* General */
var header = document.getElementById("header");
var logo = document.getElementById("logo");
var nav = document.getElementById("nav");
var navInside = document.getElementById("nav-inside");
var navSwitch = document.getElementById("nav-switch");
var langSwitch = document.getElementById("lang-switch");
var goTop = document.getElementById("gotop");

function updateScrollingState() {
	if(window.pageYOffset == 0) {
		header.classList.remove("scrolled");
		nav.classList.remove("scrolled");
		logo.classList.remove("scrolled");
		langSwitch.classList.remove("scrolled");
		gotop.classList.remove("active");
	} else {
		header.classList.add("scrolled");
		nav.classList.add("scrolled");
		logo.classList.add("scrolled");
		langSwitch.classList.add("scrolled");
		gotop.classList.add("active");
	}
}
updateScrollingState();
window.onscroll = function(e) {
	updateScrollingState();
}

/* Intro */
var intro = document.getElementById("intro");
if(intro) {
	var isi01 = document.getElementById("isi-01");
	var isi02 = document.getElementById("isi-02");
	var isi03 = document.getElementById("isi-03");

	intro.classList.add("stage-01");

	function changeIntro() {
		if(intro.classList.contains("stage-01")) {
			intro.classList.remove("stage-01");
			intro.classList.add("stage-02");
		} else if(intro.classList.contains("stage-02")) {
			intro.classList.remove("stage-02");
			intro.classList.add("stage-03");
		} else {
			intro.classList.remove("stage-03");
			intro.classList.add("stage-01");
		}
	}

	setInterval(function() {
		changeIntro();
	}, 3000);

}

/* Block Items Pics */
var biItemPics = document.getElementsByClassName("bi-item-pic");
for(var i=0;i<biItemPics.length;i++) {
	biItemPics[i].style.backgroundImage = 'url("img/' + biItemPics[i].dataset.img + '.jpg")';
}
/* Block Fancy Pics */
var bfItemPics = document.getElementsByClassName("bf-item-pic");
for(var i=0;i<bfItemPics.length;i++) {
	bfItemPics[i].style.backgroundImage = 'url("img/bf-pics/bf-' + bfItemPics[i].dataset.img + '.svg")';
}
/* Block Items Pic */
var biItemPics = document.getElementsByClassName("bi-item-pic");
for(var i=0;i<biItemPics.length;i++) {
	biItemPics[i].style.backgroundImage = 'url("img/' + biItemPics[i].dataset.img + '.jpg")';
}
/* Block Logos Pic */
var blItemPics = document.getElementsByClassName("bl-item-pic");
for(var i=0;i<blItemPics.length;i++) {
	blItemPics[i].style.backgroundImage = 'url("img/partners/' + blItemPics[i].dataset.img + '")';
}

/* Go Top */
gotop.addEventListener('click', function(e) {
scrollIt(
    0,
    500,
    'easeOutQuad'
  );
});

/* Nav */
navSwitch.addEventListener('click', function(e) {
	if(nav.classList.contains("active")) {
		navSwitch.classList.remove("opened");
		langSwitch.classList.remove("opened");
		navInside.classList.remove("active");
		setTimeout(function() {
			nav.classList.remove("active");
		}, 500);
	} else {
		navSwitch.classList.add("opened");
		nav.classList.add("active");
		setTimeout(function() {
			langSwitch.classList.add("opened");
			navInside.classList.add("active");
		}, 500);
	}
});

/* Lang Switch */
langSwitch = document.getElementById("lang-switch");
langSwitchItems = document.getElementsByClassName("lang-switch-item");
for(var i=0;i<langSwitchItems.length;i++) {
	if(langSwitchItems[i].dataset.langItem == langSwitch.dataset.currentLang) {
		langSwitchItems[i].classList.add("current");
		break;
	}
}

/* Eexoos Responsive Table */
var eexoosResponsiveTable = document.getElementsByClassName("eexoos-responsive-table");
if(eexoosResponsiveTable.length > 0) {
	for(var i=0;i< eexoosResponsiveTable.length;i++) {
		var curTable = eexoosResponsiveTable[i];
		var arrLabels = [];
		var curTh = curTable.querySelectorAll(".ert-th");
		for(var ith=0;ith<curTh.length;ith++) {
			arrLabels.push(curTh[ith].innerText);
		}
		var curTr = curTable.querySelectorAll(".ert-row");
		for(var itr=0;itr<curTr.length;itr++) {
			var curTd = curTr[itr].querySelectorAll(".ert-td");
			for(var itd=0;itd<curTd.length;itd++) {
				var innerHtmlPre = curTd[itd].innerHTML;
				curTd[itd].innerHTML = '<span class="ert-td-label">' + arrLabels[itd] + '</span><span class="ert-td-content">' + innerHtmlPre + '</span>';
			}
		}
	}
}

document.addEventListener("DOMContentLoaded", function(event) {
    var element = document.querySelector("[data-lang-item='ru']");
    element.addEventListener("click", function(e) {
    	e.preventDefault()
    	var url = "https://ru.ethnogames.org"+location.pathname;
    	window.location = url;
	}, false);
});