function qid(id) {
  return id.replace(/([.:])/g, "\\$1");
}

function beforeComment(formData, jqForm, options) {
  var form=jqForm[0];

  if (form.comment.textLength.toString()=='0') {
    $("span.comment_error").empty().append(
      "<span class=\"comment_error\">  Your comment is empty</span>");
    return false;
  }
  if (form.name.textLength.toString()=='0') {
    $("span.comment_error").empty().append(
      "<span class=\"comment_error\">   Please provide a name</span>");
    return false;
  }
  $(options.target + " span.comment_error").empty().after(
    "<img src=\"/support/icons/throbber.gif\" style=\"vertical-align: middle\"/>");
  $("input[@name=submit]").attr("disabled", true);
}

function ajaxifyForm(id) {

//  $('#form_func_1').replaceWith('something');

  var substring=id.substr(9);
  $('#form_'+substring).ajaxForm({beforeSubmit: beforeComment,
			      success: function(){ loadComments(id);}

			     });}


function toggleComment(id) {
  $("#toggle_" + qid(id)).nextAll().toggle();
  return false;
}


function loadComments(id)
{

  var substring=id.substr(9);
  $('#comments_'+substring).load("http://127.0.0.1:8000/single/"+ substring +'/',function() { ajaxifyForm(id);}
				);

}




function loadAllComments() {
  $("a.commenttoggle").each(function() {
    var id = $(this).attr("pid");
    if (id) {
      loadComments(id);
    }
  });
}



$(document).ready(function() {
  function loading(id) {
    return " <span id=\"comments_" + id + "\" class=\"comment\">" +
      "<span pid=\"" + id + "\" class=\"commenttoggle\"><p>Loading...." +
      "</span>";
  }

$("p[@id]").each(function() {
    $(this).append(loading($(this).attr("id")));
		   });


var url_string=window.location.pathname;
var temp = new Array();
temp = url_string.split('/');
var chap_name=temp[temp.length-1].split('.')[0];

jQuery.getJSON("http://127.0.0.1:8000/count/"+chap_name, function(data) {

		 $("span.comment").each(function(data_val) {
		 var id = $(this).attr("id");
		var substring=id.substr(9);

		$(this).replaceWith("<span class='comment'" +  ' id='+ id+ " <a   +  href=javascript:loadComments('"+id+"');>" + data.count[substring] +' comments'+ "</a>");

					});


	       });

		  });