$.fn.makeCollapsableThreads = function(){
    if ($(this).find(".thread").size() > 0){
        $(this).addClass("with-replies");
        $(this).find(".thread-controls").eq(0).show();
    }
};

$(document).ready(function(){
	
    $("#addtopcomment").click(function(){
//        $(".wysiwyg").remove();
        var comment_form = $("#add-comments-form");
        $(this).after($(comment_form).show());
        $("textarea", comment_form).show();
//        $("#add-comments-form textarea").wysiwyg();
        $("textarea", comment_form).wysiwyg();
	});

	$(".comment .reply a").click(function() {
	    var id = $(this).closest(".comment").attr("id");
        var comment_form = $("#add-comments-form");
        $(comment_form).find("input[name=parent_id]").val(id);
        $(this).closest(".comment").after($(comment_form).show());
//	    $(comment_form)
        $("textarea", comment_form).show();
        $("textarea", comment_form).wysiwyg();
	    return false;
    });
    
    $(".thread").each(function(){
        $(this).makeCollapsableThreads();
    });

    $(".comment").hover(function(){
        $(this).addClass("hover");
    },function(){
        $(this).removeClass("hover");   
    }).click(function(){
        $(this).toggleClass("hovered");
    });

    $(".comments .button-collapse").toggle(function(e){
        var par = $(e.target).closest('.thread').eq(0).get();
        var content = $(par).find('.thread-inner').eq(0).get();
        var controls = $(par).find('.thread-controls').eq(0).get();
        $(content).animate({ "height": "toggle", "opacity": "toggle" }, { duration: "fast" });
        $(controls).animate({ "height": "14px"}, { duration: "fast" });
        $(par).toggleClass('collapsed');
        
        }, function(e){
        var par = $(e.target).closest('.thread').eq(0).get();
        var content = $(par).find('.thread-inner').eq(0).get();
        var controls = $(par).find('.thread-controls').eq(0).get();
        $(content).animate({ "height": "toggle", "opacity": "toggle" }, { duration: "fast" });
        $(controls).animate({ "height": "100%"}, { duration: "fast" });
        $(par).toggleClass('collapsed');
        
    });

    $("#add-comments-form .button-cancel").click(function(){
        $(this).closest("#add-comments-form").find("form").get(0).reset();
        $(this).closest("#add-comments-form").hide();
        $(".wysiwyg").remove();
    });

    $("#add-comments-form .button-edit").click(function(){
        $(this).closest("#add-comments-form").find("form").get(0).submit();
    });
});