var isCellActive = false;

function _altMakeEdit(id) {
    debugger;
    if (!isCellActive) {
        var val = document.getElementById(id).innerHTML;
        if (val != "<div>&nbsp;</div>") {
            document.getElementById(id).parentNode.innerHTML = "<input onblur='submitChange(&#39;" + id + "&#39;,&#34;" + val + "&#34;);' type='text' id='" + id + "' value='" + val + "'></input>";
        }
        else if (val == "<div>&nbsp;</div>") {
            document.getElementById(id).parentNode.innerHTML = "<input onblur='submitChange(&#39;" + id + "&#39;,&#34;" + val + "&#34;);' type='text' id='" + id + "' value=''></input>";
        }
        document.getElementById(id).focus()
    }
    isCellActive = true;
}

function submitChange(id, value) {

    var row = id.split(",")[0];
    var col = id.split(",")[1];
    debugger;
    var mainString = row + ",0";
    var altString = row + ",1";
    var purposeString = row + ",2";
    var main=''
    var alt ='';
    var purpose ='';
    var column = '';

    switch (col){
        case '0':
            main = document.getElementById(mainString).value.trim();
            alt = document.getElementById(altString).innerHTML.trim();
            purpose = document.getElementById(purposeString).innerHTML.trim();
            column = 'main';
            if (main.trim().length == 0) {
                alert("Main Cannot Be Empty");
            }
            else {
                document.getElementById(id).parentNode.innerHTML = "<span id='" + id + "' onclick='_altMakeEdit(&#39;" + id + "&#39;);'>" + main + "</span>";
                isCellActive = false;
            }
            break;
        case '1':
            main = document.getElementById(mainString).innerHTML.trim();
            alt = document.getElementById(altString).value.trim();
            purpose = document.getElementById(purposeString).innerHTML.trim();
            column = 'alt';
            if (alt.trim().length == 0) {
                alert("Alt Cannot Be Empty");
            }
            else {
                document.getElementById(id).parentNode.innerHTML = "<span id='" + id + "' onclick='_altMakeEdit(&#39;" + id + "&#39;);'>" + alt + "</span>";
                isCellActive = false;
            }
            break;
        case '2':
            main = document.getElementById(mainString).innerHTML.trim();
            alt = document.getElementById(altString).innerHTML.trim();
            purpose = document.getElementById(purposeString).value.trim();
            column = 'purpose';
            if (purpose == "") {
                document.getElementById(id).parentNode.innerHTML = "<div id='" + id + "' onclick='_altMakeEdit(&#39;" + id + "&#39;);'>&nbsp</div>";
            }
            else {
                document.getElementById(id).parentNode.innerHTML = "<span id='" + id + "' onclick='_altMakeEdit(&#39;" + id + "&#39;);'>" + purpose + "</span>";
            }
            isCellActive = false;
            break;
    }
    var request = new XMLHttpRequest();
    debugger;
    request.onreadystatechange = function () {
        if (request.readyState == 4 && request.status == 200) {
            //Awesome job reece \o/
        }
    }
    var URL = "/Pilot/editAlt/?main=" + main + "&alt=" + alt + "&purpose=" + purpose + "&column=" + column;
    request.open('GET', URL, true);
    request.send();

}

function deleteAlt(id) {
    var request = new XMLHttpRequest();
    debugger;
    request.onreadystatechange = function () {
        if (request.readyState == 4 && request.status == 200) {

        }
    }
    var URL = "/Pilot/deleteAlt/?pos=" + id;
    request.open('GET', URL, false);
    request.send();
    document.location.reload(true)
}

function addAlt() {
    $("#newAltBox").css("display", "block");

}

function submitNewAlt() {
    debugger;
    var mainName = document.getElementById("mainName").options[document.getElementById("mainName").selectedIndex].text;
    var altName = document.getElementById("altName").value;
    var purpose = document.getElementById("altPurpose").value;

    if (altName.trim().length == 0) {
        alert('New Alt Name Must Not Be Empty');
    }
    else {
        var request = new XMLHttpRequest();
        debugger;
        request.onreadystatechange = function () {
            if (request.readyState == 4 && request.status == 200) {

            }
        }
        var URL = "/Pilot/addAlt/?mainName=" + mainName + "&altName=" + altName + "&altPurpose=" + purpose;
        request.open('GET', URL, false);
        request.send();
        document.location.reload(true)
    }
}