/// <reference path="../../JS/mootools-1.2.4-core-yc.js" />
/// <reference path="../../JS/form.Validator.js" />
window.addEvent("domready", function () {
    $("btnComment").addEvent("click", function () {
        var form = $("frmComment");
        var btn = this;
        if (!Validator.check(form)) return;
        form.set("send", {
            "onSuccess": function (response) {
                btn.set("disabled", "");
                form.reset();
                GetCommentList(1);
            }
        });
        form.send();
        this.set("disabled", "disabled");
        
    });
      
    GetCommentList(1);
});

function GetCommentList(pageIndex) {
    var pageSize = $("cfgCommentPageSize").get("value");
    var sourceID = $("cfgCommentSourceID").get("value");
    var type = $("cfgCommentType").get("value");
    var container = $("cfgCommentListContainer");

    container.set("html", "<img src='/Public/Images/loading.gif' />");

    new Request({
        "url": "/BizSite/Ajax/Comment.ashx",
        "method": "get",
        "data": { pageIndex: pageIndex, pageSize: pageSize, SourceID: sourceID, Type: type, r: Math.random() },
        "onSuccess": function (response) {
            container.set("html", "");
            var list = eval(response);
            list.each(function (item) {
                var template = $("cfgCommentItemTemplate").clone();
                var div = new Element("div", { html: item.ID });
                template.set("html", template.get("html").replace("{$Name}", unescape(item.Name)));
                template.set("html", template.get("html").replace("{$CreateAt}", unescape(item.CreateAt)));
                template.set("html", template.get("html").replace("{$Content}", unescape(item.Content)));
                template.set("html", template.get("html").replace("{$IP}", unescape(item.HiddenIP)));
                template.set("html", template.get("html").replace("{$IPAddress}", unescape(item.IPAddress)));
                template.inject(container);
                var checked = template.getElement("span.checked");
                var ip = template.getElement("span.ip");
                if (item.IsChecked) {
                    checked.setStyle("display", "none");
                } else {
                    ip.setStyle("display", "none");
                }
            });
        }
    }).send();
}