///<reference name="MicrosoftAjax.js"/>
///<reference path="~/BlogRead.aspx"/>
///<reference path="~/Services/BlogReadService.svc"/>
///<reference path="~/Scripts/jquery-1.2.6.js"/>
var counter = 1;

function showPostConfirm() {

    var title = $("#commentTitleBox").get(0).value;
    var text = $("#commentText").get(0).value;
    var captchaText = $("#captchaText").get(0).value;
    var nameText = $("#nameText").get(0).value;

    if ((title != "") && (text != "")&&(nameText!="")) {
        $("#modalBg").show();
        $("#confirmDialog").show();
    }
    else {
        showDialog("Please complete all fields.");
    }
}

function confirmPost() {
    $("#confirmDialog").hide();
   var title=$("#commentTitleBox").get(0).value;
   var text=$("#commentText").get(0).value;
   var captchaText = $("#captchaText").get(0).value;
    var nameText = $("#nameText").get(0).value;

    if ((title != "") && (text != "") && (nameText != "")) {
        BlogReadService.AddComment(title, text, nameText, captchaText, postCallback);
   }
   else {
       showDialog("Please complete all fields.");
   }
   
   
}

function postCallback(message) {

    if (message != "OK") {
        showDialog(message);        
    }
    else {
        $("#commentTitleBox").get(0).value="";
        $("#commentText").get(0).value="";
        $("#captchaText").get(0).value = "";
        updateComments();
        $("#modalBg").hide();
    }
    $("#captchaImage").get(0).src = "/Captcha/Captcha.aspx?" + counter;
    counter++;
}

function cancelPost() {
    $("#modalBg").hide();
    $("#confirmDialog").hide();
}

function showDialog(message) {
    $("#modalBg").show();
    $("#messageText").get(0).innerHTML = message;
    $("#messageDialog").show();
}
function hideDialog() {
    $("#modalBg").hide();
    $("#messageDialog").hide();
}

function updateComments() {
    BlogReadService.GetComments(getCommentsSuccess);
}

function getCommentsSuccess(comments) {
    if ((comments != null)&&(comments.length>0)) {
        var html = "";
        for (var i = 0; i < comments.length; i++) {
            html += "<div class='commentTitle'>"
                        + "<div class='commentTitleLeft'>"
                        + "</div>"
                        + "<div class='commentTitleMid'>"
                        + "<span class='commentTitleText'>" + "<b>" + comments[i].Title + "</b>" + " - " + comments[i].Username + " - <i>" + comments[i].DatePosted.format("d") + "</i></span>"
                        + "</div>"
                        + "<div class='commentTitleRight'>"
                        + "</div>"
                        + "<div class='clearBr'></div>"
                        + "</div>"
                        + "<div>"
                    + "<p class='commentBody'>" + comments[i].Body + "</p>"
                + "</div>";
        }
        $("#commentsDiv").get(0).innerHTML = html;
    }
    else {
        $("#commentsDiv").get(0).innerHTML = "<span style='color:#CCCCCC;margin-left:15px;'>...anybody ?</span>";
    }
}