function appendScript(e, s, jq, wrapper) {
        console.log(wrapper)
        e.src = s;
        if (jq === true) {
            e.onload = function () {
                jQuery.noConflict();
                appendScript(document.createElement('script'), 'https://apps.pfadipaprika.ch/meet/Resources/js/tether.min.js', false, wrapper);
                appendScript(document.createElement('script'), '//maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js', false, wrapper);
                fetch();
            };
        }
        wrapper.appendChild(e);
    }

    window.doorbellOptions = {
        id: '9981',
        appKey: 'Yel5c4IppxMDVhBjWr6IZweJI61ehzJBvZMbFCLZUazN7YsaPT5pucojGod9IyCZ'
    };
    (function(w, d, t) {
        var hasLoaded = false;
        function l() { if (hasLoaded) { return; } hasLoaded = true; window.doorbellOptions.windowLoaded = true; var g = d.createElement(t);g.id = 'doorbellScript';g.type = 'text/javascript';g.async = true;g.src = 'https://embed.doorbell.io/button/'+window.doorbellOptions['id']+'?t='+(new Date().getTime());(d.getElementsByTagName('head')[0]||d.getElementsByTagName('body')[0]).appendChild(g); }
        if (w.attachEvent) { w.attachEvent('onload', l); } else if (w.addEventListener) { w.addEventListener('load', l, false); } else { l(); }
        if (d.readyState == 'complete') { l(); }
    }(window, document, 'script'));

    var container = document.createElement('div');
    container.className = "container-fluid";
    container.id = "meeting-container";
    container.style = "display:none";
    var meeting = document.getElementById("meeting");
    meeting.appendChild(container);

    var fired_fetch = false;

    //appendScript(document.createElement('script'), '//code.jquery.com/jquery-latest.min.js', true, container);

    jQuery('#meeting').append('<link rel="stylesheet" href="https://apps.pfadipaprika.ch/meet/css/display.css" onload="addLoader()"><style> button#doorbell-button {background-color: #dda552;color: white !important;}  #column-right{overflow: visible !important;} </style>');

    function addLoader() {
        jQuery('#meeting').append('<div id="loader"> <p style="text-align: center; margin-bottom: -80px;margin-top: 20px; color: #9b6f2e">Chästlizettel wird geladen</p> <div class="spinner"></div> </div>');
    }

    jQuery('#meeting').append('<link rel="stylesheet" onload="get_json();" href="https://apps.pfadipaprika.ch/meet/css/bootstrap.css">');

    function get_json() {
        if (fired_fetch === false) {
                fired_fetch = true;

                $.ajax({
                dataType: "json",
                url: "https://apps.pfadipaprika.ch/meet/?action=display&json&group=Daikon",
                success: function (data) {

                    if (data['status'] === "200") {
                        setTimeout(function () {
                            var meeting = data['results']['meeting'];
                            var html = data['results']['html'];
                            jQuery('#meeting-container').append(html);
                            jQuery('.spinner').addClass("fade-out");
                            jQuery('.spinner').removeClass("spinner");
                            setTimeout(function () {
                                jQuery('#loader').hide();
                                jQuery('#meeting-container').fadeIn();
                                jQuery('#meeting').append('<center style="padding-top: 30px"><a class="uibutton" target="_blank" href="https://apps.pfadipaprika.ch/groupupdate/?action=get&type=group_program&group=Daikon" style="padding: 6px; color: white;"><i class="fa fa-cloud-download fa-fw"></i><span style="width: 90%; display: inline-flex;"><span style="width: 100%; text-align: center;">Semesterprogramm herunterladen</span></span></a></center>');

                            }, 100);
                        }, 500);
                    }
                },
                error: function (xhr, ajaxOptions, thrownError) {
                    console.log(xhr, ajaxOptions, thrownError);
                    setTimeout(function () {
                        jQuery('#loader p').html('<p class="text-danger"><b>Fehler:</b><br>' + xhr.responseText + '</p>');
                        jQuery('.spinner').attr('style', 'background-color: #d9534f !important; animation: none; -webkit-animaition: none; border-radius: 30px; height: 5px');
                    }, 1000);
                }
            });
        }
    }