function toggleCommentForm(commentId)
{
    var commentFormHolder = $('form#sendComment');
    var replyId = commentFormHolder.find('input#replyId');
    $('a.commentFormControl').slideDown('fast');
    
    function toggleForm()
    {
        if(commentId == 0) {
            $('a.closeCommentForm').attr('rel', 0);
            replyId.val(0);
            var lookAt = 'div#commentForm';
            var Button = '#addCommentButton';
            $('a.commentFormControl').slideDown('slow');
        } else {
            $('a.closeCommentForm').attr('rel', commentId);
            replyId.val(commentId);
            var lookAt = 'div#comment_' + commentId + ' > div.commentContent';
            var Button = 'div#comment_' + commentId + ' > div.commentContent > a.commentFormControl';
            $('#addCommentButton').slideDown('slow');
        }

        if(commentFormHolder.is(':visible') && $(lookAt + ' form#sendComment').length > 0) {
            commentFormHolder.slideUp('slow', function(){
                $(Button).slideDown('slow');
            });
        } else if (commentFormHolder.is(':visible')) {
            commentFormHolder.slideUp('slow', function(){
                $(commentFormHolder).appendTo($(lookAt)).slideDown('slow');
                $(Button).slideUp('slow');
            });
        } else {
            $(commentFormHolder).appendTo($(lookAt)).slideDown('slow');
            $(Button).slideUp('slow');
        }
    }
    toggleForm()
}

$(document).ready(function() 
{
    $('#addCommentButton').click(function() 
    {
        toggleCommentForm(0);
        return false;
    });
    
    $('a.closeCommentForm').click(function()
    {
        toggleCommentForm($(this).attr('rel'));
        return false;
    });
    
    $('a.commentFormControl').each(function() 
    {
        $(this).click(function(n) 
        {
            toggleCommentForm($(this).attr('rel'));
            return false;
        });
    });
});

