https://scoi.com/wp-content/uploads/components/component/467/component.js?v=1790847586

1;(function($){ 
2
3 var $win = $(window); 
4
5$win.on('lm:middle.lm-component-467', function(event, lm){ 
6
7lm.item.find('.lm-component-467').each(function(){ 
8
9var $component = $(this); 
10
11/*
12 *  $component
13 *  component element
14 * 
15 *  lm
16 *  global lemons object
17 */
18
19
20var $img = $component.find(".diagram").first();
21var imgSrc = $img.attr('src');
22
23function positionDots() {
24    var img = $component.find(".diagram").first();
25    var imgWidth = img.width();
26    var imgHeight = img.height();
27
28    $component.find(".tp").each(function() {
29        var x = $(this).data("x");
30        var y = $(this).data("y");
31
32        var dotWidth = $(this).width() / 2;
33        var dotHeight = $(this).width() / 2;
34
35        var top = ((y / img.get(0).naturalHeight) * imgHeight) - dotHeight;
36        var left = ((x / img.get(0).naturalWidth) * imgWidth) - dotWidth;
37
38        $(this).css({
39            top: top + "px",
40            left: left + "px"
41        });
42    });
43
44}
45
46$(window).on("resize", positionDots);
47
48$component.find('.img-ani').first().inView(function() {
49
50    positionDots();
51
52    $(this).attr("src", imgSrc);
53
54    setTimeout(function() {
55        $component.find(".target").addClass('show');
56    }, 4200)
57    //4200
58
59});
60
61$component.find('.point').hover(
62    function() {
63
64        $component.find(".point").removeClass('active')
65
66        var _this = $(this);
67        $component.find(".point[data-target='" + _this.data('target') + "']").addClass('active')
68
69    },
70    function() {
71
72        var _this = $(this);
73        $component.find(".point[data-target='" + _this.data('target') + "']").removeClass('active')
74    }
75);
76
77
78
79$component.find('.link-on-body').on("click touchstart mouseenter", function(e) {
80
81    if ($(window).width() < 1024) {
82
83        //alert('test');
84
85        if ($(this).hasClass('second-click')) {
86            return;
87        }
88
89        e.preventDefault();
90
91        $component.find(".point").removeClass('active')
92        $component.find('.link-on-body.second-click').removeClass('second-click');
93
94        $(this).find(".point").addClass('active')
95
96        $(this).addClass('second-click')
97
98    }
99
100})
101
102
103$component.find('.link-on-body').on("mouseleave", function(e) {
104
105    //$(this).removeClass('second-click')
106
107    $component.find('.link-on-body.second-click').removeClass('second-click');
108
109    $component.find(".point").removeClass('active')
110
111})
112
113/*
114$(window).on('pageshow', function(event) {
115    if (event.originalEvent.persisted) {
116
117
118        //on mobile hide all 
119
120    }
121});
122*/
123
124/*
125$(document).on("click", ":not(.link-on-body.second-click)", function() {
126
127    $component.find('.link-on-body.second-click').removeClass('second-click');
128    $component.find(".point").removeClass('active')
129
130})
131
132*/ 
133
134}); 
135
136}); 
137
138}(jQuery));