function submitComment(textAreaId, addId, divId) {
  var text =  $(textAreaId).value;
  var id = addId.substring(addId.indexOf("-")+1);
  new Ajax.Request('submitComment', {
	parameters: { text: text, id: id },
	onSuccess: function(transport) {
      		var response = transport.responseText || "no response text";
    	},
    	onFailure: function(){ alert('Could not save comment') }
  });
  $(divId).innerHTML="<p>"+text+"</p>";
  $(addId).show();
}

function submitAssertion(textAreaId, addId, divId, optionId) {
  var text =  $F(textAreaId);
  var id = addId.substring(addId.indexOf("-")+1);
  var type = $F(optionId);
  new Ajax.Request('submitAssertion', {
	parameters: { text: text, id: id, type : type },
	onSuccess: function(transport) {
      		var response = transport.responseText || "no response text";
    	},
    	onFailure: function(){ alert('Could not save assertion') }
  });
  $(divId).innerHTML="<p>"+type+" : "+text+"</p>";
  $(addId).show();
}

function addComment(s) {
  var id = s.id;
  var newId = id+"_"+s.parentNode.childNodes.length;
  var textId = 'txt'+newId;
  var divId = 'txtHolder'+newId;
  s.hide();
  var div = document.createElement("div");
  div.id=divId;
  div.className="commentHolder";
  s.parentNode.insertBefore(div, s);

  var onClickLink = "submitComment('"+textId+"','"+id+"','"+divId+"')";
  div.innerHTML = '<textarea id="'+textId+'"></textarea><span class="submitComment" onclick="'+onClickLink+'">Submit</span>';
  $(textId).focus();
}

function addAssertion(s) {
  var id = s.id;
  var newId = id+"_"+s.parentNode.childNodes.length;
  var textId = 'assertion'+newId;
  var divId = 'assertionHolder'+newId;
  var optionId = 'option'+newId;
  s.hide();
  var div = document.createElement("div");
  div.id=divId;
  div.className="assertionHolder";
  s.parentNode.insertBefore(div, s);

  var onClickLink = "submitAssertion('"+textId+"','"+id+"','"+divId+"','"+optionId+"')";
  div.innerHTML = '<select id="'+optionId+'"><option>DOI</option><option>Url</option><option>Type</option><option>Study size</option></select>' +
                  '<input type="text" id="'+textId+'" />' +
                  '<span class="submitAssertion" onclick="'+onClickLink+'">Submit</span>';
  $(textId).focus();
}

function initAddComments() {
  $$("span.addComment").each( function(s) { s.onclick=function() { addComment(s); } } );
  $$("span.addAssertion").each( function(s) { s.onclick=function() { addAssertion(s); } } );
}

Event.observe(window, 'load', initAddComments, false);