https://www.mache-versicherungsmakler.de/skins/js/fullscreen.main.js

1// **************************************
2// detect for javascript
3// **************************************
4
5$('html').removeClass('no-js');
6
7
8//**************************************
9// toggle search
10//**************************************
11
12$(document).ready(function () {
13  $('.toggle-search').click(function () {
14    var search = $('.dropdown-menu .mod_search_form');
15    search.toggleClass("collapse");
16    search.slideToggle();
17  });
18});
19
20
21//**************************************
22// toggle dropdown menu
23//**************************************
24
25$(document).ready(function () {
26  $('.toggle-menu').click(function () {
27    var navigation = $('#dl-menu');
28    var topbar = $('.top-bar');
29    $('.toggle-menu').toggleClass("collapse");
30    topbar.toggleClass("full");
31    navigation.slideToggle();
32    if (topbar.hasClass('full')) {
33      $('body').css('overflow', 'hidden');
34    } else {
35      $('body').css('overflow', '');
36    }
37  });
38});
39
40
41// **************************************
42// Menü scrollbar, wenn es zu groß ist
43// **************************************
44
45// Funktion zur Brechnung der verfügbaren Höhe
46(function ($) {
47  $.fn.calculateAvailableHeight = function () {
48    this.each(function () {
49      $(this).css('height', 'auto');
50      var topBarHeight = $('.top-bar').height();
51      var padding = parseInt($('.top-bar').css("padding-top").replace("px", ""));
52      var menuHeight = $(this).outerHeight();
53      var completeHeight = topBarHeight + padding + menuHeight;
54      var availableHeight = $(window).height() - topBarHeight - padding;
55
56      if (completeHeight > $(window).height()) {
57        $(this).css('overflow-x', 'hidden');
58        $(this).css('height', availableHeight.toString());
59      }
60    });
61    return this;
62  };
63})(jQuery);
64
65
66$(document).ready(function () {
67  $('.menu').hover(
68    function () {
69      $('body').css('overflow', 'hidden');
70    }, function () {
71      $('body').css('overflow', '');
72    }
73  );
74  $('.submenu.menu-level-2').calculateAvailableHeight();
75});
76
77
78// **************************************
79// preloader
80// **************************************
81
82$(window).on("load", function () { // makes sure the whole site is loaded
83  $('#status').fadeOut(); // will first fade out the loading animation
84  $('#preloader').delay(350).fadeOut('slow'); // will fade out the white DIV that covers the website.
85});
86
87
88// **************************************
89// jQuery to collapse the navbar on scroll
90// **************************************
91
92$(document).ready(function () {
93  collapseTopBar();
94});
95
96$(window).scroll(function () {
97  collapseTopBar();
98});
99
100
101//***********************************
102// collapse top bar
103//***********************************
104
105function collapseTopBar() {
106  var topbar = $('.top-bar');
107  if (topbar.offset().top > 50) {
108    topbar.addClass("top-bar-collapse");
109  } else {
110    topbar.removeClass("top-bar-collapse");
111  }
112}
113
114
115// ***********************************
116// totop
117// ***********************************
118
119$(document).ready(function () {
120  $().UItoTop({
121    easingType: 'easeOutQuart'
122  });
123});
124
125
126//***********************************
127// toggle page_box links
128//***********************************
129
130$(document).ready(function () {
131  $('.page_box_links_toggle').click(function () {
132    var togglebutton = $(this);
133    if (togglebutton.parent().hasClass('open')) {
134      $.when(togglebutton.prev().slideUp()).done(function () {
135        togglebutton.parent().removeClass('open');
136      });
137    } else {
138      togglebutton.parent().addClass('open');
139      togglebutton.prev().slideDown();
140      togglebutton.parents('.page_box').siblings().find('.page_box_links ul').slideUp();
141      togglebutton.parents('.page_box').siblings().find('.page_box_links').removeClass('open');
142    }
143  });
144});
145
146
147//***********************************
148// foundation script loading
149//***********************************
150
151// $(document).foundation();
152
153
154//***********************************
155// dl menu
156//***********************************
157
158$('#dl-menu').dlmenu({
159  animationClasses: {classin: 'dl-animate-in-2', classout: 'dl-animate-out-2'}
160});
161
162
163//***********************************
164// Überschrift vertikal zentrieren
165//***********************************
166var header_position = function () {
167  var headerHeight = $("#header:not(.header-no-img)").height();
168  var captionHeight = $("#header:not(.header-no-img) .caption").height();
169  $("#header:not(.header-no-img) .caption").css('padding-top', (headerHeight - captionHeight) / 2);
170}
171
172$(document).ready(header_position);
173$(window).resize(header_position);
174
175//***********************************
176// News Swipe initialisieren
177//***********************************
178
179var mySwiper = new Swiper('.swiper-container', {
180  pagination: '.swiper-pagination',
181  nextButton: '.swiper-button-next',
182  prevButton: '.swiper-button-prev',
183
184  // Optional parameters
185  loop: true,
186  slidesPerView: 'auto',
187  paginationClickable: true,
188  grabCursor: true,
189  preventClicks: true,
190  preventClicksPropagation: true,
191});
192
193//****************************************
194// News Swipe (no loop) initialisieren
195//****************************************
196
197var mySwiper_no_loop = new Swiper('.swiper-container-no-loop', {
198  pagination: '.swiper-pagination',
199  nextButton: '.swiper-button-next',
200  prevButton: '.swiper-button-prev',
201
202  // Optional parameters
203  loop: false,
204  slidesPerView: 'auto',
205  paginationClickable: true,
206  grabCursor: true,
207  preventClicks: true,
208  preventClicksPropagation: true,
209});
210
211
212//***********************************
213// Initialisiere Hyphenator
214//***********************************
215
216// Hyphenator_Loader.init(
217//     {
218//       "en": "automatically",
219//       "de": "Silbentrennungsalgorithmus"
220//     },
221//     "./hyphenator/Hyphenator.js"
222// );
223
224//****************************************
225// Scrollable menu with pop out submenus
226//****************************************
227
228$(window).on("load", function () {
229  $(window).height();
230  $('#upmenu > li.has-items').on('mouseover', function () {
231    var menuItem = $(this);
232    var submenu = $('> .menuwrapper > .submenu', menuItem);
233    var maxHeight = $(window).height() - menuItem.offset().top - menuItem.position().top + $(document).scrollTop();
234    submenu.css('max-height', maxHeight);
235  });
236
237  $('.submenu li.has-items').on('mouseover', function () {
238    var menuItem = $(this),
239      submenu = $('> .menuwrapper > .submenu', menuItem),
240      submenuWrapper = $('> .menuwrapper', menuItem),

241      menuItemPos = menuItem.position(),
242      menuItemOff = menuItem.offset(),
243      windowHeight = $(window).height(),
244      minHeight = windowHeight - menuItemOff.top + $(document).scrollTop(),
245      maxHeight = windowHeight - menuItemOff.top + menuItemPos.top + $(document).scrollTop(),
246      submenuHeight = $(submenu).prop('scrollHeight'),
247      setTop = menuItemPos.top,
248      setHeight = minHeight;
249
250    if (submenuHeight > maxHeight) {
251      setTop = 0;
252      setHeight = maxHeight;
253    } else if (submenuHeight > minHeight) {
254      setTop = setTop - (submenuHeight - minHeight);
255      setHeight = submenuHeight;
256    }
257
258    submenuWrapper.css({
259      top: setTop,
260      left: menuItemPos.left + menuItem.outerWidth()
261    });
262    submenu.css('max-height', setHeight);
263  });
264});