$(document).ready(function() {
    $("#fb02jsnote").css('display', 'none');

    var fb02sliderhtml = "<div class='fb02sliderhelper' id='fb02slide1'><a class='fb02prev'>&#10094;</a><div class='fb02slidertext'>Absolventenfeier - 22. November 2019 <a href=#><div class='fb02sliderbutton'>Zum Kartenvorverkauf</div></a></div><a class='fb02next'>&#10095;</a></div><div class='fb02sliderhelper' id='fb02slide2'><a class='fb02prev'>&#10094;</a><div class='fb02slidertext'>Career Day 2020 <a href=#><div class='fb02sliderbutton'>Jetzt anmelden</div></a></div><a class='fb02next'>&#10095;</a></div><div class='fb02sliderhelper' id='fb02slide3'><a class='fb02prev'>&#10094;</a><div class='fb02slidertext'>Willkommen am Fachbereich <a href=#><div class='fb02sliderbutton'>Jetzt Studium beginnen</div></a></div><a class='fb02next'>&#10095;</a></div>";

    $("#fb02slider").append(fb02sliderhtml);

    var fb02slidercount = 1;

    function fb02slider(n) {
        var fb02getslides = $(".fb02sliderhelper").length;
        if (n > fb02getslides) {fb02slidercount = 1}
        if (n < 1) {fb02slidercount = fb02getslides}
        for (i = 0; i < fb02getslides; i++) {
        $("#fb02slide" + [i + 1]).css('display', 'none');
        }
        $("#fb02slide" + fb02slidercount).css('display', 'flex');
    }

    function fb02prevslide() {
        fb02slider(fb02slidercount -= 1);
    }

    function fb02nextslide() {
        fb02slider(fb02slidercount += 1);
    }

    function fb02slidesanimate() {
        $("#fb02slider").animate({opacity: 0.1}, 500, function () {
        fb02nextslide()});
        $("#fb02slider").animate({opacity: 1}, 500);
    }

    fb02slider(fb02slidercount);

    var timesetting = setInterval(fb02slidesanimate, 5000);

    $(".fb02prev").click(function() {
        clearInterval(timesetting);
        $("#fb02slider").animate({opacity: 0.1}, 500, function () {
        fb02prevslide()});
        $("#fb02slider").animate({opacity: 1}, 500);
    });

    $(".fb02next").click(function() {
        clearInterval(timesetting);
        $("#fb02slider").animate({opacity: 0.1}, 500, function () {
        fb02nextslide()});
        $("#fb02slider").animate({opacity: 1}, 500);
    });

    document.addEventListener("visibilitychange", function() {
      if (document.visibilityState === "hidden"){
        clearInterval(timesetting);
      }
      if (document.visibilityState === "visible"){
        timesetting = setInterval(fb02slidesanimate, 5000);
      }
    });

    var boxeswithcontent = "<div id='fb02boxweiss'><div id='HEAD50SUB50'><div id='SECOND50'><img src='https://www.uni-giessen.de/fbz/fb02/media/index/bilder/studium_600_300.png' id='fb02imgcover'></div><div id='FIRST50'><div id='fb02headlinebox'>Studieren am Fachbereich 02</div><div id='fb02sublinebox'>Forschungsnahe Lehre,<br>Entspannter Campus-Flair und<br>eine persönliche Atmosphäre.</div><div id='fb02buttonbox'><a href=# target=_self><div id='fb02button'>Bachelor</div></a><a href=# target=_self><div id='fb02button'>Master</div></a><a href=#><div id='fb02button'>Beratung</div></a></div></div></div></div><div id='fb02boxweiss'><div id='HEAD100'><div id='HEAD100inner'><div id='fb02headlinebox2'>Austauschprogramme</div><div id='fb02sublineboxwhite'>International von Anfang an.<br>Informieren Sie sich über unsere weltweiten Austauschabkommen.</div><div id='fb02buttonbox'><a href=#><div id='fb02buttonweiss'>UWM</div></a><a href=# target=_self><div id='fb02buttonweiss'>UIBE</div></a><a href=# target=_self><div id='fb02buttonweiss'>Erasmus+</div></a></div></div></div></div><div id='fb02boxgrau'><div id='HEAD50SUB50'><div id='SECOND50'><img src='https://www.uni-giessen.de/fbz/fb02/media/index/bilder/campus_600_300.png' id='fb02imgcover'></div><div id='FIRST50'><div id='fb02headlinebox'>Der Fachbereich</div><div id='fb02sublinebox'>Verwaltung, Organisation, Einrichtungen,<br>Gremien und vieles mehr. </div> <div id='fb02buttonbox'><a href=# target=_self><div id='fb02button'>Professuren</div></a><a href=# target=_self><div id='fb02button'>Campus</div></a><a href=# target=_self><div id='fb02button'>Events</div></a></div></div></div></div>";

    $("#fb02index").append(boxeswithcontent);

    var boxeswithfooter = "<div class='fb02footerboxtext'><b>Kontakt</b><br>Justus-Liebig-Universität Gießen<br>Fachbereich 02: Wirtschaftswissenschaften<br>Licher Straße 70<br>35394 Gie&szlig;en<br><img class='fb02imgicon' src='https://www.uni-giessen.de/fbz/fb02/media/index/bilder/gps_icon.png'><a href=#>Lageplan</a></div><div class='fb02footerboxlinks'><img class='fb02imgicon' src='https://www.uni-giessen.de/fbz/fb02/media/index/bilder/tel_icon.png'><a href='tel:+496419922001'>0641 / 99 22001 (Dekanat)</a><br><img class='fb02imgicon' src='https://www.uni-giessen.de/fbz/fb02/media/index/bilder/tel_icon.png'><a href='tel:06419922001'>0641 / 99 24500 (Pr&uuml;fungsamt)</a><br><img class='fb02imgicon' src='https://www.uni-giessen.de/fbz/fb02/media/index/bilder/fb02mail_icon.png'><a href=#>Kontaktformular</a><br><img class='fb02imgicon' src='https://www.uni-giessen.de/fbz/fb02/media/index/bilder/fb02fb_icon.png'><a href=#>WiWiUniGiessen</a></div><div class='fb02footerboxbuttons'><b>Links</b><br><a href=#>Fristenverzeichnis</a><br><a href=#>Professuren</a><br><a href=#>FlexNow</a><br><a href=#>Stud.IP</a><br><a href=#>Stellenangebote</a></div>";

    $("#fb02ownfooter").append(boxeswithfooter);

});