function sendRequest(request, url) {
  request.onreadystatechange = commAdded;
  request.open("GET", url, true);
  request.send(null);
}


function AddComment() {

	var cedit = document.getElementById("cedit").value;
	var csub = document.getElementById("csub").value;
	var cname = document.getElementById("cname").value;
	var cmsg = document.getElementById("cmsg").value;

	if (cmsg == 'Your comment here') {
		
		alert('Please add your comment!')
		
	}else{	
	document.getElementById("cmsg").value = '';
	document.getElementById('loadme').style.backgroundImage = 'url("img/submission/commProcess.gif")';
	
	var url = "addCommentAjax.php?cedit=" + escape(cedit) +
								 "&sub=" + escape(csub) +
								 "&name=" + escape(cname) +
								 "&comment=" + escape(cmsg);
	sendRequest(request1, url);
	
	}

}

function commAdded() 
{
  if (request1.readyState == 4) 
  {
    if (request1.status == 200) 
	{
	  document.getElementById('loadme').style.backgroundImage = 'url("")';
		
      var response = request1.responseText;
      //alert(response);
	  
	  document.getElementById("cmsg").value = 'Your comment here';
	  document.getElementById("cedit").value = 0;
	  
	  var delcomm = document.getElementById('commContent');
	
	  
	  for(var i=1; i<delcomm.childNodes.length; i++) {
		var olddiv = document.getElementById('comm_' + i)
	  	delcomm.removeChild(olddiv);
	  
	  }
	  i=1;
	  
	  var mycomms = document.getElementById('commContent');
	  //var frstcomm = document.getElementById('comm_1');
	  //var newDiv = document.createElement('div');
	  mycomms.innerHTML = response;
	  //var newTxt = document.createTextNode(response);
	  
	  //mycomms.insertBefore(newDiv,frstcomm);
	  
	  request1 = createRequest();
    } else  {
      alert("Error! Request status is " + request1.status);
	}
  }
}