https://www.wtc-dresden.de/files/theme/js/wtc.js?v=af03d414

1if (jQuery) {
2  (function ($) {
3    "use strict";
4
5    var h = window.location.hash;
6    window.location.hash = "";
7
8    var scrolling = false,
9        previousTop = 0,
10        currentTop = 0,
11        scrollDelta = 5,
12        scrollOffsetOne = 250,
13        scrollOffsetTwo = 600,
14
15        header = $('#header'),
16        mainNav = $('.mainmenu'),
17        // lists = $('.mainmenu ul.level_1 > li'),
18        // heights = {},
19        burger = $('.hamburger'),
20        body = $('body'),
21        container = $('#container'),
22        menuHeight,
23
24        posContainer,
25        posBtmContainer,
26        viewPortHeight,
27        spaceTop = 0,
28        spaceBtm = 0,
29        headerHeight,
30        grid;
31
32    function getRealDimensions() {
33      posContainer = container.offset().top;
34      posBtmContainer = posContainer + container.height();
35      viewPortHeight = $(window).height();
36      headerHeight = header.height();
37      refresh();
38    }
39
40    function handleScroll() {
41      var currentTop = $(window).scrollTop();
42      if($("body").length > 0){
43        checkSimpleNavigation(currentTop);
44      }
45      previousTop = currentTop;
46
47      spaceTop = posContainer - currentTop;
48      spaceBtm = posBtmContainer - menuHeight - currentTop;
49
50      scrolling = false;
51    }
52
53    // ... Burger-Button........................................................
54/*
55    burger.click(function(){
56        $( this ).toggleClass('is-active');
57        $('.navi').toggleClass('open');
58    });
59*/
60
61    function checkSimpleNavigation(currentTop) {
62      if (previousTop - currentTop > scrollDelta && currentTop < scrollOffsetOne) {
63        //if scrolling up...
64        header.removeClass('is-hidden');
65        body.removeClass('is-small');
66        if($(".page").length > 0){
67          $("#header").css("top", "auto");
68          $(".logo a").css("top", 0);
69        }
70      } else if (previousTop - currentTop > scrollDelta && currentTop > 0) {
71        body.removeClass('is-hidden');
72        if($(".page").length > 0){
73          $("#header").css("top", -($("#mainnav").position().top));
74          $(".logo a").css("top", ($("#mainnav").position().top));
75        }
76      } else if(currentTop - previousTop > scrollDelta && currentTop > scrollOffsetOne) {
77        //if scrolling down...
78        body.addClass('is-small');
79        if($(".page").length > 0){
80          $("#header").css("top", -($("#mainnav").position().top));
81          $(".logo a").css("top", ($("#mainnav").position().top));
82        }
83        // body.addClass('is-small');
84/*      if(currentTop > scrollOffsetTwo){
85          body.addClass('is-hidden');
86          if($(".page").length > 0){
87            $("#header").css("top", -($("#mainnav").position().top)-88);
88            $(".logo a").css("top", ($("#mainnav").position().top)-88);
89          }
90        }
91*/    }
92    }
93
94    // ... Formulare..........................................................
95    $('form input, form select, form textarea').focus(function(){
96      $(this).closest('.widget').addClass('focus');
97    });
98
99    $('form input, form select, form textarea').blur(function(){
100        $(this).closest('.widget').removeClass('focus');
101        if( $(this).val().length != 0 || $(this).attr('placeholder') != null) {
102          $(this).closest('.widget').addClass('filled');
103        }else{
104          $(this).closest('.widget').removeClass('filled');
105        }
106    });
107
108    $('form input, form select, form textarea').each(function(){
109      if( $(this).val().length != 0 ) {
110        $(this).closest('.widget').addClass('filled');
111      }
112    });
113
114    $('.quantity').each(function () {
115      $('button.value-decrement', this).click(function () {
116          var value = new Number($(this).siblings('input').attr('value'));
117          value = value - 1;
118          $(this).siblings('input').attr('value', value);
119      });
120      $('button.value-increment', this).click(function () {
121          var value = new Number($(this).siblings('input').attr('value'));
122          value = value + 1;
123          $(this).siblings('input').attr('value', value);
124      });
125    });
126
127    //---< zum Anker scrollen >--------
128    //---------------------------------
129    function scrollToAnchor(target){
130      $('html, body').stop().animate({
131        scrollTop: $(target).offset().top - 100 + "px"
132      }, 1000);
133    }
134

135    function init(){
136
137      getRealDimensions();
138
139      // MMENU nach laden aktivieren
140      $('.mod_mmenu').show();
141    
142
143      setTimeout(function () {
144        body.removeClass('init');
145        if(h){scrollToAnchor(h);}
146      }, 500);
147
148      $(window).on('scroll', function(){
149        if( !scrolling ) {
150          scrolling = true;
151            (!window.requestAnimationFrame)
152              ? setTimeout(handleScroll, 250)
153            : requestAnimationFrame(handleScroll);
154        }
155      });
156
157      if($('.mod_articlelist').length > 0){
158        $('.mod_articlelist').on('click', 'a', function(e){
159          e.preventDefault();
160          scrollToAnchor($(this).prop('hash'));
161        });
162      }
163
164      if($('.ce_toplink').length > 0){
165        $('.ce_toplink').on('click', 'a', function(e){
166          e.preventDefault();
167          scrollToAnchor($(this).prop('hash'));
168        });
169      }
170
171      /*
172      if($('.ce_hyperlink').length > 0){
173        $('.ce_hyperlink').on('click', 'a', function(e){
174          e.preventDefault();
175          scrollToAnchor($(this).prop('hash'));
176        });
177      }
178      */
179
180      // language switcher
181      $(".mod_changelanguage ul").click(function() {
182        var is_open = $(this).hasClass("open");
183        if (is_open) {
184          $(this).removeClass("open");
185        } else {
186          $(this).addClass("open");
187        }
188      });
189      
190      $(".mod_changelanguage ul li").click(function() {
191        var selected_value = $(this).html();
192        var first_li = $(".mod_changelanguage ul li:first-child").html();
193      
194        $(".mod_changelanguage ul li:first-child").html(selected_value);
195        $(this).html(first_li);
196      });
197      
198      $(document).mouseup(function(event) {
199        var target = event.target;
200        var select = $(".mod_changelanguage ul");
201        if (!select.is(target) && select.has(target).length === 0) {
202          select.removeClass("open");
203        }
204      });
205
206      // Mobile Menu
207      // lists.each(function( index ){
208      //   $( this ).find('.menuToggler').on('click touch', function(){
209      //     if($( this ).parent().hasClass('show')){
210      //       setHeight(-1);
211      //     }else{
212      //       setHeight(index);
213      //     }
214      //   });
215      // });
216      //
217      // lists.each(function( index ){
218      //   if($( this ).find('ul.level_2').length){
219      //     heights[index] = $( this ).find('ul.level_2').outerHeight();
220      //     console.log('set - ' + heights[index]);
221      //   } else {
222      //     heights[index] = 0;
223      //   }
224      // });
225
226      // Slick Slider
227      if($(".slick-1").length > 0){
228        $('.slick-1').slick({
229          dots: true,
230          arrows: true,
231          infinite: true,
232          speed: 5000,
233          fade: true,
234          cssEase: 'ease', //'linear',
235          autoplay: true,
236          autoplaySpeed: 5000,
237        });
238      }
239
240      if($(".slick-2").length > 0){
241        $('.slick-2').slick({
242          dots: true,
243          infinite: false,
244          speed: 300,
245          slidesToShow: 2,
246          slidesToScroll: 2,
247          responsive: [
248            {
249              breakpoint: 840,
250              settings: {
251                slidesToShow: 1,
252                slidesToScroll: 1
253              }
254            },
255            {
256              breakpoint: 480,
257              settings: {
258                arrows: false,
259                slidesToShow: 1,
260                slidesToScroll: 1
261              }
262            }
263            // You can unslick at a given breakpoint now by adding:
264            // settings: "unslick"
265            // instead of a settings object
266          ]
267        });
268      }
269      if($(".slick-3").length > 0){
270        $('.slick-3').slick({
271          centerMode: true,
272          centerPadding: '10%',
273          infinite: true,
274          dots: true,
275          speed: 300,
276          slidesToShow: 3,
277          //slidesToScroll: 4,
278          responsive: [
279            {
280              breakpoint: 1024,
281              settings: {
282                slidesToShow: 2,
283                slidesToScroll: 2
284              }
285            }
286            // You can unslick at a given breakpoint now by adding:
287            // settings: "unslick"
288            // instead of a settings object
289          ]
290        });
291		$('.slick-3').slick('slickSetOption', 'slidesToScroll', 3, true);
292      }
293
294      if($(".slick-4").length > 0){
295        $('.slick-4').slick({
296          dots: true,
297          infinite: true,
298          speed: 300,
299          slidesToShow: 4,
300          slidesToScroll: 4,
301          autoplay: true,
302          autoplaySpeed: 3000,
303          // variableWidth: true,
304          responsive: [
305            {
306              breakpoint: 1024,
307              settings: {
308                slidesToShow: 3,
309                slidesToScroll: 3
310              }
311            },
312            {
313              breakpoint: 480,
314              settings: {
315                slidesToShow: 2,
316                slidesToScroll: 2
317              }
318            }
319            // You can unslick at a given breakpoint now by adding:
320            // settings: "unslick"
321            // instead of a settings object
322          ]
323        });
324      }
325
326      if($(".slick-5").length > 0){
327        $('.slick-5').slick({
328          dots: true,
329          infinite: false,
330          speed: 300,
331          slidesToShow: 5,
332          slidesToScroll: 5,
333          responsive: [
334            {
335              breakpoint: 1024,
336              settings: {
337                slidesToShow: 3,
338                slidesToScroll: 3
339              }
340            },
341            {
342              breakpoint: 480,
343              settings: {
344                slidesToShow: 2,
345                slidesToScroll: 2
346              }
347            }
348            // You can unslick at a given breakpoint now by adding:
349            // settings: "unslick"
350            // instead of a settings object
351          ]
352        });
353      }
354
355      refresh();
356    }
357
358    function refresh(){
359
360      /* 100% Height */
361      function sizeContent() {
362        var newHeight = window.innerHeight; /* $("html").height() + "px"; */
363        if(newHeight > 680){
364          $("header .mod_pageImage ").css("height", newHeight - 122);
365          $("header .mod_pageImage  img").css("height", newHeight - 122);
366          $("header").css("height", newHeight);
367          $("#mainnav").css("height", newHeight - 122);
368          // alert('Height: ' + newHeight);
369        }
370      }
371
372      $(document).ready(function () {
373        if($("body.start").length > 0){
374          sizeContent();
375          // $(window).resize(sizeContent);
376        }
377      });
378    }
379
380    $(document).ready(init);
381    $(window).on('resize', refresh);
382
383  }(jQuery));
384}