var el = document.createElement("div");
            el.id = "gallery_7add24d7ce1b45610538"
            el.innerHTML = `<style type='text/css'>* {
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
}

#gallery_7add24d7ce1b45610538 {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, Verdana, Tahoma;
}

#gallery_7add24d7ce1b45610538 #gallery_body {
    display: none;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-content: flex-start;
    margin-left: -4%;
}

#gallery_bg_7add24d7ce1b45610538 {
    position: fixed;
    z-index: 999999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .8);
}

#gallery_pic_7add24d7ce1b45610538 {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
}

#gallery_pic_7add24d7ce1b45610538 img {
    max-height: 80vh;
    pointer-events: all;
    box-shadow: black 0px 0px 84px 2px;
    max-width: 80vw;
    height: auto;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 48%;
}

#gallery_pic_7add24d7ce1b45610538 .gallery_pic_img {
    /*flex: 1 1 auto;*/
    width: 100vw;
    height: 100vh;
    text-align: center;
    position: absolute;
    left: 0vw;
}

#gallery_pic_7add24d7ce1b45610538 .gallery_pic_description {
    /*flex: 1 1 auto;*/
    text-align: center;
    position: absolute;
    bottom: 0;
    background-color: #000;
    color: #fff;
    font-family: "Helvetica Neue", Helvetica, Arial, Verdana, Tahoma;
    width: 100%;
    padding: 20px 0;
    font-size: 18px;
}

#gallery_pic_7add24d7ce1b45610538 .gallery_pic_description div:empty{
    display: none;
}

#gallery_pic_7add24d7ce1b45610538 .gallery_pic_go_left, #gallery_pic_7add24d7ce1b45610538 .gallery_pic_go_right {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 8vh;
    cursor: pointer;
    height: 90vh;
    line-height: 90vh;
    pointer-events: all;
    /*  width: 50vw;*/
    text-shadow: 2px 2px 20px black;
    /*  flex: 1 1 20vw;*/
    position: absolute;
    left: 0;
    padding-left: 2vw;
    padding-right: 20vw;
    z-index: inherit;
    user-select: none;
    -moz-user-select: none;
}

#gallery_pic_7add24d7ce1b45610538 .gallery_pic_go_right {
    right: 0;
    left: unset;
    padding-left: 20vw;
    padding-right: 2vw;
}

#gallery_pic_7add24d7ce1b45610538 .gallery_pic_close {
    color: #fff;
    cursor: pointer;
    font-size: 5vh;
    position: absolute;
    width: 20%;
    text-align: center;
    margin: 0 40%;
    z-index: 2;
    text-shadow: 2px 2px 20px black;
    margin-top: 3vh;
    /*  font-weight: bold;*/
}

#gallery_7add24d7ce1b45610538 .album-list {
    width: 300px;
    height: 200px;
    text-align: center;
    display: inline-block;
    box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 2px rgba(0, 0, 0, .2);
    color: rgba(0, 0, 0, .87);
    background-color: #fff;
    text-transform: uppercase;
    border-radius: 2px;
    padding: 20px;
    margin-right: 20px;
    cursor: pointer;
    overflow: hidden;
    margin-left: 4%;
    margin-bottom: 20px;
}


#gallery_7add24d7ce1b45610538 .images-list {
    height: calc(350px / 3 * 2);
    min-width: 310px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.4) 10px 12px 15px -1px;
    margin-bottom: 4%;
    flex: 1 0 16%;
    margin-left: 4%;
    cursor: pointer;
}

#gallery_7add24d7ce1b45610538 .file_pic {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    transition: all .8s ease-in-out 0s
}

#gallery_7add24d7ce1b45610538 .file_pic img{
    display: none;
}

#gallery_7add24d7ce1b45610538 .file_pic:hover {
    transform: scale(1.5);
    cursor: pointer;
    transition: all .8s ease-in-out 0s
}

#gallery_7add24d7ce1b45610538 .file_name {
    display: none;
}



.a-enter-vr-button {
    transform: translateX(-50%);
    right: unset;
}

.a-enter-vr {
    text-align: center;
    right: 0;
}

#gallery_head {
    margin: 20px 0;
}
</style>
<div id='gallery_head'></div>
<div id='gallery_body'></div>
<div id='gallery_footer'></div>`;
            var s = document.getElementById("script_7add24d7ce1b45610538");
            s.parentNode.insertBefore(el, s.nextSibling)
          var jq = document.createElement("script");
jq.type = "text/javascript";
jq.onload = function() {
    var jqSet = document.createElement("script");
    jqSet.type = "text/javascript";
    jqSet.innerText = "var $mj = jQuery.noConflict(true);";
    document.getElementsByTagName("head")[0].appendChild(jqSet);
    scriptReady();
}
jq.src = "https://www.pic-mediabox.de/js/jquery-3.6.0.min.js";
document.getElementsByTagName("head")[0].appendChild(jq);



let aframeLoaded = false;

function loadAFrame(){
  if (!aframeLoaded) {
      var af = document.createElement("script");
      af.type = "text/javascript";
      af.onload = function() {
          aframeLoaded = true;
          var afSet = document.createElement("script");
          afSet.type = "text/javascript";
          document.getElementsByTagName("head")[0].appendChild(afSet);
      }
      af.src = "https://www.pic-mediabox.de/js/aframe.min.js";
      document.getElementsByTagName("head")[0].appendChild(af);
    }
}

var pic_gallery_ready = new Event('pic_gallery_ready');
var pic_gallery_albums = new Event('pic_gallery_albums');
var pic_gallery_images = new Event('pic_gallery_images');



var sharelink;

var currenImg;

function scriptReady() {


    document.dispatchEvent(pic_gallery_ready);

    console.log("scriptReady");
    sharelink = document.getElementById("script_7add24d7ce1b45610538").dataset.sharelink;


    if (document.getElementById("script_7add24d7ce1b45610538").dataset.album) {
        getStyle();
        getImages(document.getElementById("script_7add24d7ce1b45610538").dataset.album, false);
    }else{
        getAlbums();
    }


    $mj(document).on("click", ".album-list", (e) => {
        var currentId = e.currentTarget.dataset.id
        $mj("#gallery_7add24d7ce1b45610538").find("#gallery_body").hide();
        getImages(currentId,true);
    })


    $mj(document).on("click", ".images-list .file_pic", (e) => {
        var linkbig = e.currentTarget.dataset.linkbig;
        var image_name = e.currentTarget.dataset.image_name;
        var file_name = e.currentTarget.dataset.file_name;
        var description = e.currentTarget.dataset.description;
        var global_description = e.currentTarget.dataset.global_description;
        var pan = e.currentTarget.dataset.pan;

        currenImg = e.currentTarget;
        $mj("body").css("overflow", "hidden");
        $mj("body").append("<div id='gallery_bg_7add24d7ce1b45610538'></div>")


        if (pan == 1) {
            $mj("body").append("<div id='gallery_pic_7add24d7ce1b45610538'><div class='gallery_pic_close'>✕</div><div class='gallery_pic_go_left'><</div><div class='gallery_pic_img'><a-scene embedded><a-sky src='https://www.pic-mediabox.de/desktop/gallery/getDisplayImage/" + linkbig + "'></a-sky></a-scene></div><div class='gallery_pic_go_right'>></div></div>").fadeIn()
        } else {
            if (description == "" && global_description == "" && image_name == "" && file_name == "") {
                $mj("body").append("<div id='gallery_pic_7add24d7ce1b45610538'><div class='gallery_pic_close'>✕</div><div class='gallery_pic_go_left'><</div><div class='gallery_pic_img'><img crossorigin='anonymous' src='https://www.pic-mediabox.de/desktop/gallery/getDisplayImage/" + linkbig + "'></div><div class='gallery_pic_go_right'>></div></div>").fadeIn();
            } else {
                $mj("body").append("<div id='gallery_pic_7add24d7ce1b45610538'><div class='gallery_pic_close'>✕</div><div class='gallery_pic_go_left'><</div><div class='gallery_pic_img'><img crossorigin='anonymous' src='https://www.pic-mediabox.de/desktop/gallery/getDisplayImage/" + linkbig + "'><div class='gallery_pic_description'><div>" + image_name +" "+file_name + "</div><div>" + description + "</div><div>" + global_description + "</div></div></div><div class='gallery_pic_go_right'>></div></div>").fadeIn();
            }

        }
    })

    $mj(document).on("click", "#gallery_bg_7add24d7ce1b45610538, .gallery_pic_close", (e) => {
        $mj("body").css("overflow", "");
        $mj("#gallery_bg_7add24d7ce1b45610538").remove();
        $mj("#gallery_pic_7add24d7ce1b45610538").remove();
    })

    function goLeft(){
        tmp = currenImg

            currenImg = $mj(currenImg).parent().prev().find(".file_pic")[0];

            if (currenImg != undefined) {
                var image_name = currenImg.dataset.image_name;
                var file_name = currenImg.dataset.file_name;
                var description = currenImg.dataset.description;
                var global_description = currenImg.dataset.global_description;
                linkbig = currenImg.dataset.linkbig
                pan = currenImg.dataset.pan
                if (pan == 1) {
                    /*
                    l = $mj("#gallery_pic_7add24d7ce1b45610538 .gallery_pic_img").find("a-scene").length;

                    if (l==1) {

                    }else{

                    }*/
                    $mj("#gallery_pic_7add24d7ce1b45610538 .gallery_pic_img").find("img").remove();
                    $mj("#gallery_pic_7add24d7ce1b45610538 .gallery_pic_img").html("<a-scene embedded><a-sky src='https://www.pic-mediabox.de/desktop/gallery/getDisplayImage/" + linkbig + "'></a-sky></a-scene>");

                } else {
                    l = $mj("#gallery_pic_7add24d7ce1b45610538 .gallery_pic_img").find("img").length;

                    if (l == 1) {
                        //  $mj("#gallery_pic_7add24d7ce1b45610538 .gallery_pic_img img").fadeOut().attr("src","https://www.pic-mediabox.de/desktop/gallery/getDisplayImage/"+linkbig).fadeIn();
                        $mj("#gallery_pic_7add24d7ce1b45610538 .gallery_pic_img img").attr("src", "https://www.pic-mediabox.de/desktop/gallery/getDisplayImage/" + linkbig);
                    } else {
                        $mj("#gallery_pic_7add24d7ce1b45610538 .gallery_pic_img").find("a-scene").remove();
                        $mj("#gallery_pic_7add24d7ce1b45610538 .gallery_pic_img").append("<img crossorigin='anonymous' src='https://www.pic-mediabox.de/desktop/gallery/getDisplayImage/" + linkbig + "'>");
                    }


                    $mj("#gallery_pic_7add24d7ce1b45610538 .gallery_pic_img").find(".gallery_pic_description").remove();
                    if (description != "" || global_description != "" || image_name != "" || file_name != "") {
                        $mj("#gallery_pic_7add24d7ce1b45610538 .gallery_pic_img").append("<div class='gallery_pic_description'><div>" + image_name +" "+file_name + "</div><div>" + description + "</div><div>" + global_description + "</div>")
                    }
                }
            } else {
                currenImg = tmp;
            }

    }


    function goRight(){
        tmp = currenImg
        currenImg = $mj(currenImg).parent().next().find(".file_pic")[0];

        if (currenImg != undefined) {
            var image_name = currenImg.dataset.image_name;
            var file_name = currenImg.dataset.file_name;
            var description = currenImg.dataset.description;
            var global_description = currenImg.dataset.global_description;


            linkbig = currenImg.dataset.linkbig
            pan = currenImg.dataset.pan

            if (pan == 1) {
                $mj("#gallery_pic_7add24d7ce1b45610538 .gallery_pic_img").find("img").remove();
                $mj("#gallery_pic_7add24d7ce1b45610538 .gallery_pic_img").html("<a-scene embedded><a-sky src='https://www.pic-mediabox.de/desktop/gallery/getDisplayImage/" + linkbig + "'></a-sky></a-scene>");
            } else {
                l = $mj("#gallery_pic_7add24d7ce1b45610538 .gallery_pic_img").find("img").length;

                if (l == 1) {
                    //  $mj("#gallery_pic_7add24d7ce1b45610538 .gallery_pic_img img").fadeOut().attr("src","https://www.pic-mediabox.de/desktop/gallery/getDisplayImage/"+linkbig).fadeIn();
                    $mj("#gallery_pic_7add24d7ce1b45610538 .gallery_pic_img img").attr("src", "https://www.pic-mediabox.de/desktop/gallery/getDisplayImage/" + linkbig);
                } else {
                    $mj("#gallery_pic_7add24d7ce1b45610538 .gallery_pic_img").find("a-scene").remove();
                    $mj("#gallery_pic_7add24d7ce1b45610538 .gallery_pic_img").append("<img crossorigin='anonymous' src='https://www.pic-mediabox.de/desktop/gallery/getDisplayImage/" + linkbig + "'>");
                }

                $mj("#gallery_pic_7add24d7ce1b45610538 .gallery_pic_img").find(".gallery_pic_description").remove();

                if (description != "" || global_description != "" || image_name != "" || file_name != "") {
                    $mj("#gallery_pic_7add24d7ce1b45610538 .gallery_pic_img").append("<div class='gallery_pic_description'><div>" + image_name +" "+file_name + "</div><div>" + description + "</div><div>" + global_description + "</div>")
                }

            }
        } else {
            currenImg = tmp;
        }
    }


    $mj(document).on("click", "#gallery_pic_7add24d7ce1b45610538 .gallery_pic_go_left", goLeft)

    $mj(document).on("click", "#gallery_pic_7add24d7ce1b45610538 .gallery_pic_go_right", goRight)

    $mj(document).on("keyup", function(event){
        if (event.which === 39) {
            goRight()
        }

        if (event.which === 37) {
            goLeft()
        }

        if (event.which === 27) {
            $mj("#gallery_pic_7add24d7ce1b45610538 .gallery_pic_close").click();
        }
    })



}





function getAlbums() {
    $mj.getJSON("https://www.pic-mediabox.de/desktop/gallery/getDisplayAlbumsAjax", {
        sharelink: sharelink
    }, (albums) => {
        if (albums.status == 1) {
            drawAlbums(albums.data)
        } else {
            console.log("something is wrong", " : ", "getAlbums");
        }
    });
}


function drawAlbums(albums) {
    $mj("#gallery_7add24d7ce1b45610538").find("#gallery_head").html("")
    let html = "";



    for (var k in albums) {
        let album = albums[k];
        html += "<div data-id='" + album.id + "' class='album-list'><div class='file_pic'style='background-image:url(https://www.pic-mediabox.de/desktop/gallery/getDisplayImage/" + album.link + ")'><img crossorigin='anonymous' src='https://www.pic-mediabox.de/desktop/gallery/getDisplayImage/" + album.link + "'></div><div class='album_name'>" + album.name + "</div></div>";
    }
    $mj("#gallery_7add24d7ce1b45610538").find("#gallery_body").html(html).css("display", "flex").fadeIn(600);

    $mj("#gallery_7add24d7ce1b45610538").find("style").append(albums[0].css.trim());
    console.log("drawAlbums");
    document.dispatchEvent(pic_gallery_albums);
}


function getImages(album, back) {
    $mj.getJSON("https://www.pic-mediabox.de/desktop/gallery/getDisplayImagesAjax", {
        sharelink: sharelink,
        a_id: album
    }, (images) => {
        if (images.status == 1) {
            drawImages(images.data,back)
        } else {
            console.log("something is wrong", " : ", "getImages");
        }
    });
}


function drawImages(images, back) {
    let html = "";
    if (back) {
        $mj("#gallery_7add24d7ce1b45610538").find("#gallery_head").html("<button class ='btn' onclick='getAlbums()'>Zurück</button>");
    }
    for (var k in images) {
        let image = images[k];

        if (typeof image.description == "undefined") {
            image.description = "";
        }

        if (typeof image.global_description == "undefined") {
            image.global_description = "";
        }

        if (typeof image.image_name == "undefined") {
            image.image_name = "";
        }

        if (typeof image.file_name == "undefined") {
            image.file_name = "";
        }

        if (image.pan) {
          loadAFrame()
        }

        /*<div class='file_name'>"+image.file_name+"</div>*/
        html += "<div class='images-list'><div data-description='" + image.description + "' data-global_description='" + image.global_description + "' data-image_name='" + image.image_name + "' data-file_name='" + image.file_name + "' data-linkbig='" + image.linkbig + "' data-pan='" + image.pan + "' class='file_pic' style='background-image:url(https://www.pic-mediabox.de/desktop/gallery/getDisplayImage/" + image.link + ")'><img crossorigin='anonymous' src='https://www.pic-mediabox.de/desktop/gallery/getDisplayImage/" + image.link + "'></div><div class='file_name'><p>"+image.file_name+"</p></div></div>";
    }
    $mj("#gallery_7add24d7ce1b45610538").find("#gallery_body").html(html).css("display", "flex").fadeIn(600);
    //console.log("drawImages");
    document.dispatchEvent(pic_gallery_images);
}



function getStyle() {
    $mj.getJSON("https://www.pic-mediabox.de/desktop/gallery/getDisplayStyleAjax", {
        sharelink: sharelink
    }, (data) => {
        if (data.status == 1) {
            $mj("#gallery_7add24d7ce1b45610538").find("style").append(data.data.trim());
        } else {
            console.log("something is wrong", " : ", "getAlbums");
        }
    });
}