<script>
    var W3CDOM = document.createElement && document.getElementsByTagName;

    window.onload = setMaxLength;

    function setMaxLength() {
        if (!W3CDOM) return;
        var textareas = document.getElementsByTagName('textarea');
        for (var i=0;i<textareas.length;i++) {
            var textarea = textareas[i];
            setMaxLengthItem(textareas[i]);
        }
    }
    function setMaxLengthItem(textarea){
        if (textarea.getAttribute('maxlength')) {
            var counter = document.createElement('div');
            counter.className = 'counter';
            var counterClone = counter.cloneNode(true);
            counterClone.innerHTML = '<span>0</span>/'+textarea.getAttribute('maxlength');
            textarea.parentNode.insertBefore(counterClone,textarea.nextSibling);
            textarea.relatedElement = counterClone.getElementsByTagName('span')[0];
            textarea.onkeyup = textarea.onchange = checkMaxLength;
            textarea.onkeyup();
        }
    }

    function checkMaxLength() {
        var maxLength = this.getAttribute('maxlength');
        var currentLength = this.value.length;
        if (currentLength > maxLength)
            this.relatedElement.className = 'toomuch';
        else
            this.relatedElement.className = '';
        this.relatedElement.firstChild.nodeValue = currentLength;
    }

</script>
<% if jour.size > 0 %>
    <ul class="message-for-user">
      <% for journal in jour%>
          <% seems = homework.rates(:quality).where("rater_id = #{journal.user.id}").select("stars").first %>
          <li id='word_li_<%= journal.id.to_s %>' class="outer-message-for-user">
            <span class="portrait"><%= image_tag(url_to_avatar(journal.user), :class => "avatar") %></span>
            <span class="body">
                <span class="user" style="font-size: 15px">
                  <%= link_to journal.user, user_path(journal.user)%>
                  <!--
                  <% if seems != nil  %>
                    <div data-kls="HomeworkAttach" data-id="2" data-dimension="quality" data-average="3.25" class="rateable div_inline jDisabled"
                         style="height: 15px; width: 100px; overflow: hidden; z-index: 1; position: relative;">
                      <div class="jRatingColor" style="width: <%=seems.stars * 2 * 10 %>%;"></div>
                      <div class="jRatingAverage" style="width: 0px; top: -20px;"></div>
                      <div class="jStar" style="width: 115px; height: 20px; top: -40px;
                                background: url('/images/seems_rateable/stars.png') repeat-x scroll 0% 0% transparent;">
                      </div>
                    </div>
                  <% end %>
                  -->
                </span>
                <span class="font_lighter"><% label = l(:label_contest_requirement) %></span>
                <div> <%= textilizable journal.notes%> </div>
                <span class="font_lighter"><%= l(:label_bids_published) %>
                  &nbsp;<%= time_tag(journal.created_on).html_safe %>&nbsp;
                  <%= l(:label_bids_published_ago) %>
                </span>
              <% ids = 'project_respond_form_'+ journal.id.to_s%>
            <span>
                <%= link_to l(:button_reply),'',
                            {:focus => 'project_respond', :onclick => "toggleAndSettingWordsVal($('##{ids}'), $('##{ids} textarea'), '#{l(:label_reply_plural)} #{journal.user.name}: '); $('##{ids} textarea') ;return false;"}
                %>
              <% if journal.user==User.current|| User.current.admin? %>
                    <%= link_to(l(:label_bid_respond_delete), {:controller => 'homework_attach', :action => 'destroy_jour', :object_id => journal, :user_id => journal.user},
                                :remote => true, :confirm => l(:text_are_you_sure),  :title => l(:button_delete))  %>
                <% end %>
             </span>
            </span>
            <div style="clear: both;"></div>
            <div id='<%= ids %>' class="respond-form">
              <%= render :partial => 'add_jour_reply', :locals => {:journal => journal, :m_reply_id => journal} %>
            </div>
            <div style="clear: both;"></div>
            <div>
              <%= render :partial => "jour_reply", :locals => {:journal => journal } %>
            </div>
          </li>
      <% end %>
    </ul>
<% end %>


<!--分页-->
<div class="pagination" style="float:left;">
  <ul>
    <%= pagination_links_full @feedback_pages %>
  </ul>
</div>