"use strict";


//--------------------------------------------------------------
//2024-1-15:
//This script creates the 'desktop' element upon
//which all web windows are stacked upon (in the DOM's z-index).
//This script also configures the 'desktop's' background
//wallpaper. If no desktop object exists (which it should),
//the background is attached to the 'body' element.
//Note: If the background image is attached to the
//body, then it will disappear when viewing this
//web page in "Full Screen" mode. Attaching the
//background image to the desktop element, then
//it will continue to display even if the browser is
//in "Full Screen" mode.
//--------------------------------------------------------------

//2024-1-15:
//Switching back to using the original
//"create desktop" function. The second
//version was experimental, and is now deleted.

//see main.css for the class that sets the background
//of the ::backdrop to 'none'. the CSS causes the
//background wallpaper for the web page to remain
//visible when the browser window is in fullscreen mode. 
//otherwise, the ::overlay is set to solid
//black - hiding the background image.
function create_desktop() {
    var desktop = null;
    var w = null;
    var h = null;
    var inner_w = null;
    var inner_h = null;
    var desktop_x = null;
    var desktop_y = null;
    var z_index = null;
    var screenX = null;
    var screenY = null;

    z_index = 0;
    desktop_x = 0;
    desktop_y = 0;

    desktop = document.createElement("div");

    if (desktop !== null) {
        document.body.appendChild(desktop);
    }

    document.body.style.padding = "0";
    document.body.style.margin = "0";
    document.body.style.border = "none";

    ////desktop.classList.add("container"); adds a class that allows semi-transparent overlay objects to blur the background

    desktop.style.opacity = 1.0;

    ////desktop.setAttribute("width", "99.999%");
    ////desktop.setAttribute("height", "99.999%");

    desktop.style.margin = "auto";
    desktop.style.alignContent = "center";
    desktop.style.verticalAlign = "middle";

    desktop.style.padding = "0";
    desktop.style.border = "none";

    //desktop.style.backgroundImage = "url(/chromosphere/images/desktop_backgrounds/nightSky10_72_dpi.jpg)";
    //desktop.style.backgroundImage = "url(/chromosphere/images/desktop_backgrounds/pink_flowers_sunset72dpi.jpg)";
    //desktop.style.backgroundImage = "url(/chromosphere/images/screenshots/airline_compressed.jpg)";
    //desktop.style.backgroundSize = "inherit";
    //desktop.style.backgroundSize = "100%";
    desktop.style.backgroundRepeat = "no-repeat";
    desktop.style.position = "absolute";

    //desktop.style.position = "absolute";
    desktop.style.left = "0"; //desktop_x.toString() + "px";
    desktop.style.top = desktop_y.toString() + "px";

    desktop.style.zIndex = z_index;

    ////desktop.style.width = "calc(100% - 7px)";
    ////desktop.style.height = parseFloat(document.documentElement.scrollHeight) + "px"; // "calc(100% - 7px)"; // "calc(" + parseFloat(document.documentElement.scrollHeight) + "px)"; //"calc(100% - 7px)";
    ////desktop.style.width = "21000px";
    ////desktop.style.height = "21000px"; // parseFloat(document.documentElement.scrollHeight) + "px";

    desktop.style.borderStyle = "none";
    desktop.style.borderWidth = "1px";
    desktop.style.borderColor = "red";

    desktop.setAttribute("id", "desktop");

    global_desktop_width = ((parseFloat(self.innerWidth))); // - 3);
    global_desktop_height = parseFloat(document.documentElement.scrollHeight); //((parseFloat(self.innerHeight))); // - 3);

    ////desktop.style.overflow = "hidden";
    document.body.style.overflow = "auto";

    ////console.log("Desktop Created - W: '" + global_desktop_width + "px' H: '" + global_desktop_height + "px'");
}

//SAVE THIS: Do Not Delete.
//When a maximized window is placed on the desktop,
//this function resizes it to fill the resized window.
//See file 'maximize_window.js'.
function resize_window_desktop() {
    var desktop = null;
    var desktop_width = null;
    var desktop_height = null;
    var window_array = null;
    var i = null;

    window_array = document.getElementsByName("web_window");

    desktop = document.getElementById("desktop");
    var is_maximized = null;
    is_maximized = false;


    if (desktop !== null) {
        desktop_width = (parseFloat(window.innerWidth).toString() + "px");
        desktop_height = (parseFloat(window.innerHeight).toString() + "px");
        desktop.style.width = desktop_width;
        desktop.style.height = desktop_height;

        for (i = 0; i < window_array.length; i++) {
            is_maximized = false;
            is_maximized = window_array[i].getAttribute("data-is_maximized");

            if (is_maximized == "true") {
                maximize_window(window_array[i].id);
            }
        }
    }
}

//2024-01-15:
//Set the background image to be attached to the
//'desktop' element (if it exists, which it should),
//but if the 'desktop' element does not exist, 
//then attached it to the 'body' element.
async function set_BG() {
    setTimeout(async function () {

        var bg_url = null;
        var base_url = null;
        var url = null;
        var pixel_ratio = null;
        var desktop = null;
        var set_bg_to_body = null;

        //this makes sure that the background images is
        //set to the body element, and not the desktop
        //element.
        set_bg_to_body = true;

        pixel_ratio = get_pixel_ratio();
        base_url = get_base_path();
        ////base_url = "https://services.chromosphere.com";
        desktop = document.getElementById("desktop");
        if (desktop !== null && set_bg_to_body !== true) {
            if (base_url.indexOf("localhost") > -1.0) {
                //2024-1-15:
                //Attempting to cause the browser to cache the background image
                //by placing it into a global variable as an image object.
                cache_background_image("/chromosphere/scripts/js/ui/topmenu/edit_menu/web-page-background-color-with-html-in.jpg");
                ////desktop.style.backgroundImage = "url('/chromosphere/scripts/js/ui/topmenu/edit_menu/web-page-background-color-with-html-in.jpg')";
                desktop.style.backgroundImage = "url('" + global_cached_background_image.src + "')";
            }
            else {
                url = set_background();
                bg_url = await getData5(url);
                //2024-1-15:
                //Attempting to cause the browser to cache the background image
                //by placing it into a global variable as an image object.
                cache_background_image(bg_url);
                ////desktop.style.backgroundImage = "url('" + bg_url + "')";
                desktop.style.backgroundImage = "url('" + global_cached_background_image.src + "')";
            }
            desktop.style.backgroundPosition = "center top"; //center the background wallpaper
            desktop.style.backgroundPositionY = (parseFloat(desktop.style.backgroundPositionY) - 50) + "px"; //bring the Y position of the background a bit lower
            desktop.style.backgroundAttachment = "fixed";
            desktop.style.backgroundRepeat = "no-repeat";
            desktop.style.backgroundSize = "100%";
            set_BG_event_listeners_to_desktop();

            ////desktop.style.background = "none";
            //2024-1-15:
            //A function to fade the desktop element from
            //transparent opacity, to opaque opacity.
            make_desktop_fade_in();
        }
        else {
            if (base_url.indexOf("localhost") > -1.0) {
                //2024-1-15:
                //Attempting to cause the browser to cache the background image
                //by placing it into a global variable as an image object.
                cache_background_image("/chromosphere/scripts/js/ui/topmenu/edit_menu/web-page-background-color-with-html-in.jpg");
                ////document.body.style.backgroundImage = "url('/chromosphere/scripts/js/ui/topmenu/edit_menu/web-page-background-color-with-html-in.jpg')";
                document.body.style.backgroundImage = "url('" + global_cached_background_image.src + "')";
            }
            else {
                url = set_background();
                bg_url = await getData5(url);
                //2024-1-15:
                //Attempting to cause the browser to cache the background image
                //by placing it into a global variable as an image object.
                cache_background_image(bg_url);
                ////document.body.style.backgroundImage = "url('" + bg_url + "')";
                document.body.style.backgroundImage = "url('" + global_cached_background_image.src + "')";
            }
            document.body.style.backgroundPosition = "center top"; //center the background wallpaper
            document.body.style.backgroundPositionY = (parseFloat(document.body.style.backgroundPositionY) - 50) + "px"; //bring the Y position of the background a bit lower
            document.body.style.backgroundAttachment = "fixed";
            document.body.style.backgroundRepeat = "no-repeat";
            document.body.style.backgroundSize = "calc(100% - 7px)";
            set_BG_event_listeners_to_window();
        }
        ////console.log("background image src: " + global_cached_background_image.src);
        if (desktop !== null) {
            desktop.style.background = "none";
        }
    }, 2000);
}


//2024-01-15:
//Add an event listener to the window element
//so that when the window is resized, then the background
//(if attached to the 'desktop' in this function) is
//scaled in correspondence.
function set_BG_event_listeners_to_desktop() {

    window.addEventListener("resize", function () {
        var desktop = null;

        desktop = document.getElementById("desktop");
        if (desktop !== null) {
            if (window.innerWidth <= 1024) {
                desktop.style.backgroundSize = Math.round(parseFloat(screen.width) * get_pixel_ratio()) + "px auto";
                //desktop.style.backgroundBlendMode = "multiply color:rgba(255,255,255,0.2)";
                //desktop.style.backgroundBlendMode = "multiply";
                //desktop.style.setProperty = "background-color: rgba(0,0,0,0.2)";
            }
            else {
                desktop.style.backgroundSize = "100%";
                //desktop.style.backgroundBlendMode = "multiply";
                //desktop.style.setProperty = "background-color: rgba(0,0,0,0.2)";
            }
        }
    });
}

//2024-1-15:
//when the window (body) element is resized, adjust background
//image accordingly to new window size. This function is
//only applide when/if the background images is attached
//to the 'body' element, and not the 'desktop' element.
function set_BG_event_listeners_to_window() {

    window.addEventListener("resize", function () {
        if (window.innerWidth <= 1024) {
            document.body.style.backgroundSize = Math.round(parseFloat(screen.width) * get_pixel_ratio()) + "px auto";
            //document.body.style.backgroundBlendMode = "multiply";
            //document.body.style.setProperty = "background-color: rgba(0,0,0,0.2)";
            //document.body.style.backgroundBlendMode = "mixed-blend-mode color:rgba(255,255,255.0.2)";
            //document.body.style.background.color = "rgba(255,255,255.1.0)";
            //document.body.style.backgroundBlendMode = "multiply color:rgba(255,255,255,0.2)";

            /*
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
            */
        }
        else {
            document.body.style.backgroundSize = "calc(100% - 4px)";
            //document.body.style.backgroundBlendMode = "mixed-blend-mode color:rgba(255,255,255.0.2)";
            //document.body.style.backgroundBlendMode = "multiply";
            //document.body.style.setProperty = "background-color: rgba(0,0,0,0.2)";
        }
        return;
    });
}

//This function returns the file path of the URL which
//is used to get the text which specifies the full URL
//for each day's background. 
//Currently, these URLs are 
//located on 'https://services.chromosphere.com'.
function set_background() {
    var getBG = null;

    getBG = "/chromosphere/scripts/js/ui/ss/dayOfYear/";
    return getBG;
}

//This function will fetch the URL of the
//day's chosen wallpaper background.
//The server outputs the URL as a string.
async function getData5(url) {
    let d = await fetch(url, {
        method: "GET",
        headers: {
            "Origin": "https://chromosphere.com",
            "Content-Type": "text/plain;charset=UTF-8",
            "Cache-Control": "no-cache"
            //"Set-Cookie": make_sameSite_cookie(),
            //"Access-Control-Allow-Origin": "https://chromosphere.com"
        }
        //referrerPolicy: "no-referrer-when-downgrade", // no-referrer, origin, same-origin...
        //mode: "no-cors", // same-origin, no-cors
        //credentials: "same-origin", // omit, include
        //}).then().catch();
    });
    let t = await d.text();
    return t;
}


//2024-1-15:
//A function to fade the 'desktop' element
//from transparent opacity, to fully opaque.
//This function is called once the desktop
//has been created -- at the page load event.
function make_desktop_fade_in() {
    var desktop = null;
    var duration_timer = null;

    desktop = document.getElementById("desktop");
    if (desktop !== null) {
        desktop.style.opacity = 0.0;
        setTimeout(function () {
            duration_timer = setInterval(function () {
                if (desktop.style.opacity < 0.9) {
                    desktop.style.opacity = parseFloat(desktop.style.opacity) + 0.03;
                    //console.log("desktop.style.opacity = " + desktop.style.opacity);
                }
                else {
                    desktop.style.opacity = 1.0;
                    clearInterval(duration_timer);
                }

            }, 10);
        }, 750);
    }
}


//2024-1-15:
//Attempting to add the background image into browser cache.
//The background image cached globally inside a variable
//allows us to pull the background image from the cache of
//the page when setting the desktop/body background image.
//This should cut down on page loading time, in addition to
//mitigating any instances where the HTTP connection is reset
//preventing the background image from loading.
function cache_background_image(bg_image_src) {
    var bg_img = null;

    bg_img = new Image();
    bg_img.addEventListener("abort", function () {
        ////alert("background image failed to load");
    });
    bg_img.addEventListener("load", function () {
        ////alert("background image is loaded");
    });

    ////setTimeout(function () {
        bg_img.src = bg_image_src;
        global_cached_background_image = bg_img;
    ////}, 3000);
}

//----------------------------------------------------------
/* SAVE THIS! Do Not Delete.*/
//----------------------------------------------------------
/* The code located below is used to store an */
/* array of background image file names (strings). */
/* Also, the 'shuffle' function is used */
/* to randomize their order. It is also located below. */
/* Uncomment the code below to run this feature. */
//----------------------------------------------------------

/*
//2024-1-15:
//These functions below are used on occasion
//to reshuffle the file names of the background 
//image wallpapers array. The array is located 
//below.Uncomment these lines in order to 
//operate the code.
 */

/*
//This function is used to shuffle the array of background wallpaper
//file names in the array to a random order.
//KEEP THIS: It's used occasionally.
function shuffle_background_array(a) {
    var rnd1 = null;
    var rnd2 = null;
    var item1 = null;
    var item2 = null;

    for (i = 0; i < 300000; i++) {
        rnd1 = Math.floor(Math.random() * a.length);
        rnd2 = Math.floor(Math.random() * a.length);
        item1 = a[rnd1];
        item2 = a[rnd2];
        a[rnd1] = item2;
        a[rnd2] = item1;
    }
    return a;
}

*/

/*
//Keep This! Do Not Delete.
//This function stores the file 
//names of each wallpaper background
//that is used on this site.
function wallpaper_array() {
    var bg_array = null;
    bg_array = [];
    bg_array_shuffled = [];

    bg_array.push("165-1650027_mountain-backgrounds-download.jpg");
    bg_array.push("184199_aviation-plane-picture-wallpapers-10_1920x1200_h.jpg");
    bg_array.push("18997_en_1.jfif");
    bg_array.push("19034_en_1.jfif");
    bg_array.push("19044_en_1.jfif");
    bg_array.push("19245_en_1.jfif");
    bg_array.push("19395_en_1.jfif");
    bg_array.push("19917_en_1.jfif");
    bg_array.push("202120615a.jpg");
    bg_array.push("202120615b.jpg");
    bg_array.push("202120615c.jpg");
    bg_array.push("202120615d.jpg");
    bg_array.push("202120615e.jpg");
    bg_array.push("202120615f.jpg");
    bg_array.push("202120615g.jpg");
    bg_array.push("202120615h.jpg");
    bg_array.push("202120615i.jpg");
    bg_array.push("202120615j.jpg");
    bg_array.push("202120615k.jpg");
    bg_array.push("526109_planes-page-17_1920x1200_h.jpg");
    bg_array.push("799794.jpg");
    bg_array.push("aaron-burden-b9drVB7xIOI-unsplash.jpg");
    bg_array.push("aaron-burden-GVnUVP8cs1o-unsplash.jpg");
    bg_array.push("abstract.jpg");
    bg_array.push("adam-kool-ndN00KmbJ1c-unsplash.jpg");
    bg_array.push("agnieszka-mordaunt-3NWi-SGUjHA-unsplash.jpg");
    bg_array.push("alberto-restifo-cFplR9ZGnAk-unsplash.jpg");
    bg_array.push("ali-avan-sVTZbbHNAaU-unsplash.jpg");
    bg_array.push("amanda-phung-1w2xsyc2wwI-unsplash.jpg");
    bg_array.push("amit-lahav-LU_fCezP9-o-unsplash.jpg");
    bg_array.push("anastasia-taioglou-CTivHyiTbFw-unsplash.jpg");
    bg_array.push("andreas-m-z3ZkQfrDTRg-unsplash.jpg");
    bg_array.push("andres-dallimonti-kjqTlMHLci4-unsplash.jpg");
    bg_array.push("andrew-ruiz-t92CxZ9GR8I-unsplash.jpg");
    bg_array.push("angela-pham-_uqDYFkrmLM-unsplash.jpg");
    bg_array.push("anja-junghans-CYYoDBj1k2k-unsplash.jpg");
    bg_array.push("anthony-delanoix-Hd756JmJJEs-unsplash.jpg");
    bg_array.push("anton-darius-IuQKQxZs-TA-unsplash.jpg");
    bg_array.push("artem-sapegin-8c6eS43iq1o-unsplash.jpg");
    bg_array.push("art_grafitti.jpg");
    bg_array.push("ashim-d-silva-WeYamle9fDM-unsplash.jpg");
    bg_array.push("astronaut.jpg");
    bg_array.push("at_the_tropical_beach.jpg");
    bg_array.push("Bald-eagle-desktop-wallpapers-for-background-downoload-free-1920x1200.jpg");
    bg_array.push("banff.jpg");
    bg_array.push("beach.2.jpg");
    bg_array.push("beach.jpg");
    bg_array.push("beach3.png");
    bg_array.push("beach_ramada.jpg");
    bg_array.push("beach_sky.jpg");
    bg_array.push("Beautiful-turquoise-lake-in-Plitvice-National-Park-Croatia-947552-1920x1200.jpg");
    bg_array.push("billy-huynh-v9bnfMCyKbg-unsplash.jpg");
    bg_array.push("Birds-Fork-tailed-sunbird.jpg");
    bg_array.push("blake-richard-verdoorn-cssvEZacHvQ-unsplash.jpg");
    bg_array.push("boardwalk_palm_trees.jpg");
    bg_array.push("brandon-desjarlais-c3XACd1-yQE-unsplash.jpg");
    bg_array.push("candies.jfif");
    bg_array.push("castle.jpg");
    bg_array.push("cat_green_eyes.jpg");
    bg_array.push("cave.jpg");
    bg_array.push("chris-abney-qLW70Aoo8BE-unsplash.jpg");
    bg_array.push("chris-leipelt-4UgUpo3YdKk-unsplash.jpg");
    bg_array.push("christian-holzinger-CUY_YHhCFl4-unsplash.jpg");
    bg_array.push("christian-joudrey-mWRR1xj95hg-unsplash.jpg");
    bg_array.push("christos-berdesis-ywxTcwF39vY-unsplash.jpg");
    bg_array.push("city_skyline1.jpg");
    bg_array.push("clement-souchet-MT15ScxysK0-unsplash.jpg");
    bg_array.push("clement-souchet-PlLSJjCkRjc-unsplash.jpg");
    bg_array.push("clown_dfish.jfif");
    bg_array.push("cooper-baumgartner-1N8iqSsn7ls-unsplash.jpg");
    bg_array.push("cristina-gottardi-wndpWTiDuT0-unsplash.jpg");
    bg_array.push("daniele-levis-pelusi-jTknOGI18us-unsplash.jpg");
    bg_array.push("daniil-silantev-F6Da4r2x5to-unsplash.jpg");
    bg_array.push("danny-lau-InAy5zqZw2w-unsplash.jpg");
    bg_array.push("daria-nepriakhina-x2OIbqPDNsY-unsplash.jpg");
    bg_array.push("dario-veronesi-lUO-BjCiZEA-unsplash.jpg");
    bg_array.push("darryl-brian-bDn1Wi1ixLw-unsplash.jpg");
    bg_array.push("dave-hoefler-IRHNxX5y_hg-unsplash.jpg");
    bg_array.push("dave-hoefler-llEjCH71E9o-unsplash.jpg");
    bg_array.push("david-marcu-78A265wPiO4-unsplash.jpg");
    bg_array.push("dawid-zawila--G3rw6Y02D0-unsplash.jpg");
    bg_array.push("dennis-buchner-elk8DRDVYLI-unsplash.jpg");
    bg_array.push("desert_lightening.jpg");
    bg_array.push("dolphins.jpg");
    bg_array.push("dolphins_chrome_city_night.jpg");
    bg_array.push("droplets.jpg");
    bg_array.push("drops.jpg");
    bg_array.push("dusk_ocean_cottages.jpg");
    bg_array.push("eberhard-grossgasteiger-cgEbku0EbOg-unsplash.jpg");
    bg_array.push("elena-prokofyeva-NDuPLKYRXQU-unsplash.jpg");
    bg_array.push("elke-karin-lugert-GraajutbJHE-unsplash.jpg");
    bg_array.push("emily-campbell-xDVPPEePD8M-unsplash.jpg");
    bg_array.push("eutah-mizushima-OWwK_0_EnxY-unsplash.jpg");
    bg_array.push("fall.jpg");
    bg_array.push("fall_trees.jpg");
    bg_array.push("famous_ruins.jpg");
    bg_array.push("fdPKohq-hd-images-for-wallpaper.jpg");
    bg_array.push("felix-mittermeier-WLGHjbC0Cq4-unsplash.jpg");
    bg_array.push("flower2.jpg");
    bg_array.push("flowers.jpg");
    bg_array.push("flowers_mountains.jpg");
    bg_array.push("forest_2.jpg");
    bg_array.push("forest_trees.jpg");
    bg_array.push("forest_walk.jpg");
    bg_array.push("forst_cabin_mountains.jpg");
    bg_array.push("fotografu-N81-vgsnoR0-unsplash.jpg");
    bg_array.push("francesco-ungaro-hBRoxmZn7NY-unsplash.jpg");
    bg_array.push("frank-mckenna-4V8JxijgZ_c-unsplash.jpg");
    bg_array.push("galaxy.jpg");
    bg_array.push("Gamla-Stan-Stockholm-Sweden-wallpaper-Hd-1920x1200.jpg");
    bg_array.push("geran-de-klerk-qzgN45hseN0-unsplash.jpg");
    bg_array.push("geran-de-klerk-WJkc3xZjSXw-unsplash.jpg");
    bg_array.push("glass_raindrops.jpg");
    bg_array.push("glass_sphere_tree.jpg");
    bg_array.push("graham-holtshausen-fUnfEz3VLv4-unsplash.jpg");
    bg_array.push("grass.jpg");
    bg_array.push("grass_field.jpg");
    bg_array.push("green_fields_house_mtns.jpg");
    bg_array.push("green_hills.jpg");
    bg_array.push("green_hills_house_mountains.jpg");
    bg_array.push("green_mountains_water.png");
    bg_array.push("Ha-long-bay-vietnam-6938892.jpg");
    bg_array.push("hello-lightbulb-YC8qqp50BdA-unsplash.jpg");
    bg_array.push("High_resolution_wallpaper_background_ID_77700002023.jpg");
    bg_array.push("High_resolution_wallpaper_background_ID_77700002044.jpg");
    bg_array.push("High_resolution_wallpaper_background_ID_77700005873.jpg");
    bg_array.push("High_resolution_wallpaper_background_ID_77700009611.jpg");
    bg_array.push("High_resolution_wallpaper_background_ID_77700009730.jpg");
    bg_array.push("High_resolution_wallpaper_background_ID_77701328089.jpg");
    bg_array.push("Hummingbirds-and-pink-flowers.jpg");
    bg_array.push("humming_bird.jpg");
    bg_array.push("j-balla-photography-6wmFPgnd__Q-unsplash.jpg");
    bg_array.push("jack-krier-cwoiZPvPDYA-unsplash.jpg");
    bg_array.push("jake-fagan-T4GToPb7a1c-unsplash.jpg");
    bg_array.push("james-padolsey-tvPvROBv0F4-unsplash.jpg");
    bg_array.push("james-ting-6N2mSJsKTtA-unsplash.jpg");
    bg_array.push("javier-molina-4oT5IV6b03Y-unsplash.jpg");
    bg_array.push("jerry-zhang-bcW3NDWHMwc-unsplash.jpg");
    bg_array.push("jessica-ruscello-lUtPqjz5D5k-unsplash.jpg");
    bg_array.push("johannes-plenio-UewgGfZgYj0-unsplash.jpg");
    bg_array.push("john-fowler-03Pv2Ikm5Hk-unsplash.jpg");
    bg_array.push("john-towner-3Kv48NS4WUU-unsplash.jpg");
    bg_array.push("johnny-chen-qvdGgOwgw1Q-unsplash.jpg");
    bg_array.push("jonatan-pie-3l3RwQdHRHg-unsplash.jpg");
    bg_array.push("jonathan-gallegos-_vA2q0-NroU-unsplash.jpg");
    bg_array.push("jordan-evtWtv0i-6E-unsplash.jpg");
    bg_array.push("joshua-humpfer-FIXBXHY66FY-unsplash.jpg");
    bg_array.push("joshua-rondeau-EIeVusiphj4-unsplash.jpg");
    bg_array.push("joshua-rondeau-p-2CwpMtvN4-unsplash.jpg");
    bg_array.push("julia-gidley-CzRiafllBos-unsplash.jpg");
    bg_array.push("justin-hu-xH4wVOSNDB8-unsplash.jpg");
    bg_array.push("kalen-emsley-Bkci_8qcdvQ-unsplash.jpg");
    bg_array.push("Kawasaki_Ninja.jpg");
    bg_array.push("ken-cheung-LXv2bKABD8Y-unsplash.jpg");
    bg_array.push("kevin-lanceplaine-sO-JmQj95ec-unsplash.jpg");
    bg_array.push("kiwi.jpg");
    bg_array.push("klara-kulikova-3kabzsc0HxM-unsplash.jpg");
    bg_array.push("kunal-shinde--f0YLss50Bs-unsplash.jpg");
    bg_array.push("leaves_tree.jpg");
    bg_array.push("leo-rivas-OR_3rbIv5yI-unsplash.jpg");
    bg_array.push("leonard-cotte-c1Jp-fo53U8-unsplash.jpg");
    bg_array.push("levi-guzman-wF5z4_JzxaU-unsplash.jpg");
    bg_array.push("lg6spDq-good-desktop-wallpapers.jpg");
    bg_array.push("lighthouse-peggys-cove-nova-scotia-canada-37279.jpg");
    bg_array.push("lines_grill.jpg");
    bg_array.push("liuguangxi-v9sTKSTSywQ-unsplash.jpg");
    bg_array.push("luc-vlekken-9Y8A97opXQ4-unsplash.jpg");
    bg_array.push("luca-bravo-O453M2Liufs-unsplash.jpg");
    bg_array.push("luca-bravo-VowIFDxogG4-unsplash.jpg");
    bg_array.push("luca-bravo-zAjdgNXsMeg-unsplash.jpg");
    bg_array.push("luka-slapnicar-yqeXLR81Uj0-unsplash.jpg");
    bg_array.push("lukasz-szmigiel-jFCViYFYcus-unsplash.jpg");
    bg_array.push("luke-pamer-mAXVJVL0fn8-unsplash.jpg");
    bg_array.push("madara-parma-5lgC0sAa6Gg-unsplash.jpg");
    bg_array.push("marco-bocancea-xKDYbgeuYVk-unsplash.jpg");
    bg_array.push("mark-basarab-1OtUkD_8svc-unsplash.jpg");
    bg_array.push("mark-harpur-czkOVu3YwIQ-unsplash.jpg");
    bg_array.push("matheus-cenali-3RicCdnXfHs-unsplash.jpg");
    bg_array.push("matrix.jpg");
    bg_array.push("matthew-smith-Rfflri94rs8-unsplash.jpg");
    bg_array.push("micah-tindell-AdOeV-qlAs4-unsplash.jpg");
    bg_array.push("michael-diane-weidner-h-rP5KSC2W0-unsplash.jpg");
    bg_array.push("michael-in-mwq3YIIo-unsplash.jpg");
    bg_array.push("mink-mingle-AlEyuIKuSmc-unsplash.jpg");
    bg_array.push("mohammad-alizade-4wzRuAb-KWs-unsplash.jpg");
    bg_array.push("moritz-mentges-cj2I_KczBvY-unsplash.jpg");
    bg_array.push("mountain_view.jpg");
    bg_array.push("nature-landscape.jpg");
    bg_array.push("nick-perez-duvq92-VCZ4-unsplash.jpg");
    bg_array.push("nightSky10_72_dpi.jpg");
    bg_array.push("niko-photos-tGTVxeOr_Rs-unsplash.jpg");
    bg_array.push("nikola-majksner-hXNGeAFOgT4-unsplash.jpg");
    bg_array.push("ninja.jpg");
    bg_array.push("nova_scotia_0.jpg");
    bg_array.push("nyc1.jpg");
    bg_array.push("nyc2.jpg");
    bg_array.push("nyc3.jpg");
    bg_array.push("nyc4.jpg");
    bg_array.push("nyc5.jpg");
    bg_array.push("nyc6.jpg");
    bg_array.push("nyc7.jpg");
    bg_array.push("nyc8.jpg");
    bg_array.push("nyc9.jpg");
    bg_array.push("old_forest.jpg");
    bg_array.push("oranges_water.jpg");
    bg_array.push("palm-tree-background-full-hd-1080p-407807.jpg");
    bg_array.push("patrick-fore-0u_vbeOkMpk-unsplash.jpg");
    bg_array.push("patrick-hendry-_lofCeUHMOo-unsplash.jpg");
    bg_array.push("pawel-czerwinski-LEbkdsB8OMg-unsplash.jpg");
    bg_array.push("peter-neumann-tlf4UpSNSYQ-unsplash.jpg");
    bg_array.push("pexels-felix-mittermeier-4644811.jpg");
    bg_array.push("pexels-felix-mittermeier-956981.jpg");
    bg_array.push("pexels-wendy-wei-2753432.jpg");
    bg_array.push("pink_flowers_sunset.png");
    bg_array.push("pink_flowers_sunset2.jpg");
    bg_array.push("pink_flowers_sunset72dpi.jpg");
    bg_array.push("plant_leaves.jpg");
    bg_array.push("purple_fileds.jpg");
    bg_array.push("qingbao-meng-01_igFr7hd4-unsplash.jpg");
    bg_array.push("rainbow_lemmon.jpg");
    bg_array.push("rainbow_paint.jpg");
    bg_array.push("raindrops3.jpg");
    bg_array.push("raindrops_glass2.jpg");
    bg_array.push("rainforest.jpg");
    bg_array.push("rainforest1.jpg");
    bg_array.push("rainforest2.jpg");
    bg_array.push("rainforest3.jpg");
    bg_array.push("raychel-sanner-JENNqPM5z9U-unsplash.jpg");
    bg_array.push("raychel-sanner-m-5pFjuxSBk-unsplash.jpg");
    bg_array.push("raychel-sanner-QMT9sUm6yPE-unsplash.jpg");
    bg_array.push("razvan-mirel-d2cBTo2Ec-s-unsplash.jpg");
    bg_array.push("redcharlie-k2zWqv_yfNM-unsplash.jpg");
    bg_array.push("rob-mulally-oacHEtIlXsA-unsplash.jpg");
    bg_array.push("robert-lukeman-zNN6ubHmruI-unsplash.jpg");
    bg_array.push("robert-lukeman-_RBcxo9AU-U-unsplash.jpg");
    bg_array.push("rock.jpg");
    bg_array.push("Rock_cavern.jpg");
    bg_array.push("sabeer-darr-Upz-tnx2v2s-unsplash.jpg");
    bg_array.push("sand_dunes.jpg");
    bg_array.push("sand_grass_beach.jpg");
    bg_array.push("scott-osborn-dum0pmt7f0k-unsplash.jpg");
    bg_array.push("sean-oulashin-KMn4VEeEPR8-unsplash.jpg");
    bg_array.push("sebastiaan-stam-i-9omvENhLI-unsplash.jpg");
    bg_array.push("sebastian-unrau-sp-p7uuT0tw-unsplash.jpg");
    bg_array.push("sebastien-gabriel--IMlv9Jlb24-unsplash.jpg");
    bg_array.push("shoreline_from_above.jpg");
    bg_array.push("silvestri-matteo-6-C0VRsagUw-unsplash.jpg");
    bg_array.push("sky_clouds.jpg");
    bg_array.push("sky_clouds2.jpg");
    bg_array.push("sonya-brady-NhbR9-o9qzk-unsplash.jpg");
    bg_array.push("spencer-watson-p0Yupww_SNM-unsplash.jpg");
    bg_array.push("stanley-dai-QLfjlyEamV4-unsplash.jpg");
    bg_array.push("starry_sky.jpg");
    bg_array.push("Statue_of_liberty_Closeup.jpg");
    bg_array.push("stefan-stefancik-TPv9dh822VA-unsplash.jpg");
    bg_array.push("stephen-johnson-Q8_-Cc-IXRY-unsplash.jpg");
    bg_array.push("stijn-te-strake-vBSqbhMxSXw-unsplash.jpg");
    bg_array.push("stones_stacked.jpg");
    bg_array.push("stone_arch.jpg");
    bg_array.push("stone_henge.jpg");
    bg_array.push("stripped_airplane.jpg");
    bg_array.push("su-san-lee-g3PyXO4A0yc-unsplash.jpg");
    bg_array.push("sunflower.jpg");
    bg_array.push("sunflowers.jpg");
    bg_array.push("swimming_pool.jpg");
    bg_array.push("The-Great-White-Gull-Looking-for-Food-Landing-Ultra-Hd-Wallpaper.jpg");
    bg_array.push("tillie-crimew-0VBVgAqjoP8-unsplash.jpg");
    bg_array.push("tim-swaan-eOpewngf68w-unsplash.jpg");
    bg_array.push("times_square.jpg");
    bg_array.push("timo-wagner-FTudIwhTfUU-unsplash.jpg");
    bg_array.push("tree-background-1080p-76401.jpg");
    bg_array.push("tree-background-hd-1920x1080-77459.jpg");
    bg_array.push("tree-wallpaper-full-hd-1080p-76786.jpg");
    bg_array.push("tree-wallpaper-full-hd-1080p-76812.jpg");
    bg_array.push("tree-wallpaper-full-hd-1920x1080-77004.jpg");
    bg_array.push("tree-wallpaper-full-hd-77385.jpg");
    bg_array.push("tree-wallpaper-hd-1080p-76791.jpg");
    bg_array.push("trevor-pye-KyaoT3NKN2s-unsplash.jpg");
    bg_array.push("tropical_island.jpg");
    bg_array.push("tropical_resort_palm_tree.jpg");
    bg_array.push("tropics.jpg");
    bg_array.push("tulips.jpg");
    bg_array.push("tyssul-patel-o-zOatT4kQw-unsplash.jpg");
    bg_array.push("uwp1234565.jpeg");
    bg_array.push("uwp1235198.jpeg");
    bg_array.push("v2osk-1Z2niiBPg5A-unsplash.jpg");
    bg_array.push("valley.jpg");
    bg_array.push("veeterzy-sMQiL_2v4vs-unsplash.jpg");
    bg_array.push("View-of-Kotor-and-the-Boka-Kotor-Montenegro.jpg");
    bg_array.push("vincent-van-zalinge-vUNQaTtZeOo-unsplash.jpg");
    bg_array.push("vincent-van-zalinge-_d0zgyMmYT8-unsplash.jpg");
    bg_array.push("vz3MLX.jpg");
    bg_array.push("wallpaper-mania.com_High_resolution_wallpaper_background_ID_77700002002.jpg");
    bg_array.push("wallpaper-mania.com_High_resolution_wallpaper_background_ID_77700009387.jpg");
    bg_array.push("wallpaper-mania.com_High_resolution_wallpaper_background_ID_77700009457.jpg");
    bg_array.push("wallpaper-mania.com_High_resolution_wallpaper_background_ID_77700009464.jpg");
    bg_array.push("wallpaper-mania.com_High_resolution_wallpaper_background_ID_77700009492.jpg");
    bg_array.push("wallpaper-mania.com_High_resolution_wallpaper_background_ID_77700009513.jpg");
    bg_array.push("wallpaper-mania.com_High_resolution_wallpaper_background_ID_77700009520.jpg");
    bg_array.push("wallpaper-mania.com_High_resolution_wallpaper_background_ID_77700009534.jpg");
    bg_array.push("wallpaper-mania.com_High_resolution_wallpaper_background_ID_77700009541.jpg");
    bg_array.push("wallpaper-mania.com_High_resolution_wallpaper_background_ID_77700009548.jpg");
    bg_array.push("wallpaper-mania.com_High_resolution_wallpaper_background_ID_77700009569.jpg");
    bg_array.push("wallpaper-mania.com_High_resolution_wallpaper_background_ID_77700009590.jpg");
    bg_array.push("wallpaper-mania.com_High_resolution_wallpaper_background_ID_77700009597.jpg");
    bg_array.push("wallpaper-mania.com_High_resolution_wallpaper_background_ID_77700009611.jpg");
    bg_array.push("wallpaper-mania.com_High_resolution_wallpaper_background_ID_77700009667.jpg");
    bg_array.push("wallpaper-mania.com_High_resolution_wallpaper_background_ID_77700009688.jpg");
    bg_array.push("wallpaper-mania.com_High_resolution_wallpaper_background_ID_77700009702.jpg");
    bg_array.push("wallpaper-mania.com_High_resolution_wallpaper_background_ID_77700009709.jpg");
    bg_array.push("wallpaper-mania.com_High_resolution_wallpaper_background_ID_77700010920.jpg");
    bg_array.push("wallpaper-mania.com_High_resolution_wallpaper_background_ID_77700011074.jpg");
    bg_array.push("wallpaper-mania.com_High_resolution_wallpaper_background_ID_77700011130.jpg");
    bg_array.push("wallpaper-mania.com_High_resolution_wallpaper_background_ID_77700655494.jpg");
    bg_array.push("wallpaper-mania.com_High_resolution_wallpaper_background_ID_77700655578.jpg");
    bg_array.push("wallpaper-mania.com_High_resolution_wallpaper_background_ID_77700655613.jpg");
    bg_array.push("wallpaper-mania.com_High_resolution_wallpaper_background_ID_77701101548.jpg");
    bg_array.push("wallpaper-mania.com_High_resolution_wallpaper_background_ID_77701101639.jpg");
    bg_array.push("wallpaper-mania.com_High_resolution_wallpaper_background_ID_77701509431.jpg");
    bg_array.push("waterfall_2.jpg");
    bg_array.push("waterfall_rainforest.jpg");
    bg_array.push("water_pool.jpg");
    bg_array.push("water_surface.jpg");
    bg_array.push("wexor-tmg-L-2p8fapOA8-unsplash.jpg");
    bg_array.push("whatever.jpg");
    bg_array.push("wheat.jfif");
    bg_array.push("wil-stewart-pHANr-CpbYM-unsplash.jpg");
    bg_array.push("wilfried-santer-OTXhOZAM4dQ-unsplash.jpg");
    bg_array.push("winter_cabin_snow.jpg");
    bg_array.push("wold.jfif");
    bg_array.push("wp1918915-kenya-wallpapers.jpg");
    bg_array.push("wp1918917-kenya-wallpapers.jpg");
    bg_array.push("wp2128448-fish-tank-wallpapers.jpg");
    bg_array.push("wp2574322-aeroplane-4k-wallpapers.jpg");
    bg_array.push("wp3076548-antelope-canyon-wallpapers.jpg");
    bg_array.push("wp3076552-antelope-canyon-wallpapers.jpg");
    bg_array.push("wp3076679-antelope-canyon-wallpapers.jpg");
    bg_array.push("wp3076698-antelope-canyon-wallpapers.jpg");
    bg_array.push("wp3076712-antelope-canyon-wallpapers.jpg");
    bg_array.push("wp3076713-antelope-canyon-wallpapers.jpg");
    bg_array.push("wp4096534-aquarium-wallpapers.jpg");
    bg_array.push("wp4096546-aquarium-wallpapers.jpg");
    bg_array.push("wp4103731-macaw-wallpapers.jpg");
    bg_array.push("wp4128843-plane-taking-off-wallpapers.jpg");
    bg_array.push("wp4461217-apple-ipad-pro-wallpapers.jpg");
    bg_array.push("wp4657074-kenya-animals-wallpapers.jpg");
    bg_array.push("wp4657083-kenya-animals-wallpapers.jpg");
    bg_array.push("wp4657086-kenya-animals-wallpapers.jpg");
    bg_array.push("wp4676569-4k-pc-wallpapers.jpg");
    bg_array.push("wp5403547-south-african-animals-wallpapers.jpg");
    bg_array.push("wp6782168-macaw-colourful-hd-wallpapers.jpg");
    bg_array.push("wp7086438-nova-scotia-wallpapers.jpg");
    bg_array.push("wp8630758-scarlet-macaw-wallpapers.jpg");
    bg_array.push("wp8630839-scarlet-macaw-wallpapers.jpg");
    bg_array.push("wp9032345-halifax-wallpapers.jpg");
    bg_array.push("wp9032347-halifax-wallpapers.jpg");
    bg_array.push("wp9127211-desktop-cool-4k-wallpapers.jpg");
    bg_array.push("wp9360171-streaming-pc-4k-wallpapers.jpg");
    bg_array.push("xyz_sunflowers.jpg");
    bg_array.push("yash-savla-VYWWBrr0LDI-unsplash.jpg");

    bg_array_shuffled = shuffle_background_array(bg_array);
    console.log(bg_array_shuffled.join(","));
    return bg_array_shuffled.join(",");
}
*/