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_basic_python_func_2').replaceWith('something');
  alert("ajaxified");
   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(location.protocol+"//" + location.host+":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('/pages/');
 var chap_name=temp[1].split('.')[0];

 jQuery.getJSON(location.protocol+"//" + location.host+":8000/count/"+chap_name, function(data) {

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

 					  if (data.count[substring]){


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

					else {$(this).replaceWith("<span class='comment'" +  ' id='+ id+ " <a   +  href=javascript:loadComments('"+id+"');>" + 'No comments'+ "</a>");
}


					});


 	       });

 		  });