var setContent = null;

function load(id) {
    $.ajax({
        type: "POST",
        url: "kalender.aspx/GetDate",
        data: "{id:" + id + "}",
        contentType: "application/json; charset=utf-8",
        dataType: "text",
        success: function(response) { 
            var svar = response.replace("Page not found{\"d\":\"", "").replace("\"}", "");
            svar = svar.replace(/\\u0027/g, "\"");


            var data = eval('(' + svar + ')'); 
            var overskrift = "";
            var dato = data.Dato;
            var oppdatert = data.Oppdatert;
            var opprettetAv = data.LagetAv;
            var beskrivelse = data.Tekst;
            var rows = (beskrivelse.length / 30);
            var edit = "";
            Boxy.DEFAULTS.title = data.Overskrift;
            if (data.Edit == 'true') {
                overskrift = "<tr><td>Overskrift</td><td><input type=\"text\" style=\"width:200px\" id=\"txtOverskrift_" + id + "\"  value=\"" + data.Overskrift + "\" /></td></tr>";
                dato = "<input type=\"text\" class=\"nyttNotat\" id=\"txtDato_" + id + "\"  value=\"" + dato + "\" />";
                beskrivelse = "<textarea id=\"txtBeskrivelse_" + id + "\" type=\"text\" class=\"nyttNotat\" rows=\"" + rows + "\" >" + beskrivelse + "</textarea>";
                edit = "<tr><td>&nbsp;</td><td align=\"right\"><input type=\"button\" id=\"slettNotat\" value=\"Slett\" class=\"\" onclick=\"slettHendelse(" + id + ",this)\" /><input type=\"button\" id=\"btnNyttNotat_" + id + "\" value=\"Lagre\" onclick=\"editerHendelse(this," + id + ")\" /></tr>";

            } else {

            }

            var html = "<div style='background-color:White'><table width=\"400px\">" + overskrift + "<tr><td style=\"width:100px;\">Dato</td><td >" + dato
                    + "</td></tr><tr><td>Oppdatert</td><td>" + data.Oppdatert + "</td></tr><tr><td>Opprettet av</td><td>" + opprettetAv
                    + "</td></tr><tr><td valign=\"top\">Beskrivelse</td><td>" + beskrivelse + "</td></tr>" + edit + "</div>";

            setContent = new Boxy(html
            // , { behaviours: function(c) {     c.hover(function() {$(this).css('backgroundColor', 'green');}, function() {$(this).css('backgroundColor', 'pink'); }); } }
                    );
        }
    });
}

function loadError() {
    Boxy.alert("Du må være logget inn for å poste hendelsen", null, { title: 'Ikke logget inn!' });
}



var nyhendelseHTML = $("<div class='boxxorz' style='background-color:White'><table><tr><td>Dato</td><td><div id='notatdato'></div>"
                            + "</td></tr><tr><td>Opprettet av</td><td><span id='svar'" 
                            + "</span></td></tr></tr><tr><td>Overskrift</td><td><input type=\"text\" class=\"nyttNotat\" id=\"txtOverskrift\" />"
                            + "</td></tr><tr><td>Beskrivelse</td><td><textarea id=\"txtBeskrivelse\" /> </td></tr><tr><td>&nbsp;</td>"
                            + "<td align=\"right\"><input type=\"button\" id=\"btnNyttNotat\" value=\"Lagre\" class=\"\" onclick=\"lagreHendelse(this)\" /></div>");
                            
function nyttHendelse(dato) {


    Boxy.DEFAULTS.title = 'Ny hendelse';
    $.ajax({
        type: "POST",
        url: "kalender.aspx/GetEpost",
        data: "{}",
        contentType: "application/json; charset=utf-8",
        dataType: "text",
        success: function(response) {
            // Replace the div's content with the page method's return.
            // $("#Result").text(msg);var data = parseMSJSONString(response);
            //var data = parseMSJSONString(response);

            var svar = response.replace("Page not found{\"d\":\"", "");
            svar = svar.replace("\"}", "");

            if (svar == "login") loadError();
            else {
                //alert(response);
                setContent = new Boxy(
                            nyhendelseHTML, {
                                behaviours: function(c) {
                                    //        c.hover(function() {$(this).css('backgroundColor', 'green');}, function() {$(this).css('backgroundColor', 'pink'); });
                                }
                            }
                        ); 
                $("#svar").html(svar);
                $("#notatdato").html(dato);
            }
        }
    });
}

function editerHendelse(boxy, id) {

    reset();
    dato = $("#txtDato_" + id).val();
    var overskrift = $("#txtOverskrift_" + id).val();
    var txtBeskrivelse = $("#txtBeskrivelse_" + id).val();
    var data = "ID: \"" + id + "\", Overskrift: \"" + overskrift + "\", Tekst : \"" + txtBeskrivelse + "\", Dato : \"" + dato + "\"";

    $.ajax({
        type: "POST",
        url: "kalender.aspx/EditerHendelse",
        data: "{" + data + "}",
        contentType: "application/json; charset=utf-8",
        dataType: "text",
        success: function(response) { 
            // $("#Result").text(msg);var data = parseMSJSONString(response);
            //var data = parseMSJSONString(response);
            //  alert(response);
            var svar = response.replace("Page not found{\"d\":\"", "");
            svar = svar.replace("\"}", "");
            if (svar == "login") loadError();
            else if (svar == "ok") {
                Boxy.get(boxy).hide();
                Boxy.ask("Hendelse editert!", ["OK"], function(val) {
                    //alert("You chose: " + val);
                    window.location.reload(true);
                }, { title: "Hendelse" });
                return false;

            } else if (svar == "input") {

                Boxy.alert("Din hendelse er ikke utfylt korrekt. Fyll ut hendelsen og prøv igjen.", null, { title: 'Hendelsefeil!' });
            } else if (svar == "date") {

                Boxy.alert("Din notat inneholder en ugyldig dato. Fyll inn riktig dato og prøv igjen.", null, { title: 'Hendelsefeil!' });
            }
            else {
                Boxy.alert("En feil har inntruffet! Hendelsen ble ikke lagret.", null, { title: 'Feil!' });
                Boxy.get(boxy).hide();

            }
        }
    });

}

function confirmDelete() {

}
function slettHendelse(id, boxy) {

    Boxy.ask("Er du sikker på at du vil slette hendelsen?", ["Ja", "Nei"], function(val) {
        //alert("You chose: " + val);

        if (val == 'Ja') {
            reset();

            var data = "id: \"" + id + "\"";

            $.ajax({
                type: "POST",
                url: "kalender.aspx/SlettHendelse",
                data: "{" + data + "}",
                contentType: "application/json; charset=utf-8",
                dataType: "text",
                success: function(response) {
                    // Replace the div's content with the page method's return.
                    // $("#Result").text(msg);var data = parseMSJSONString(response);
                    //var data = parseMSJSONString(response);
                    //  alert(response);

                    var svar = response.replace("Page not found{\"d\":\"", "");
                    svar = svar.replace("\"}", "");
                    if (svar == "login") loadError();
                    else if (svar == "ok") {
                        Boxy.get(boxy).hide();
                        Boxy.ask("Hendelse slettet!", ["OK"], function(val) {
                            //alert("You chose: " + val);
                            window.location.reload(true);
                        }, { title: "Hendelse" });
                        return false;
                    }
                    else if (svar == "input") {

                        Boxy.alert("Du kan ikke slette denne hendelsen.", null, { title: 'Feil!' });
                    }
                    else {
                        Boxy.alert("En feil har inntruffet! Hendelse ble ikke slettet.", null, { title: 'Feil!' });
                        Boxy.get(boxy).hide();

                    }
                }
            });

        }
    }, { title: "Er du sikker?" });
    return false;
}

function lagreHendelse(boxy) {
    reset();
    var dato = $('#notatdato').html(); //$("#txtDato").val();
    var overskrift = $('#txtOverskrift').val(); //$("#txtDato").val();
    var txtBeskrivelse = $('#txtBeskrivelse').val(); //$("#txtDato").val();

    if (overskrift == "") {
        Boxy.alert("Hendelsen mangler overskrift.", null, { title: 'Feil!' });
        return;
    }

    if (txtBeskrivelse == "") {
        Boxy.alert("Hendelsen mangler tekst.", null, { title: 'Feil!' });
        return;
    } 
    
    if (dato == null || dato == "") {
        dato = $("#txtDato").val();
    }
    var data = "Overskrift: \"" + overskrift + "\", Tekst : \"" + txtBeskrivelse + "\", Dato : \"" + dato + "\"";

    $.ajax({
        type: "POST",
        url: "kalender.aspx/NyHendelse",
        data: "{" + data + "}",
        contentType: "application/json; charset=utf-8",
        dataType: "text",
        success: function(response) {
            // Replace the div's content with the page method's return.
            // $("#Result").text(msg);var data = parseMSJSONString(response);
            //var data = parseMSJSONString(response);
            //  alert(response);

            var svar = response.replace("Page not found{\"d\":\"", "");
            svar = svar.replace("\"}", "");
            if (svar == "login") loadError();
            else if (svar == "ok") {
                Boxy.get(boxy).hide();
                Boxy.ask("Hendelse lagret!", ["OK"], function(val) {
                    //alert("You chose: " + val);
                    window.location.reload(true);
                }, { title: "Hendelse" });
                return false;

            } else if (svar == "input") {

            Boxy.alert("Din Hendelse er ikke utfylt korrekt. Fyll ut Hendelse og prøv igjen.", null, { title: 'Hendelsefeil!' });
            Boxy.get(boxy).hide();
            }
            else {
                Boxy.alert("En feil har inntruffet! Hendelse ble ikke lagret.", null, { title: 'Feil!' });

                Boxy.get(boxy).hide();

            }
        }
    });

}

$(document).ready(function() {

    var searchbox = $("#txtSoek");
    searchbox.click(function() { searchbox.val(""); });


    var hash = window.location.hash;
    if (hash.indexOf("#id=") != -1) {
        var id = hash.replace("#id=", "");
        if (id != "") {
            load(id);
        }
    }
    else if (hash.indexOf("#nyttNotat=") != -1) {
        var id = hash.replace("#nyttNotat=", "");
        if (id != "") {
            nyttHendelse(id);
        }
    }

});

function reset() { 
 
  //  boxez.hide();
    //boxez.remove();
    window.location.hash = "#";
    return false;
}