var fade_time = 400

function show_reply_form(comment_id, url, person_name, depth) {
    var reply_form = '<div id="replybox-'+comment_id+'" class="replybox depth-'+depth+'"><h5>Reply to '+person_name+'</h5><form method="post" action="'+url+'"><ul><li><label for="id_comment">comment:</label> <textarea id="id_comment" rows="10" cols="40" name="comment"></textarea></li><li><input type="submit" value="Submit Comment" /><input type="submit" class="submit preview" name="preview" value="Preview"/></li></ul></form></div>'
    var comment_reply = $('#comment-' + comment_id);
    $('.replybox').fadeOut(fade_time)
    $('#replybox').fadeOut(fade_time)
    comment_reply.after(reply_form);
    $('#replybox-'+comment_id).fadeIn(fade_time);
    var reply_anchor = $('#comment-reply-'+comment_id)
    reply_anchor.attr('href', 'javascript:hide_reply_form(\''+comment_id+'\', \''+url+'\', \''+person_name+'\', \''+depth+'\')');
}

function hide_reply_form(comment_id, url, person_name, depth) {
    var reply_form = $('#replybox-'+comment_id);
    reply_form.fadeOut(fade_time);
    $('#replybox').fadeIn(fade_time);
    var reply_anchor = $('#comment-reply-'+comment_id)
    reply_anchor.attr('href', 'javascript:show_reply_form(\''+comment_id+'\', \''+url+'\', \''+person_name+'\', \''+depth+'\')');
}