var GloginName;
var GblogRef;
var Gpage;

var sum;
window.onload=function(){
        document.getElementById('txtName').disabled = false;   
        document.getElementById('txtEmail').disabled = false;
        document.getElementById('txtComment').disabled = false;
        
        var n1 = Math.floor(Math.random()*8)+2;
        var n2 = Math.floor(Math.random()*8)+2;
        sum = n1*n2;
         document.getElementById('num1').innerHTML = n1;
         document.getElementById('num2').innerHTML = n2;
        
}

function postComment(){
    var name = document.getElementById('txtName').value;
    var email = document.getElementById('txtEmail').value;
    var comment = document.getElementById('txtComment').value;
    
    if(name == '' || email == '' || comment == ''){
        document.getElementById ('txtResult').innerHTML = 'Please fill all blank field';
    }else if(document.getElementById('txtSum').value != sum){
        document.getElementById ('txtResult').innerHTML = 'Please fill in correct number';
    }else{
        
        WCFContent.JSON_postComment(loginName, blogRef, name, email, comment, saveCommentReturn);
    }    
}
    function saveCommentReturn(json){
        if(json=='1'){
        loadComment('1', loginName, blogRef);
        document.getElementById('txtName').disabled = true;   
        document.getElementById('txtEmail').disabled = true;
        document.getElementById('txtComment').disabled = true;
        
        
        document.getElementById ('divSave').innerHTML = '<a  class="alinkBigArticle2" >comment posted!</a>';
        }
    }

function deleteComment(commentRef){
    if(confirm('Are you sure want to remove this comment?')){
        WCFContent.JSON_deleteComment(loginName, blogRef, commentRef, deleteCommentReturn);
    }

}
    function deleteCommentReturn(json){
        if(json!='0'){
            //alert('Comment removed');   
            loadComment('1', loginName, blogRef);
        }    
    }

function loadComment(page){
    Gpage = page;
    WCFContent.JSON_loadComment(loginName, blogRef, loadCommentReturn);

}

    function loadCommentReturn(json){
        var data;
        var html='';
        var row = 5;
        eval("data = " + json)   
        var commentList = document.getElementById('commentList');
        if(data.Data.length != 0 ){            
            html+='<div style="height:20px;"><u><strong>Comments</strong></u></div>';
            for(var i=0;i<data.Data.length;i++){
                if(i>= (Gpage * row) - row && i < (Gpage * row) ){
                    if(data.Data[i].blogCmtStatus == 'A'){
                        html+='<div style="padding:5px 5px 5px 20px; background-color:rgb(91%, 91%, 91%);margin-bottom:7px;">';
                        html+='<div style="height:17px;"><span style="color:red;">'+ MyURLDecode(data.Data[i].frName) +'</span> says</div>';
                        html+='<div style="overflow:hidden;"><span > '+ MyURLDecode(data.Data[i].comment) +'</span></div>';                         
                        html+='<div style="height:17px;">at '+  MyURLDecode(data.Data[i].commentDateConvert) +'</div>';
                        if(un != ''){
                            html+='<div style="height:17px;text-align:right;"> <a style="color:red;" href="javascript:deleteComment('+data.Data[i].commentRef+');">delete this post</a></div>';
                        }
                        html+='</div>';
                 
                    }else{
                        html+='<div style="padding:5px 5px 5px 20px; background-color:rgb(91%, 91%, 91%);margin-bottom:7px;">';
                        html+='<div style="height:17px;"><span style="color:red;"> '+ MyURLDecode(data.Data[i].name) +'</span> says</div>';
                        html+='<div style="height:17px;"><span >* comment has been removed by author</span></div>';
                        html+='<div style="height:17px;">at '+ MyURLDecode(data.Data[i].commentDateConvert) +'</div>';
                      
                        html+='</div>';
                    }     
                }   
            }    
            html+='</div>';  
            var max = Math.ceil(data.Data.length / row);
            var next = (Gpage*1)+1;
            if( next > max ){next = 1;}
            var prev = (Gpage*1)-1;
            if( prev < 1 ){prev = max;}
            
            var f = '<a href="javascript:loadComment(1);">first</a>';
            var p = '<a href="javascript:loadComment('+prev+');">previous</a>';
            var n = '<a href="javascript:loadComment('+next+');">next</a>';
            var l = '<a href="javascript:loadComment('+max+');">last</a>';
            
            var min = (((Gpage * row) - row) + 1 );
            var max = ((Gpage * row) ) 
            if (max > data.Data.length) {max = data.Data.length;}
            all = data.Data.length;
            html+='<div><center>'+f+' - '+p+' | comment '+ min +' to '+max+' of '+all+' | '+n+' - '+l+' </center></div>';  
        }
        commentList.innerHTML = html;                 
    }
    
    
    
function MyURLDecode (clearString) {
    var output = '';
    var huruf = new Array(" ", "\"", "#", "$", "%", "&", "+", ",", "/", ":", ";", "<", "=", ">", "?", "@", "[", "\\", "]", "^", "`", "{", "|", "}", "~", String.fromCharCode(13), String.fromCharCode(10));            
    var hurufEncode = new Array("%20", "%22", "%23", "%24", "%25", "%26", "%2b", "%2c", "%2f", "%3a", "%3b", "%3c", "%3d", "%3e", "%3f", "%40", "%5b", "%5c", "%5d", "%5e", "%60", "%7b", "%7c", "%7d", "%7e", "%0d", "%0a");
            
    for (var j = 0; j < hurufEncode.length; j++) {
        while(clearString.indexOf(hurufEncode[j]) > -1)
            clearString = clearString.replace(hurufEncode[j], huruf[j]);
    }
    output = clearString;
    return output;
}

function MyURLEncode (clearString) {
    var output = '';
    
    var hurufEncode = new Array(" ", "\"", "#", "$", "&", "+", ",", "/", ":", ";", "<", "=", ">", "?", "@", "[", "\\", "]", "^", "`", "{", "|", "}", "~", String.fromCharCode(13), String.fromCharCode(10));            
    var huruf = new Array("%20", "%22", "%23", "%24", "%26", "%2b", "%2c", "%2f", "%3a", "%3b", "%3c", "%3d", "%3e", "%3f", "%40", "%5b", "%5c", "%5d", "%5e", "%60", "%7b", "%7c", "%7d", "%7e", "%0d", "%0a");

    for (var j = 0; j < hurufEncode.length; j++) {
        while(clearString.indexOf(hurufEncode[j]) > -1)
            clearString = clearString.replace(hurufEncode[j], huruf[j]);
    }
    output = clearString;
    return output;
}  

function deleteBlog(blogRef){
    if(confirm("Are you sure to delete this blog?")){
        WCFContent.JSON_deleteBlog(loginName, blogRef, returnDeleteBlog);
    }    
}
    function returnDeleteBlog(json){
        if(json == '') {
            alert('Blog deleted');
            window.location(rootPath+'blog');
        }else{
            alert('Failed to delete blog');
        }
    
    }