$(document).ready(function () {
    $("#dialog").dialog({
        bgiframe: true,
        autoOpen: false,
        height: 560,
        width: 400,
        buttons: {
            Send: function () {
                var navn = $("#navn").val();
                var kommentar = $("#kommentar").val();

                if (navn == '') {
                    $("#navncontainer").append("<div id=\"navnerror\" style=\"color:red; display:inline; vertical-align:top;\">*</div>");
                }
                else if (kommentar == '') {
                    $("#navnerror").remove();
                    $("#kommentarerror").remove();
                    $("#kommentarcontainer").append("<div id=\"kommentarerror\" style=\"color:red; display:inline; vertical-align:top;\">*</div>");
                }
                else {
                    $.ajax({
                        type: "POST",
                        url: "gaestebog.aspx",
                        data: "name=" + navn + "&comment=" + kommentar,
                        success: function (msg) {
                            $("#dialog").dialog('close');
                        }
                    });
                    var d = new Date();
                    var month = d.getMonth() + 1;
                    if (month < 10)
                        month = "0" + month;
                        
                    $("#tableContents").prepend("<tr><td><table width=\"100%\" border=\"2\"><tr><td colspan=\"0\"><b>Skrevet af: " + navn + ", d. " + d.getDate() + "-" + month + "-" + d.getYear() + "</b></td></tr><tr><td colspan=\"0\">" + kommentar + "</td></tr></table></td></tr>");
                }
            },
            Luk: function () {
                $(this).dialog('close');
            }
        }
    });

    $("#btn_kommentar").click(function () {
        $("#navnerror").remove();
        $("#kommentarerror").remove();
        $("#navn").val("");
        $("#kommentar").val("");
        $("#dialog").dialog('open');
    });
});