https://mcdreamshotels.de/files/_assets/js/vr.js

1    vrDefaultSlider = function($){
2        var slideTrigger = $('.vr-dfs');
3        if(slideTrigger.length>0){
4            var sliders = 0;
5            slideTrigger.each(function(data){
6                var slideid = new Date().getTime();
7                if(!$(this).hasClass('vr-dfs-initiated')){
8                    sliders++;
9                    $(this).addClass('vr-dfs-initiated')
10                    $(this).addClass('vr-dfs-'+slideid)
11                    var slideContainer = $('.vr-dfs-'+slideid);
12                    var slListItem = slideContainer.find('.vr-dfs--item');
13                    var i = 0;
14                    /*
15                    slListItem.each(function(data){
16                        i++
17                        $(this).attr('data-vrsfcol',i)
18                    });
19                    */
20                    
21                    var slideOuter =  slideContainer.find('.vr-dfs__outer');
22                    var slidePan =  slideContainer.find('.vr-dfs__pane');
23                    var slideItems = slideContainer.find('.vr-dfs--item');
24                    var slideDots = slideContainer.find('.vr-sf-dots');
25                    var slideSkippers = slideContainer.find('.vr-arrow');
26                    var slideLeft = slideContainer.find('.vr-arrow--left');
27                    var slideRight = slideContainer.find('.vr-arrow--right');
28                    var counterAct = slideContainer.find('.vr-dfs__counter__act');
29                    var counterGes = slideContainer.find('.vr-dfs__counter__ges');
30                    var slideSkipperActiveClass = 'vr-arrow--active';
31                    var slideCount = slideItems.length;
32                    var slideAct = 1;
33                    var soWidth = 0;
34                    var colWidth = 0;
35                    var swoostate = true;
36
37                    var i = 0;
38                    slideItems.each(function(data){
39                        i++
40                        $(this).addClass('vr-ig-item-'+i)
41                    });
42                    $('.vr-ig-item-1').addClass('active');
43                    counterAct.text(1)
44                    counterGes.text(i);
45
46                    function vrSizing(){
47                        colWidth = 0;
48                        if(slideItems.length>0){
49                            slideItems.each(function(data){
50                                var iw= parseFloat($(this).css('width'))+parseFloat($(this).css('marginRight'));
51                                if(iw>colWidth){
52                                    colWidth = iw;
53                                }
54                            });
55                        }
56                        soWidth = parseFloat(slideOuter.css('width'));
57                        slideWidth = (slideCount*(colWidth+5));
58                        slidePan.width(slideWidth);	
59                        slideTo(slideAct);	
60                        if(slideWidth>soWidth){
61                            swoostate = true;
62                            var sp = slideOuter.parent();
63                            sp.addClass('vr-show-dots');			
64                        }
65                        else{
66                            swoostate = false;
67                            slidePan.css('marginLeft',0);
68                            var sp = slideOuter.parent();
69                            sp.removeClass('vr-show-dots');
70                        }
71                        if(slideContainer.hasClass('vr-map__standort-mobilecatslider')||slideContainer.hasClass('vr-map-mobile-slider')){
72                            //bugfix mobile slide
73                            swoostate = true;
74                        }
75                    }	
76                    function slideTo(c){
77                        slideSkippers.removeClass(slideSkipperActiveClass);
78                        if(c>1 && swoostate){
79                            slideLeft.addClass(slideSkipperActiveClass);
80                        };
81                        if(slideCount>1&&(c)<slideCount && swoostate){
82                            slideRight.addClass(slideSkipperActiveClass);
83                        };
84                        if(c>0&&c<=slideCount&&swoostate){
85                            slideItems.removeClass('active');

86                            /*map-standort-catlevel*/
87                            slideContainer.find('.vr-mstandortmobile-'+(c-1)).trigger('click');
88                            /*map-standort-entrylevel*/
89                            slideContainer.find('.vr-dfs--item.vr-map-info-'+(c-1)).trigger('click');
90                            /*map-home*/
91                            slideContainer.find('.vr-maphome-info-'+(c-1)).trigger('click');//map-home
92                            slideAct = c;
93                            slideContainer.find('[data-vrsfcol]').removeClass('active');
94                            slideContainer.find('.vr-ig-item').removeClass('active');
95                            var vrScrollTo = '-'+((c-1) * colWidth)+'px';			
96                            slideContainer.find('[data-vrsfcol="'+c+'"]').addClass('active');
97                            slideContainer.find('.vr-ig-item-'+c).addClass('active');
98                            slidePan.css('marginLeft',vrScrollTo);
99                            counterAct.text(slideAct)
100                        }
101                    }	
102                    var dotcont = slideContainer.find('.vr-mapdetails__dots');
103                    if(dotcont.length>0){
104                        var dots = '';
105                        for (i = 0; i < slideCount; i++) { 
106                            dots += 
107                            '<span class="vr-mapdetails__dots__dot" data-vrsfcol="'+(i+1)+'" style="width: calc(279px / '+slideCount+');">'+
108                                '<span class="vr-mapdetails__dots__dot--inner"></span>'+
109                            '</span>';
110                        }
111                        dotcont.html(dots);
112                        slideContainer.find('[data-vrsfcol="'+slideAct+'"]').addClass('active');
113                        var dotc =  slideContainer.find('[data-vrsfcol]');	
114                        dotc.click(function(){
115                            slideTo(parseInt($(this).data('vrsfcol')));
116                        });
117                    }
118                    
119                    slListItem.each(function(data){
120                        if($(this).hasClass('vr-map__standort--mobilecat')){
121                            var c = parseInt($(this).data('vropencat'))+1;
122                            $(this).click(function(){
123                                slideAct = c;
124                                slideContainer.find('.vr-ig-item').removeClass('active');
125                                var vrScrollTo = '-'+((c-1) * colWidth)+'px';			
126                                slideContainer.find('.vr-ig-item-'+c).addClass('active');
127                                slidePan.css('marginLeft',vrScrollTo);
128                            });
129                        }
130                    });
131
132
133                    slidePan.hammer({ direction: Hammer.DIRECTION_VERTICAL }).bind("swipeleft swiperight", function(ev) {
134                        if(ev.type=='swipeleft'){
135                            slideTo(slideAct+1)
136                        }
137                        if(ev.type=='swiperight'){
138                            slideTo(slideAct-1)
139                        }
140                    });
141                    
142                    slideLeft.click(function(){
143                        slideTo(slideAct-1);
144                    })
145                    slideRight.click(function(){
146                        slideTo(slideAct+1);
147                    })
148                    
149                    $(window).resize(function(){
150                        setTimeout(function(){
151                            vrSizing();
152                        },500);
153                    });
154                    vrSizing();
155                };
156            });
157        }
158    }
159    
160jQuery(document).ready(function($){
161    vrDefaultSlider($);
162});