$(document).ready(function(){
	// Recorremos los comentarios del listado <ol />
	$("ol.commentlist li").each(function(x, el){

		// Cogemos el ID del comentario
	    var ID = $(el).attr("id");

		// Cogemos el nombre del autor del comentario
	    var author = $(el).find("cite a").text();

		// Añadimos el enlace en la parte inferior del comentario.
	    $(el).append('<a class="a-responder" href="#' + ID + '">Responder a ' + author + '</a>');

		// Le añadimos funcionalidad
	    $(el).find(".a-responder").bind("click", function(){

			// Guardamos el elemento
	        var link = $(this);

			// Añadimos el <textarea /> y el <button />
	        $(link).after('<div class="div-responder"><textarea class="txtarea-responder"></textarea><button class="btn-responder">Insertar</button></div>');

			// Le añadimos funcionalidad al <button />
	        $(el).find(".btn-responder").bind("click", function(){

				// Guardamos el texto anterior
	            var oldText = $("textarea#comment").val() + "\n";

				// Preparamos el nuevo texto.
	            var newText = '\n<a rel="reply-comment" href="#comment-'+ ID +'">' + author +"</a>: "+ $(this).prev().val();

				// Añadimos el nuevo texto
	            $("textarea#comment").val(oldText + newText);

				// Eliminamos el <textarea /> y el <button />
	            $(this).parent().remove();

				// Mostramos el enlace
	            $(link).show();
	        });
		
			// Ocultamos el enlace
	        $(link).hide();

			// Paramos la ejecución del enlace
	        return false;
	    });
	});
});