https://www.go-europe.eu/templates/js/master.js

1
2$(window).on("load", function (e){
3		
4	
5	if($(".bxslider").length != 0) {
6
7		slider = $('.bxslider').bxSlider({ captions: true,controls : true, autoStart: true, pause: 2500, auto: true, autoHover: true, onSliderLoad: function ($slideElement) {
8			var current_title =  $($slideElement).data("title");
9			$('#whatIwant').html(current_title);   
10		
11		},
12		onSlideAfter: function ($slideElement, oldIndex, newIndex) {
13			var current_title =  $($slideElement).data("title");
14			var current_text =  $($slideElement).data("text");
15			$('#whatIwant').html(current_title);   
16			
17			if($("#slideshowtext").length != 0) {
18				$("#slideshowtext").html(current_text);
19			}
20		
21		}
22		
23		
24		});
25	
26		slider.startAuto();
27
28	}
29});
30
31$(document).ready(function(e) {
32	
33	/* Fancybox einbinden für die Gallerie Elemente einbinden  */
34	$(".galerie_element").fancybox({
35
36	});
37	
38	
39	//Fahle ein und ausblenden
40	document.body.style.overflow = "hidden";
41	var viewportWidth = $(window).width();
42	document.body.style.overflow = "";
43	var url = document.location.href.match(/[^\/]+$/);
44	
45	
46
47	if ( viewportWidth < 1100){
48		//Fahne ausblenden um Mobile-Benutzer nicht zu Ägern
49		$('#trailer_teaser').hide();
50	} else {
51		
52		}
53	
54
55	var width = $("iframe").width();
56	var height = (width/100)*56;
57	$("iframe").height(height);
58	//Nicht aber der Spenden Iframe
59	$("#spenden_iframe").height('100%');
60	
61
62
63
64	$('.webTicker').webTicker({startEmpty: false});
65
66	
67	/* Slick Slider für Sponsoren Logos */
68	
69	$('.slideshow_logos').slick({
70		dots: false,

71		prevArrow: false,
72    	nextArrow: false,
73		infinite: true,
74		speed: 800,
75		slidesToShow: 3,
76		variableWidth: false,
77		autoplay: true,
78  		autoplaySpeed: 2000,
79		 responsive: [
80			{
81			  breakpoint: 940,
82			  settings: {
83				
84				slidesToShow: 2
85				
86			  }
87			},
88			{
89			  breakpoint: 680,
90			  settings: {
91				
92				slidesToShow: 1
93			  }
94			}
95		  ]
96		 
97		});
98	
99	
100	/*
101	 centerMode: true,
102		  variableWidth: true,
103		  centerPadding: '60px',
104		  slidesToShow: 3,
105		  infinite: true,
106		  initialSlide: 1,
107		  dots: false,
108		  speed: 300,
109	 responsive: [
110			{
111			  breakpoint: 895,
112			  settings: {
113				arrows: false,
114				centerMode: true,
115				centerPadding: '40px',
116				slidesToShow: 1,
117				initialSlide: 1,
118			  }
119			},
120			{
121			  breakpoint: 680,
122			  settings: {
123				arrows: false,
124				centerMode: true,
125				centerPadding: '40px',
126				slidesToShow: 1
127			  }
128			}
129		  ]
130	
131	
132	$(".spenden_btn").click(function(e) {
133
134        $("html, body").animate({ scrollTop: ($("#spenden_wrapper").offset().top)}, 'slow');
135
136    }); */
137	
138		//scroll down to Form "kostenlos testen" when click on button
139	$(".spenden_btn, .spenden_animate").click(function(e) {
140		scrolled = 1;
141		e.preventDefault();
142		var ziel = "#spenden_wrapper";			
143		//var offset = $(this).data("position");
144		if($(ziel).length != 0) {
145			
146			$('html, body').animate({
147				scrollTop: $(ziel).offset().top-$('.top_navi').height()
148			}, 1000);
149		} else {
150			console.log("gefunden");
151			window.location.href = "/?jump=spenden";
152		}
153	});
154	
155
156	/* Mobile Navigation */
157
158	$("#mobile_navi").click(function(e) {
159
160		$('#menu_primaer').slideToggle();
161
162	}); 
163
164	
165
166	/* Sprachen Navigation lang_switcher_nav */
167
168	$("#lang_switcher_nav").click(function(e) {
169
170		$('#lang_dropdown').slideToggle();
171
172		$(this).toggleClass('active_lang');
173
174	});
175
176
177
178	
179
180	$(".titel").click(function(e) {
181		
182		$(this).parent(".dropdown").children(".drop").slideToggle();
183
184
185    });
186
187	
188
189	$('.clickable').click(function(e){
190	
191		$(this).parent("div").children(".slide_wrapper").slideToggle();	
192		
193	});
194	
195
196	//TEXT TOOGLE 
197
198	$(".slide_trigger").click(function(e) {
199		
200
201        $(this).children(".arrow").toggleClass("active");
202
203		$(this).children(".arrow").toggleClass("inactive");
204
205		$(this).parent("div").children(".slide_wrapper").slideToggle();
206		
207		if($(this).parent("div").children(".slide_wrapper").children('#route').length){
208			
209			//Google Maps Karte Inizializieren weil sonst Die Karte nicht richtig dargestellt wird
210			console.log("Karte eingestellt");
211			initMap();
212			
213			}
214		
215
216    });
217
218	
219
220	//TEXT TOOGLE /*  arrow_text */
221
222	$(".arrow_trigger").click(function(e) {
223
224		var current_text_id = $(this).data('click');
225
226        $(this).toggleClass("active");
227
228		$(this).toggleClass("inactive");
229
230		$('#tinymce_more_' + current_text_id).slideToggle();
231		
232		
233		//Nachschauen ob sich die Google Maps in den Kindern befindet 
234		if($('#tinymce_more_' + current_text_id).children('#route').length){
235			
236			//Google Maps Karte Inizializieren weil sonst Die Karte nicht richtig dargestellt wird
237			console.log("Karte eingestellt");
238			initMap();
239			
240			}
241		
242
243    });
244
245	
246
247	//Scroll to next Content
248
249	$(".slide_down").click(function(e) {
250
251        //Nächstes Inhaltselement
252
253		var current_div = $(this).parent().parent('.balken_blau');
254
255		var current_top = $(current_div).offset().top;
256
257		var div_height = $(current_div).height();
258
259		var next = current_top + div_height + 80;
260
261		$("html, body").animate({ scrollTop: (next)}, 'slow');
262
263    }); 
264
265	
266
267	
268
269	$(".overlay").click(function(e) {
270
271		var text = $(this).parent("div").children(".detailtext").html();
272
273			$(".overlay_text").html(text);
274
275			$(".body_overlay").fadeIn();
276
277	});
278
279	
280
281	
282
283	
284
285	$('.body_overlay *').click(function (e) {
286
287		
288
289		if($(this).hasClass("close")) {
290
291			$(".body_overlay").fadeOut("slow");
292
293		} else {
294
295			e.stopPropagation(); // prevent click propagation, so parent click never fires.
296
297		}
298
299	})
300
301	
302
303	$( "body" ).delegate( ".close", "click", function(e) {
304
305		$(".body_overlay").fadeOut("slow");
306
307	});
308
309		
310
311	$(".body_overlay").click(function(e) {
312
313		 if($(e.target.className =="body_overlay")) {
314
315		 
316
317		 }
318
319		$(".body_overlay").fadeOut("slow");
320
321	});
322
323	
324
325	$(".overlay_content").perfectScrollbar();
326
327	
328
329	
330
331	$(".drop").each(function(index, element) {
332
333		//englisch
334
335		if($(this).hasClass("englisch")){
336
337			var jetzt_spenden = "Donate now";
338
339			var jetzt_teilen = "Share";
340
341			var jetzt_anmelden = "Register now";
342
343			var jetzt_lesen = "more";
344
345			
346
347		} else {
348
349				
350
351			var jetzt_spenden = "jetzt spenden";
352
353			var jetzt_teilen = "jetzt teilen";
354
355			var jetzt_anmelden = "jetzt anmelden";
356
357			var jetzt_lesen = "mehr lesen";
358
359		}
360
361		
362
363		
364
365		if($(this).hasClass("spenden")) {
366
367			$(this).append('<div class="arrow"><br><p style="color: #283371;">

367' + jetzt_spenden + ' ▼</p></div><br><br>');
368
369		}
370
371		if($(this).hasClass("share")) {
372
373			$(this).append('<div class="arrow"><br><p style="color: #283371;">' + jetzt_teilen  + ' ▼</p></div><br><br>');
374
375		}
376
377		if($(this).hasClass("support")) {
378
379			$(this).append('<div class="arrow"><br><p style="color: #283371;">' + jetzt_anmelden + ' ▼</p></div><br><br>');
380
381		}
382
383		if($(this).hasClass("fancy")){
384
385       		$(this).append('<div class="arrow"><br><p style="color: #283371;">' + jetzt_lesen + ' ▼</p></div><br><br>');
386
387		}
388
389    });
390
391	
392
393	$(".drop").click(function(e) {
394
395		if($(this).hasClass("spenden")) {
396
397			$("html, body").animate({ scrollTop: $('#spenden_wrapper').offset().top }, 1000);
398
399			return true;
400
401		}
402
403		
404
405		if($(this).hasClass("share")) {
406
407			$("html, body").animate({ scrollTop: $('.social_wrapper').offset().top }, 1000);
408
409			return true;
410
411		}
412
413		
414
415		if($(this).hasClass("support")) {
416
417			$("html, body").animate({ scrollTop: $('.prefooter').offset().top }, 1000);
418
419			return true;
420
421		}
422
423		if($(this).hasClass("fancy")) {	
424
425			var text  = "<h2>"+$(this).children("h2").html()+"</h2>";
426
427			text += $(this).children(".detailtext").html();
428
429			$(".overlay_text").html(text);
430
431			$(".body_overlay").fadeIn();
432
433		}
434
435	});
436
437	
438
439	
440
441	$('.spenden_btn_iframe').click(function(e){
442
443		
444
445		$(this).children('span').fadeOut(  );
446
447		
448
449		$(this).addClass('show_iframe');
450
451		$(this).children('iframe').delay( 1300 ).fadeIn(); 
452
453			
454
455		
456
457	});
458
459	
460
461	
462
463});
464
465
466
467$(window).resize(function(e){
468
469	
470	var width = $("iframe").width();
471	var height = (width/100)*56;
472	$("iframe").height(height);
473	//Nicht aber beim Spenden Iframe
474	$("#spenden_iframe").height('100%');
475		
476
477	//Navigation ein oder ausblenden
478
479	document.body.style.overflow = "hidden";
480
481	var viewportWidth = $(window).width();
482
483	document.body.style.overflow = "";
484
485	var url = document.location.href.match(/[^\/]+$/);
486
487	if ( viewportWidth > 768){
488
489		if($('#menu_primaer').is(':hidden')) {
490
491			$('#menu_primaer').fadeIn();
492
493		}
494
495	} else {
496		//Fabe ausblenden bei Resize
497		$('#trailer_teaser').hide();
498
499		if($('#menu_primaer').is(':visible')) {
500
501			$('#menu_primaer').fadeOut();
502
503		}
504
505		
506
507	} 
508
509	
510
511});
512
513
514
515
516