% if ($page->role->ge_student) {
<script type="text/javascript">
  var explain_visible = false;
  function toggle_color_explanation(){
    document.getElementById('explain_colors').style.display = explain_visible ? 'none' : 'block';
    explain_visible = ! explain_visible;
  }
</script>
<div>
 <small><a href="javascript:toggle_color_explanation()">grades help</a></small>
 <div id="explain_colors" style="display:none" border="1px solid grey">
 <ul>
 <li>Click on an assignment to see its description.</li>
% if ($page->role->eq_student) {
 <li>Click on a grade to visit your work page for that assignment.</li>
 <li><span class="grade-red">Red</span> indicates a page that you should visit :
     either it's overdue or faculty comment left which you haven't seen.</li>
 <li><span class="grade-green">Green</span> marks one that you've changed but
     hasn't been seen by the faculty yet.</li>
% } else {
 <li>Click on a grade to visit the student's work page for that assignment.</li>
 <li><span class="grade-red">Red</span> indicates a page that has changed since you last saw it,
 such as submitted work that's waiting to be graded.</li>
 <li><span class="grade-green">Green</span> marks one that the student should visit,
  either because it's an overdue assignment, or because the student haven't seen your comments yet.</li>
 <li>Click the "edit" tab at the top of the page to modify the grades here,
   without leaving comments on any of the student work pages.</li>
% }
 </ul>
 </div>
</div>
% }
%# ======================================================================
<%doc>
 $Id$
</%doc>