function showCommentForm(id) {
    document.getElementById("addComment"+id).className = "text";
    var commentForm = document.getElementById("commentForm"+id);
    commentForm.style.display = "block";
    commentForm.innerHTML = '<img class="close" src="http://s3.amazonaws.com/ic0ns/close" onclick="hideCommentForm('+id+')">' +
	'<br>' +
	'<table class="addComment">' + 
	'<tr>' +
	  '<td>Name:</td>'+
	  '<td><input id="name'+id+'" name="name" class="field commentField" value="" type="text"></td>' +
	'</tr><tr>' +
	  '<td>Email:</td>' + 
	  '<td><input id="email'+id+'" name="email" class="field commentField" type="text"></td>' +
        '</tr><tr>' +
	  '<td>Website: &nbsp;</td>' +
	  '<td><input id="website'+id+'" name="website" class="field commentField" type="text"></td>' +
	'</tr></table>' +
        '<textarea id="comment'+id+'" class="comment blogComment" name="comment"></textarea>' +
	'<br><br>' +
	'<input id="commentSubmit" class="comment" value="Send Comment" type="button" onclick="sendComment('+id+');">' +
	'</form>';
}


function hideCommentForm(id) {
    document.getElementById("commentForm"+id).style.display = "none";
    document.getElementById("addComment"+id).className = "blogLink";
}


function sendComment(id) {
    var params = "id="+id+"&name="+document.getElementById('name'+id).value +
	"&email="+document.getElementById('email'+id).value +
	"&website="+document.getElementById('website'+id).value +
	"&comment="+document.getElementById('comment'+id).value;
    var xml = getNewHTTPObject();
    xml.open('POST', "../blog/commentSubmit", true);

    //Send the proper header information along with the request                 
    xml.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xml.setRequestHeader("Content-length", params.length);
    xml.setRequestHeader("Connection", "close");

    xml.onreadystatechange = function() {
        if (xml.readyState == 4) {
	    if (xml.responseText != -1) {
		if (xml.responseText == 1) {
		  var commentForm = document.getElementById("commentForm"+id);
		  commentForm.style.display = "none";
		  commentForm.innerHTML = "Comment Added!";
		  commentForm.style.width = "140px";
		  commentForm.style.padding = "0.5em";
		  commentForm.style.display = "block";
		}
	    }
	}
    };
    xml.send(params);
}


function showComments(id) {
  document.getElementById('showComments'+id).className = "text";
  var commentsDiv = document.getElementById("postComments"+id);
  var comments = "";
  var author = "";

  var xml = getNewHTTPObject();
  xml.open('GET', "../blog/comments?id="+id, true);
  xml.onreadystatechange = function() {
    if (xml.readyState == 4) {
      if (xml.responseText != -1) {
	var tokens = xml.responseText.split("|");
	for (var i = 0; i < (tokens.length-1); i+=6) {
	  if (tokens[i+3] === '') { author = tokens[i+1]; }
	  else { author = '<a href="'+tokens[i+3]+'">'+tokens[i+1]+'</a>'; }
	  comments += '<div class="postComment">' + 
                      author + " says:<br>" +
		      '<span class="time">' + tokens[i+5] + "</span><br><br>" +
		      tokens[i+4] + "</div>";
	}
	commentsDiv.innerHTML = comments;
      }
    }
  };
  xml.send('');
}


function deleteComment(id) {
  var xml = getNewHTTPObject();
  xml.open('GET', "../blog/deleteComment?id="+id, true);
  xml.onreadystatechange = function() {
    if (xml.readyState == 4) {
      alert(xml.responseText);
      if(xml.responseText==1) {
	  document.getElementById("comment"+id).style.display="none";
      }
    }
  };
  xml.send('');
}