$(document).ready(function(){ /* --- JScript-HTML-Includer --- */ myHTMLInclude(); function myHTMLInclude() { var z, i, a, file, xhttp; z = document.getElementsByTagName("*"); for (i = 0; i < z.length; i++) { if (z[i].getAttribute("w3-include-html")) { a = z[i].cloneNode(false); file = z[i].getAttribute("w3-include-html"); var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (xhttp.readyState == 4 && xhttp.status == 200) { a.removeAttribute("w3-include-html"); a.innerHTML = xhttp.responseText; z[i].parentNode.replaceChild(a, z[i]); myHTMLInclude(); } } xhttp.open("GET", file, true); xhttp.send(); return; } } } /* nach Reload auf Start/Titelseite springen*/ window.onbeforeunload = function () { window.scrollTo(0, 0); } /* --- TOP-Menü Ausblendung beim Scrollen--- */ var lastScrollTop = 0; $(window).scroll(function(event){ var st = $(this).scrollTop(); if (st > lastScrollTop){ if (!$('body').hasClass('down')) { $('body').addClass('down'); } } else { $('body').removeClass('down'); } lastScrollTop = st; if ($(this).scrollTop() <= 0) { $('body').removeClass('down'); }; }); /* --- NEXTDATE Animation --- */ $(window).scroll(function(){ // Schauen wo das gewünschte Div ist var height = $("#start").offset(); // Die aktuelle Fensterposition (nach dem Scrollen) var current = $(window).scrollTop(); if( current <= height.top ){ $("#next-date").removeClass("fade-out").addClass("fade-in-left"); // $("#debug").text(document.body.clientWidth); // $("#debug2").text(current); } else { $("#next-date").removeClass("animate-delay2s").addClass("animate").removeClass("fade-in-left").addClass("fade-out"); // $("#debug").text(document.body.clientWidth); // $("#debug2").text(current); } }); /* --- Scroll-Down-Pfeil Animation EIN/AUS-Blendung --- */ var $sec = $("section"); // Selector cachen! $(".prev-section-arrow, .next-section-arrow").click(function(){ // Klick auf Pfeile // We need to get current element // before defining the `.next()` or `.prev-section-arrow()` element to target // and get it's `offset().top` into an `y` variable we'll animate to. // A current element is always the one which bottom position // (relative to the browser top) is higher than 0. var y = $sec.filter(function(i, el) { return el.getBoundingClientRect().bottom > 0; })[$(this).hasClass("next-section-arrow")?"next":"prev"]("section").offset().top; // (Line above:) if the clicked button className was `"next"`, // target the the `.next("section")`, else target the `.prev-section-arrow("section")` // and retrieve it's `.offset().top` $("html, body").stop().animate({scrollTop: y}); // mögliche Ausblendung stoppen, einblenden und langsam Ausblenden //$(".next-section-arrow").finish().fadeIn(0).show().delay(3000).fadeOut(3000); }); $(window).bind("mousemove scroll keypress",function(){ if (!$("body").hasClass("no-scroll")) // kein Menü, normale Bedienoberfläche { if($(window).scrollTop() + $(window).height() > $(document).height() - 100) { $(".next-section-arrow").finish().hide(); // Pfeilansich deaktivieren bei erreichen des unteren Teils der Seite } else { $(".next-section-arrow").finish().fadeIn(0).show().delay(2000).fadeOut(1000); // sofortiges Einblenden bei Mausbewegung und langsames ausblenden } } }); /* --- Haupt-Menü-Einblenden Animation --- */ $(".menu").click(function() { // Menü aktivieren/deaktivieren $("body").toggleClass("no-scroll"); // Scrollbalken entfernen, festes Fenster, Menü einblenden $(".start").vegas('toggle'); // Vegas-Slider stoppen/starten $("#menu-text").toggleClass("no-menu-text") // Menü-Text aus/einschalten $(".menu-img").toggleClass("menu-img-close"); // Menü-Icon wechseln $(".menu-main").toggleClass("menu-shown"); // Menüpunkte sichtbar machen }); $(".menu-main a").click(function() { // Menü-Link wählen $("body").toggleClass("no-scroll"); // Scrollbalken wieder zulassen $(".start").vegas('toggle'); $(".menu-img").toggleClass("menu-img-close"); // Menü-Icon wechseln $(".menu-main").removeClass("menu-shown"); // Menü ausblenden }); /* --- Vegas-Background-Einblenden Animation --- */ /* kein overlay für mobile Geräte */ if (window.innerWidth > 1000) { var overlay_file = '../../../theme/BV/js/vegas/overlays/01.png'; } else { var overlay_file = ' '; } //var overlay_file = '../../../theme/BV/js/vegas/overlays/01.png'; function initVegas() { $(".start").vegas({ timer: false, transitionDuration: 4000, delay: 6000, overlay: overlay_file, shuffle: false, cover: true, slides: [ { src: '../../data/uploads/medien/bg/bg_27.jpg' }, { src: '../../data/uploads/medien/bg/bg_26.jpg' }, { src: '../../data/uploads/medien/bg/bg_7.jpg' }, { src: '../../data/uploads/medien/bg/bg_25.jpg' }, { src: '../../data/uploads/medien/bg/bg_24.jpg' }, { src: '../../data/uploads/medien/bg/bg_19.jpg' }, { src: '../../data/uploads/medien/bg/bg_21.jpg' }, { src: '../../data/uploads/medien/bg/bg_12.mp4' }, { src: '../../data/uploads/medien/bg/bg_3.jpg' }, { src: '../../data/uploads/medien/bg/bg_9.jpg' }, { src: '../../data/uploads/medien/bg/bg_6.jpg' }, { src: '../../data/uploads/medien/bg/bg_20.jpg' }, { src: '../../data/uploads/medien/bg/bg_2.jpg' }, { src: '../../data/uploads/medien/bg/bg_4.jpg' }, { src: '../../data/uploads/medien/bg/bg_10.jpg' }, { src: '../../data/uploads/medien/bg/bg_1.jpg' }, { src: '../../data/uploads/medien/bg/bg_23.jpg' }, { src: '../../data/uploads/medien/bg/bg_16.jpg' }, { src: '../../data/uploads/medien/bg/bg_5.jpg' }, { src: '../../data/uploads/medien/bg/bg_8.jpg' }, { src: '../../data/uploads/medien/bg/bg_13.mp4' }, { src: '../../data/uploads/medien/bg/bg_18.jpg' }, { src: '../../data/uploads/medien/bg/bg_14.mp4' }, { src: '../../data/uploads/medien/bg/bg_17.jpg' } ], transition: [ 'fade', 'zoomOut'] //, 'swirlLeft', 'swirlRight'] }); } initVegas(); // FullScreen des Vegas-Conatiners nach Resize oder Flip bei mobilen Geräten wiederherstellen $(window).resize(function() { $(".start").css("height", $(window).height()).css("width", $(window).width()); }); // stoppt & startet das Vegas-Plugin, je nach Sichtbarkeit (+offset) $(window).bind("mousemove scroll keypress",function(){ if (!$("body").hasClass("no-scroll")) // kein Menü, normale Bedienoberfläche { var EndOfStart = $("#start").offset().top + $("#start").height(); var Viewport25Percent = Math.round($(window).height()*0.5); if(EndOfStart - Viewport25Percent > $(window).scrollTop()) { $(".start").vegas('play'); } else { $(".start").vegas('pause'); } } }); $(".my_nanogallery2").nanogallery2({ //$("#Bansi-Galerie, #Benefiz-Galerie, #Kuss-Galerie, #Clowns-Galerie").nanogallery2({ thumbnailWidth: 300, thumbnailHeight: 200, galleryResizeAnimation: true, galleryDisplayMode: "rows", thumbnailSliderDelay: 3500, paginationSwipe: false, thumbnailWaitImageLoaded: false, thumbnailDisplayTransitionDuration: 20, thumbnailDisplayInterval: 150, viewerToolbar: { standard: 'label, fullscreenButton ,downloadButton', minimized: 'label, fullscreenButton, downloadButton' }, thumbnailDisplayOutsideScreen: false, thumbnailLabel: {titleMaxLength: 28, titleFontSize: ".9em", hideIcons: true}, thumbnailL1HoverEffect2: 'labelAppear75|image_scale_1.00_1.50_3000' }); /* --- Lazy --- */ $('.mylazy').lazy({ visibleOnly: true, threshold: 1000 }); });