// Credit: http://stackoverflow.com/a/10642418/2087442
function httpGet(ta,theUrl)
{
    var xmlhttp;
    if (window.XMLHttpRequest)
    {
    // code for IE7+
        xmlhttp = new XMLHttpRequest();
    }
    else
    {
    // code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState === 4 && xmlhttp.status === 200)
        {
            ta.show();
            ta.empty();
            ta.append(xmlhttp.responseText);
        }
    };
    xmlhttp.open("GET", theUrl, false);
    xmlhttp.send();
}

function eventsource() {
    var ta = $("#output");
    var upload = $( "#upload" );
    var checked = "";
    var token = encodeURIComponent($("#token").html());

    if(upload.prop("checked"))
    {
        checked = "upload";
    }

    // IE does not support EventSource - load whole content at once
    if (typeof EventSource !== "function") {
        httpGet(ta,"scripts/pi-hole/php/debug.php?IE&token="+token+"&"+checked);
        return;
    }

    var source = new EventSource("scripts/pi-hole/php/debug.php?&token="+token+"&"+checked);

    // Reset and show field
    ta.empty();
    ta.show();

    source.addEventListener("message", function(e) {
        ta.append(e.data);
    }, false);

    // Will be called when script has finished
    source.addEventListener("error", function(e) {
        source.close();
    }, false);
}

$("#debugBtn").on("click", function(){
    $("#debugBtn").attr("disabled", true);
    $("#upload").attr("disabled", true);
    eventsource();
});