https://memim.az/plugins/xerite/main.js

1var map = document.querySelector('#map')
2var paths = map.querySelectorAll('.map__image a')
3
4var links =map.querySelectorAll('.map__list a')
5
6
7if(NodeList.prototype.forEach==undefined)
8{
9    NodeList.prototype.forEach = function (callback) {
10        [].forEach.call(this,callback)
11    }
12}
13
14var activeArea = function (id) {
15
16    map.querySelectorAll('.is-active').forEach(function (item) {
17
18        item.classList.remove('is-active')
19    })
20
21    if (id!==undefined){
22
23        // document.querySelector('#list-'+ id).classList.add('is-active');
24        // document.querySelector('#region-'+ id).classList.add('is-active');
25
26
27    }
28
29
30
31}
32
33
34paths.forEach(function (path) {
35    path.addEventListener('mouseenter', function () {
36        var id =this.id.replace('region-','')
37        activeArea(id)
38
39
40    })
41})
42
43
44links.forEach(function (link) {
45    link.addEventListener('mouseenter',function () {
46        var id =this.id.replace('list-','')
47        activeArea(id)
48    })
49})
50
51
52
53
54map.addEventListener('mouseover', function () {
55    activeArea()
56})
57
58
59
60
61
62/*  $("#button-popup").click(function () {
63 $(".window-popup").slideToggle(300);
64 });
65 $("#button-popup-close").click(function () {
66 $(".window-popup").fadeOut(300);
67 });*/
68
69