var articleId;

function init_comment(id)
{
    articleId = id;

    document.write("<script src=\"/scripts/getfile.js\" type=\"text/javascript\"></script>");

    document.write("<div style=\"clear:both\"> Leave a comment</div>"
		   +"<div style=\"margin:10px auto 20px auto\">"
		   +"<form name=\"add-comment\" action=\"javascript:post_comment()\" method=\"post\">"
		   +"<input type=\"hidden\" name=\"action\" value=\"add\"/>"
		   +"<input type=\"hidden\" name=\"articleId\" value=\"" + articleId +  "\"/>"
		   
		   +"<table>"
		   +"<tr><td>Your name:</td><td><input id=\"u-name\" style=\"font-family:arial;font-weight:bold;\" type=\"text\" name=\"name\"/></td></tr>"
		   +"<tr><td style=\"vertical-align:text-top;\">Comment:</td>"
		   +"<td><textarea id=\"u-content\" name=\"content\" cols=64 rows=8 style=\"font-family:courier;font-size:14px\"></textarea></td></tr>"
		   +"<tr><td></td><td><span style=\"color:gray;font-size:0.8em;\">(Max 1024 chars, Min 8)</span>"
		   +"<input type=\"submit\" value=\"Submit\" style=\"float:right\"/></td></tr>"
		   +"</table>"

		   +"</form>"
		   +"</div>"

		   +"<div id=\"comment\"></div>");
    window.onload = load_comments;
}

function load_comments()
{
    var c = document.getElementById("comment");
    if (c) {
	c.innerHTML= "Loading comments ...";
	//	getFile("http://www.litchie.com/cgi-bin/comments.cgi?action=view&articleId=" + articleId, show_comments);
	// Note that firefox doesn't allow you to use a domain name here
	getFile("/cgi-bin/comments.cgi?action=view&articleId=" + articleId, show_comments);
    }
}


function show_comments(result) {
    var c = document.getElementById("comment");
    if (!c) return;
    if (result) {
	c.innerHTML= result;
	//c.style.cssText = "background:blue;margin-top:20px;";
    } else {
	c.innerHTML= "Be the first to comment!";
    }
}

function reload_comments()
{
    var c = document.getElementById("comment");
    if (c) {
	getFile("/cgi-bin/comments.cgi?action=view&articleId=" + articleId, show_comments);
    }
}

function post_comment() {
    var params = "action=add";
    var username = document.getElementById("u-name").value;
    var content = document.getElementById("u-content").value;
    params += "&articleId=" + articleId;
    params += "&name=" + encodeURIComponent(username);
    params += "&content=" + encodeURIComponent(content);
    document.getElementById("u-content").value="";
    postRequest("/cgi-bin/comments.cgi", params, reload_comments);
}