﻿function addComments(ID){
    var NickName = $("iNickName").value.Trim();
    var Content = $("iContent").value.Trim();
    var vCode = $("ivCode").value.Trim();
    
    if(NickName.length == 0){ alert("請留下大名!"); $("iNickName").focus(); return (false); }
    if(Content.length == 0 || Content.length > 4000){ alert("請說點什麼!(4000字內)"); $("iContent").focus(); return (false); }
    if(!Validate(vCode, "vCode")){ alert("請正確輸入旁邊圖片中的四位附加碼!"); $("ivCode").focus(); return (false); }
    
    var objAjax = new Ajax();
    objAjax.addParams("Action", "addComments");
    objAjax.addParams("ID", ID);
    objAjax.addParams("NickName", NickName);
    objAjax.addParams("Content", Content);
    objAjax.addParams("vCode", vCode);
    objAjax.OnComplete = addComments_OnComplete;
    objAjax.CallBack("POST", "/js/function.aspx");

    $("btnInfoAdd").disabled = true;
}
function addComments_OnComplete(txt, xml){
    var obj = JSON.parse(txt);

    if(obj.Error){
        alert(obj.ErrorInfo);
    }else{
        var comments_list = $("comments_list"); var uls = comments_list.getElementsByTagName("ul");
        
        if(uls.length == 5){
            comments_list.removeChild(uls[4]);
        }
        
        var ul = document.createElement("ul"); ul.className = "ulist";
        var li1 = document.createElement("li"); li1.className = "nickname";
        var div1 = document.createElement("div"); div1.className = "fleft"; div1.innerHTML = "<b>" + obj.NickName + "</b> 說:";
        var div2 = document.createElement("div"); div2.className = "fright"; div2.innerHTML = obj.AddTime;
        li1.appendChild(div1); li1.appendChild(div2);
        var li2 = document.createElement("li"); li2.className = "msg"; li2.innerHTML = obj.Content;
        ul.appendChild(li1); ul.appendChild(li2);
        
        if(uls.length > 0){
            comments_list.insertBefore(ul, uls[0]);
        }else{
            comments_list.appendChild(ul);
        }
    }
    
    $("imgvCode").src = "/inc/vCode.aspx?" + Math.round(Math.random() * 10); $("iNickName").value = ""; $("iContent").value = ""; $("ivCode").value = "";

    $("btnInfoAdd").disabled = false;

    alert("謝謝!");
}

window.onload = function(){
    var divContent = document.getElementById("divContent");
    if(divContent){
        var imgNodes = divContent.getElementsByTagName("img");
        for(var i = 0; i < imgNodes.length; i++){
            var e = imgNodes[i];
            if(e.width > 640){
                e.width = 640;
                e.style.cursor = "pointer";
                e.alt = "點選看大圖";
                e.onclick = function(){
                    window.open(this.src, '', '');
                }
            }
        }
    }
}