Comment.comments_template = function() {
  var template =
  '<li class="comment" id="comment_#{id}"><span class="comment-author">#{user_name}</span>\
    <span class="comment-date">#{created_at:format_date}</span>\
    <blockquote class="comment-body">\
    #{body:simple_format}\
    </blockquote>\
    <ul class="comment-tools">\
      <li><a href="#" class="add_reply" id="toggle_add_reply_#{id}">Add reply</a></li>\
      <li><a href="#" class="get_comment_replies #{viewable_children_count:quantity_class_name}" id="toggle_replies_#{id}">Replies (#{viewable_children_count})</a></li>\
    </ul>\
    <div class="form"></div>\
    <ul class="replies"></ul>\
  </li>';
  return template;
};
Comment.top_pagination_template = function() {
  template = 
  '<div class="header">\
  <h4>Comments</h4> <span class="count">(#{info})</span></div>\
  <ul class="comment-app-tools">\
      <li>#{expand_all_or_collapse_all}</li>\
    <li><a class="add-comment-link" href="#add-your-comment">Add comment</a></li>\
    </ul>\
  <div class="top-pagination">\
    <div class="sort-comments">\
      <span class="label">Sort by:</span>\
      <ul class="inline-left">\
        <li>#{oldest_first}</li>\
        <li>#{newest_first}</li>\
      </ul>\
    </div>\
    <div class="comment-pagination">\
      <span class="label">Page:</span>\
      <div class="pagination">#{links}</div>\
    </div>';
  return template;
};
Comment.bottom_pagination_template = function() {
  template =
  '<div class="bottom-pagination">\
    <div class="comment-pagination">\
      <span class="label">Page:</span>\
      <div class="pagination">#{links}</div>\
    </div>\
  </div>';
  return template;
};
Comment.comments_count_template = function() {
  template = 'Comments (#{count})';
  return template;
};
Comment.more_comments_template = function() {   
  template = '<li>There are <a href="#" class="get_comment_replies">#{remaining_comments}</a> more comments</li>';
  return template;
};