"use strict";

function load_content(img_obj, win_id)
{
    //alert(document.baseURI);
    var q_string = null;
    var url = null;
    var host_name = null;

    url = document.baseURI.toLowerCase();
    url = document.baseURI.trim();
    host_name = document.location.hostname;
    host_name = host_name.toLowerCase();

    if (host_name.length > 0) {
        if (host_name === "www.chromosphere.com" || host_name === "chromosphere.com" || host_name === "localhost") {
            //proceed
        }
        else {
            return; //exit function
        }
    }
    else
    {
        return; //exit function
    }

    //q_string = get_querystring(img_obj.src);
    //alert(img_obj.src);
    q_string = get_querystring_value_by_name(img_obj.src, "i");
    //alert(q_string);
    if (check_content_id(q_string) === true) {
     
    load_window_contents(win_id, q_string);
    }
    else {
        //alert("invalid content id");
    }
}




function check_content_id(cid) {
var c = null;
c = Math.abs(Math.floor(parseInt(cid.toString())));

    if (typeof c === "number" && c >= 0 && c.toString().length === 16) {
        return true;
    }
    else {
        return false;
    }
}





function initialize_xmlhttp_array()
{
    global_xmlhttp_array = [];
    //var array_len = global_xmlhttp_array.length;
    var i = null;

    for (i=0;i<1000;i++)
    {
    global_xmlhttp_array[i] = null;
    }
}




function initialize_global_interval_timer_array() {
    global_interval_timer_array = [];
    var i = null;

    for (i = 0; i < 1000; i++) {
        global_interval_timer_array[i] = null;
    }
}




function load_window_contents(window_id, qstring)
{
    var htmlhttp_obj_id = null;
    var timer_id = null;
    var window_obj  = null;
    var table_obj = null;
    var timer_expression = null;

    //set default: Web window's minimize, maximize, and cascade state icons, are all set to default (cascade).
    //this function needs to access elements by id from the document. The
    //web window is not attached to the document upon creation. Since it
    //is now attached to the document, we can implement this function.
    //function is currently within window_2.js
    set_window_state_icons(window_id);

    //alert(qstring);
    window_obj = document.getElementById(window_id);
    table_obj = document.getElementById((window_id + "_tbl_0000"));


    /* displays loading status in window's status box */
    set_window_status("Loading contents");
    timer_id = get_available_timer_array_slot();
    //timer_expression = "show_loading_progress(\"" + window_id + "\", " + timer_id + ");";
    //global_interval_timer_array[timer_id] = setInterval(timer_expression, 150);

    //send instructions to POST or GET data
    htmlhttp_obj_id = add_xmlhttp_obj();
    send_xmlhttp_request(htmlhttp_obj_id, window_id, qstring);

    if (window_obj !== null) {
        if (table_obj !== null) {
            window_obj.style.height = (table_obj.scrollHeight + "px");
            window_obj.style.width = (table_obj.scrollWidth + "px");
        }
    }
}


function add_xmlhttp_obj()
{
    var xmlhttp = null;
    var i = null;
    var array_len = null;
    var array_slot = null;
    var xmlhttp_id = null;
    var xmlhttp_added = null;

    if (window.XMLHttpRequest)
    {
        xmlhttp = new XMLHttpRequest();
    }
    else if (window.ActiveXObject)
    {
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    else
    {
        xmlhttp = new XMLHttpRequest();
    }
    
    array_len = global_xmlhttp_array.length;
    xmlhttp_added = false;

        for (i=0;i<array_len;i++)
        {
            array_slot = global_xmlhttp_array[i];
            if (array_slot == null)
            {
                global_xmlhttp_array[i] = xmlhttp;
                xmlhttp_added = true;
                break;
            }
        }

        if (xmlhttp_added == true)
        {
            xmlhttp_id = i;

            xmlhttp.addEventListener("abort", function () {
                destroy_xmlhttp_obj(i);
                //alert("abort");
            });

            xmlhttp.addEventListener("error", function () {
                destroy_xmlhttp_obj(i);
                //alert("error");
            });

            xmlhttp.addEventListener("timeout", function () {
                destroy_xmlhttp_obj(i);
                //alert("timeout");
            });
        }
        else
        {
        xmlhttp_id = null;
        }
return xmlhttp_id;
}




function destroy_xmlhttp_obj(xmlhttp_id)
{
    global_xmlhttp_array[xmlhttp_id] = null;
    //console.log("Web Worker (XMLHTTPRequest Object: " + xmlhttp_id +") has either had an error, timed-out, or has aborted");
}



function send_xmlhttp_request(xmlhttp_id, window_id, qstring) {
    var xmlhttp_state_txt = null;
    var xmlhttp = null;
    var xmlhttp_txt = null;
    var win_id = null;
    var div_elem = null;
    var table_obj = null;
    var window_obj = null;
    var blank_image = null;
    var blank_img = null;
    var contents_div = null;
    var fb_app_token = null;
    var host_port = null;
    var redirect_url = null;
    var host_name = null;
    var secure_protocol = null;
    var port_num = null;
    var top_location_hostname = null;
    var i_protocol = null;
    var check_qstring = null;
    var q_string = "";
    var xmlhttp_url_path = null;

    win_id = window_id;

    window_obj = document.getElementById(win_id);
    table_obj = document.getElementById((win_id + "_tbl_0000"));

    q_string = qstring;
    check_qstring = false;
    check_qstring = check_content_id(q_string);
    if (check_qstring === true) { //is querystring value format correct?
        //continue function
    }
    else {
        return; //invalid content id format
    }

    xmlhttp = global_xmlhttp_array[xmlhttp_id];

    xmlhttp.onreadystatechange = function () {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            xmlhttp_state_txt = "Loading complete and without error.";
            //4: request finished and response is ready, 200 code means process occurred OK
            xmlhttp_txt = xmlhttp.responseText;
            global_xmlhttp_array[xmlhttp_id] = null;
            //set_window_status(win_id, "Window is loaded");
            //status_loaded(win_id, true);
            xmlhttp = null;

            div_elem = document.createElement("div");
            div_elem.setAttribute("id", (win_id + "_return_data"));
            div_elem.innerHTML = xmlhttp_txt;

            contents_div = document.getElementById(("contents_" + win_id));
            contents_div = document.getElementById((win_id + "_tbl_0000_tr_0001_td_0000_div_0000"));

            contents_div.style.userSelect = "auto";

            blank_img = document.getElementById("contents_blankimage_" + win_id);
            if (blank_img != null) {
                blank_img.parentNode.removeChild(blank_img);
            }
            if (contents_div !== null) {
                contents_div.innerHTML = "<!-- begin window script //-->";

            }

            place_content_enable_scrolling(win_id, xmlhttp_txt);

            //2023-08-22:
            //it seems as though when reloading window content, the window div is incorrectly resized.
            //it looks like this solves the problem. See file 'resize_window.js' for the function.
            resize_contents_container(win_id);

            //2023-08-22:
            //testing out a way to hide scrollbars for contents container.
            //uncomment to remove scrollbars from the contents container object
            //Use this when placing an iframe into a content container
            ////hide_scrollbars(win_id + "_contents_container");

            set_window_status(win_id, "Loaded at: " + get_date_time());
            //set the helper caption description attribute to the window status bar
            document.getElementById(win_id + "_window_status").parentNode.setAttribute("data-desc", "Loaded at: " + get_date_time());
            var winload_event = null;
            var win = null;

            //2025-01-18:
            //adding a synthetic event that fires
            //once the xmlHttp object successfully
            //loads the http data. The event handler
            //for this event is assigned to the web
            //window within the 'make_new_window()'
            //function. this function used to be
            //located in file: 'window.js'.
            //see file: 'create_window.js'
            win = document.getElementById(win_id);
            if (win !== null) {
                winload_event = new Event("loadwebwindow");
                win.dispatchEvent(winload_event);
            }
            return;
        }
        else if (xmlhttp.readyState == 4 && xmlhttp.status == 301) {
            redirect_url = xmlhttp.getResponseHeader("Location");
            xmlhttp.hostname = global_hostname.toLowerCase();
            host_name = global_hostname.toLowerCase();
            xmlhttp.protocol = "https:";
            top_location_hostname = top.location.hostname;
            top_location_hostname = top_location_hostname.toLowerCase();

            if (host_name == "chromosphere.com" || host_name == "localhost") {
                if (xmlhttp.protocol.toLowerCase() == "https:") {
                    if (top_location_hostname == host_name) {
                        xmlhttp.open("GET", encodeURI(redirect_url), true);
                    }
                }
            }

            // global_xmlhttp_array[xmlhttp_id] = null;
            // xmlhttp = null;
            // send_xmlhttp_request(xmlhttp_id, window_id, qstring);

        }

        else if (xmlhttp.readyState == 4 && xmlhttp.status == 302) {
            redirect_url = xmlhttp.getResponseHeader("Location");
            xmlhttp.hostname = global_hostname;
            host_name = global_hostname.toLowerCase();
            xmlhttp.protocol = "https:";
            top_location_hostname = top.location.hostname;
            top_location_hostname = top_location_hostname.toLowerCase();


            if (host_name == "chromosphere.com" || host_name == "www.chromosphere.com" || host_name == "localhost") {
                if (xmlhttp.protocol.toLowerCase() == "https:") {
                    if (top_location_hostname == host_name) {
                        xmlhttp.open("GET", encodeURI(redirect_url), true);
                    }
                }
            }
        }
        else if (xmlhttp.readyState == 4 && xmlhttp.status != 200 && xmlhttp.status != 301 && xmlhttp.status != 302) {
            xmlhttp_state_txt = ("Loading complete, but is not OK. Status is: " + xmlhttp.statusText);
            //4: request finished and response is ready, but status is not OK
            //document.getElementById(("contents_" + win_id)).innerHTML = "<p>An error occured while loading the window's contents</p>";
            global_xmlhttp_array[xmlhttp_id] = null;
            xmlhttp = null;
            return;
        }
        else if (xmlhttp.readyState == 3) {
            xmlhttp_state_txt = "Processing Request.";
            //3: processing request 
            return;
        }
        else if (xmlhttp.readyState == 2) {
            xmlhttp_state_txt = "Request Recieved.";
            //2: request received 
            return;
        }
        else if (xmlhttp.readyState == 1) {
            xmlhttp_state_txt = "Server Connection Established.";
            //1: server connection established 
            xmlhttp.timeout = 10000;
            xmlhttp.setRequestHeader("Accept", "text/*,text/html,text/html,text/javascript,text/plain");
            xmlhttp.protocol = "https:"
            //xmlhttp.setRequestHeader("Access-Control-Allow-Origin", global_hostname);
            //xmlhttp.setRequestHeader("Origin", "https://chromosphere.com");
            host_name = xmlhttp.hostname;
            host_name = host_name.toLowerCase();
            port_num = xmlhttp.port;

            if (host_name == "chromosphere.com") { // || host_name == "localhost") {
                xmlhttp.port = "443";
                port_num = "443";
            }

            secure_protocol = xmlhttp.protocol;
            secure_protocol = secure_protocol.toLowerCase();

            if (host_name == "www.chromosphere.com" || host_name == "chromosphere.com" || host_name == "localhost") {
                if (secure_protocol == "https:") {
                    check_qstring = check_content_id(q_string);
                    if (check_qstring === true) { //is querystring value format correct?
                        xmlhttp.send(null);
                    }
                }
            }
        }
        else if (xmlhttp.readyState == 0) {
            xmlhttp_state_txt = "Request Not Initialized.";
            //0: request not initialized
        }
    };

    host_port = document.location.port;
    if (host_port.length > 0) {
        host_port = ":" + host_port;
    }
    xmlhttp_url_path = "https://" + document.location.hostname + host_port + "/chromosphere/xmlhttp/";
    xmlhttp.protocol = "https:";
    xmlhttp.hostname = top.location.hostname.toLowerCase();
    host_name = xmlhttp.hostname.toLowerCase();
    xmlhttp.protocol = "https:";
    i_protocol = xmlhttp.protocol.toLowerCase();
    top_location_hostname = top.location.hostname.toLowerCase();

    if (typeof host_name == "string" && host_name.length > 0) {
        if (host_name == "www.chromosphere.com" || host_name == "chromosphere.com" || host_name == "localhost") {
            if (i_protocol == "https:") {
                //console.log("The remote server host name and Internet protocol for an XMLHTTP request is qualified as valid. Proceeding with request.");
            }
        }
    }
    else {
        console.log("Unable to validate the current remote server host name. The host name must either be specified as \"chromosphere.com\", or \"localhost\". Contact steve@chromosphere.com to request the addition of another valid host.");
        return false;
    }


    if (host_name == "www.chromosphere.com" || host_name == "chromosphere.com" || host_name == "localhost") {
        if (xmlhttp.protocol.toLowerCase() == "https:") {
            if (top_location_hostname == host_name) {
                if (typeof q_string === "string" && typeof Math.abs(parseInt(q_string)) === "number") {
                    check_qstring = check_content_id(q_string);
                    if (check_qstring === true) { //is querystring value format correct?
                        xmlhttp.open("GET", encodeURI(xmlhttp_url_path + "Default?i=" + q_string), true);
                    }
                }
            }
        }
    }
}

function show_loading_progress(win_id, timer_id)
{
    var obj_container = null;
    var txt_node_loading = null;
    var loading_txt = null;
    var blank_img = null;
    var blank_img_exists = null;
    var td_window_status = null;
    var window_obj = null;

    window_obj = document.getElementById((win_id));

    if (window_obj == null || window_obj == undefined)
    {
    clear_interval_timer(timer_id);
    }

    td_window_status = document.getElementById((win_id + "_window_status"));
    blank_img = document.getElementById(("contents_blankimage_" + win_id));
    obj_container = document.getElementById(("contents_" + win_id));

    blank_img_exists = document.getElementById(("contents_blankimage_" + win_id));
    if (blank_img_exists == null) {
        blank_img_exists = false;
    }
    else {
        blank_img_exists = true;
    }

    if (blank_img_exists == true)
    {
        update_status_text(td_window_status.id);
    }
    else if (blank_img_exists == false || blank_img == null || blank_img == undefined)
    {
        clear_interval_timer(timer_id);
        //td_window_status.innerText = "status: open";
        //set_window_status("Window Has Loaded");
        td_window_status.style.color = "#ffffff";
        
    }
    else
    {
        return;
    }
}





function update_status_text(status_box_id)
{
    var status_box = null;
    var status_box_text = null;
    var periods = null;
    var status_box_txt_node = null;
    var i = null;

    status_box = document.getElementById(status_box_id);
    status_box_text = status_box.innerText;

    if (status_box_text == "Loading contents" || status_box_text == null || status_box_text == "" || status_box_text == undefined)
    {
        periods = ".";
        status_box_text = ("Loading contents" + periods);
        status_box.innerText = status_box_text;
        return true;
    }

    if (status_box_text == "Loading contents.")
    {
        periods = "..";
        status_box_text = ("Loading contents" + periods);
       status_box.innerText = status_box_text;
       return true;
    }

    if (status_box_text == "Loading contents..")
    {
        periods = "...";
        status_box_text = ("Loading contents" + periods);
        status_box.innerText = status_box_text;
        return true;
    }

    if (status_box_text == "Loading contents...")
    {
        periods = "....";
        status_box_text = ("Loading contents" + periods);
        status_box.innerText = status_box_text;
        return true;
    }

    if (status_box_text == "Loading contents....")
    {
        periods = ".....";
        status_box_text = ("Loading contents" + periods);
        status_box.innerText = status_box_text;
        return true;
    }

    if (status_box_text == "Loading contents.....")
    {
        periods = "......";
        status_box_text = ("Loading contents" + periods);
        status_box.innerText = status_box_text;
        return true;
    }

    if (status_box_text == "Loading contents......")
    {
        periods = "";
        status_box_text = ("Loading contents" + periods);
        status_box.innerText = status_box_text;
        return true;
    }

    if (status_box_text == "Loading contents")
    {
        periods = ".";
        status_box_text = ("Loading contents" + periods);
        status_box.innerText = status_box_text;
        return true;
    }

    if (status_box_text == "")
    {
        periods = "";
        status_box_text = ("Loading contents" + periods);
        status_box.innerText = status_box_text;
        return true;
    }

    if (status_box_text == null)
    {
        periods = "";
        status_box_text = ("Loading contents" + periods);
        status_box.innerText = status_box_text;
        return true;
    }
}





function clear_interval_timer(timer_ID) {
    clearInterval(global_interval_timer_array[timer_ID]);
    global_interval_timer_array[timer_ID] = null;
}





function get_available_timer_array_slot() {
    var i = null;
    var array_len = null;
    var array_slot = null;
    var slot_index = null;
    var slot_open = null;

    slot_open = false;
    i = 0;

    array_len = global_interval_timer_array.length;
    for (i = 0; i < array_len; i++) {
        array_slot = global_interval_timer_array[i];
        if (array_slot == null) {
            slot_index = i;
            global_interval_timer_array[slot_index] = i;
            //alert(i);
            slot_open = true;
            break;
        }
    }

    if (slot_open == true) {
        return slot_index;
    }
    else {
        return -1;
    }
}