var ajaxObj = new XMLHTTP("http://3dskimaps.com/_comments/mybic/mybic_server.php");
var per_page = 5;

function comment_write(comment_group) {
    var error = '';
    if (document.getElementById('author').value == '') {
        error += "Cannot post a comment without a name.\n";
    }
    if (document.getElementById('new_comment').value == '') {
        error += "Cannot post an empty comment.\n";
    }
    if (document.getElementById('sq_sum').value != document.getElementById('sq_answer').value) {
        error+="Spam answer not correct, please try again.\n";
    }
    if (error != '') {
        alert(error);
    } else {
        var q = "action=comment_write&comment_group="+comment_group;
        q += "&author="+document.getElementById('author').value;
        q += "&text="+document.getElementById('new_comment').value;
        ajaxObj.call(q, comment_write_cb);
    }
}
function comment_page(page) {
    document.getElementById('page_start').value = page;
    redraw_comments(document.getElementById('comment_group').value);
}
function comments_paging(comment_group) {
    ajaxObj.call("action=comments_paging&comment_group="+comment_group, comments_paging_cb);
}
function comments_read(comment_group) {
    ajaxObj.call("action=comments_read&comment_group="+comment_group+"&page_start="+document.getElementById('page_start').value+"&per_page="+per_page, comments_read_cb);
}
function comment_read(comment_id) {
    ajaxObj.call("action=comment_read&comment_id="+comment_id, comment_read_cb);
}
function comment_read_cb(resp) {
    document.getElementById("new_comment").value = "[Q]"+resp.text+"[/Q]\n";
}
function comment_write_cb(resp) {
    redraw_comments(resp);
}
function comments_paging_cb(resp) {
    if ((typeof(resp) != 'undefined') || (resp != '')) {
        var c = '';
        var p = '';
        var r = '';
        c += resp;
        if (c != '') {
            n = parseInt(c);
            i = 1;
            p += 'Comments: <span class="fake_link" onclick="comment_page(\'';
            while(i <= n) {
                j = i + per_page - 1;
                if (j > n) j = n;
                r = i.toString()+'-'+j.toString();
                p += r;
                p += '\')">'+r+'</span>';
                i += per_page;
                if (i <= n)
                    p += ' | <span class="fake_link" onclick="comment_page(\'';
            }
            document.getElementById('cmnt_paging').innerHTML = p;
        }
    }
}
function comments_read_cb(resp) {
    if ((typeof(resp[0]) != 'undefined') || (resp[0] != '')) {
        var c = '';
        for(var i=0; i < resp.length; i ++) {
            if (typeof(resp[i].text) != 'undefined') {
                c += comment_body(resp[i].author, resp[i].date, resp[i].comment_id, resp[i].text);
            }
        }
        if (c != '')
            document.getElementById('cmnt_content').innerHTML = c;
    }
}
function comments_open() {
    var c = '';
    c +='<div class="cmnt_exterior">';
    c +='<div class="cmnt_interior">';
    c +='<div class="cmnt_content">';
    c +='<div id="cmnt_content">';
    return c;
}
function commentform_goto(comment_id) {
    comment_read(comment_id);
    document.location = "#commentform";
}
function comment_body(who, dt, comment_id, text) {
    var c = '';
    c +='<div id="cmnt_comment">';
    c +='<div id="cmnt_postheader">'+dt+' &mdash; <span style="color:#555;">'+who+'</span></div>';
    c +='<div class="cmnt_text">'+text;
    c +='<div id="cmnt_postoptions" class="cmnt_label">';
    c +='</div>'; // postoptions
    c +='</div>'; //text
    c +='</div>'; //comment
    return c;
}
function spam_question() {
    var c = '';
    var i1 = Math.round(10*Math.random())
    var i2 = Math.round(10*Math.random())
    c +='<div class="sq_question">';
    c +='<p><strong>Spam Question:&nbsp;&nbsp;</strong><span style="padding-left:8px;padding-right:8px;border:1px solid #888;background-color:#eee;">What\'s '+i1+' + '+i2+'?</span>&nbsp;&nbsp;';
    c +='<input id="sq_sum" type="hidden" value="'+(i1+i2)+'"/>';
    c +='<strong>&nbsp;&nbsp;Your Answer:</strong> ';
    //c +='<p><strong>Your Answer:</strong> ';
    c +='<input id="sq_answer" type="text" size="10" value=""/>';
    c +='</p></div>';
    return c;
}
function comments_close(comment_group) {
    var c = '';
    c +='</div>'; //content
    c +='<div id="cmnt_comment">';
    c +='<div id="cmnt_pages" style="padding-top:8px;">';
    c +='<input type=hidden id="page_start"/>';
    c +='<input type=hidden id="comment_group" value="'+comment_group+'"/>';
    c +='<strong><span id="cmnt_paging">none</span></strong></div>';
    c +='<div id="cmnt_posthead" style="padding-top:4px;padding-bottom:4px;"><strong>Post your comment</strong></div>';
    c +='<div class="cmnt_text">';
    c +='<form id="commentform" name="commentform" style="margin-top:0;margin-bottom:0;" method="post">';
    c +='<div style="padding:4px 22px 4px 22px;border:1px solid #888;background-color:#eee;">';
    c +='<p><label for="author"><strong>Name</strong></label>';
    c +='<input id="author" type="text" size="22" value="Anonymous" name="author"/></p>';
    c +='<textarea style="height:70px;" name="new_comment" id="new_comment"></textarea>';
    c +='</div>';
    c += spam_question();
    //c +='<p class="left"><a class="cmnt_link" href="#" onclick="comment_write(\''+comment_group+'\');">Post Comment</a></p>';
    c +='<p class="left"><input type="button" onclick="comment_write(\''+comment_group+'\');" value="Post Comment"/></p>';
    c +='</form>';
    c +='</div>'; // postoptions
    c +='</div>'; //text
    c +='</div>'; //comment
    c +='</div>'; //content
    c +='</div>'; //interior
    c +='</div>'; //exterior
    return c;
}
function draw_comments(targ) {
    var content = targ;
    var c = '';
    c += comments_open();
    c += comments_close(targ.id);
    content.innerHTML = c;
    document.getElementById('page_start').value='1';
    comments_read(targ.id);
    comments_paging(targ.id);
}
function redraw_comments(comment_group) {
    var content = document.getElementById(comment_group);
    var p = document.getElementById('page_start').value;
    var c = '';
    c += comments_open();
    c += comments_close(document.getElementById(comment_group).id);
    content.innerHTML = c;
    document.getElementById('page_start').value=p;
    comments_read(comment_group);
    comments_paging(comment_group);
}