:javascript
  $('.stream_element').live('mousedown', function(evt){
    var note = $(this).closest('.stream_element'),
        note_id = note.attr('data-guid'),
        nBadge = $("#notification_badge_number");

    if(note.hasClass('unread') ){
      note.removeClass('unread');
      $.ajax({
        url: 'notifications/' + note_id,
        type: 'PUT'
      });
    }
      if(nBadge.html() != null) {
      nBadge.html().replace(/\d+/, function(num){
        num = parseInt(num);
        nBadge.html(parseInt(num)-1);
        if(num == 1) {
          nBadge.addClass("hidden");
        }
    });

    }
  });

  $('a.more').live('click', function(){
    $(this).hide();
    $(this).next('span').removeClass('hidden');
  });

.span-1
  = image_tag 'icons/mail_big.png', :height => 30, :width => 30, :style=>"margin-top:3px;"
.span-10
  %h2
    = t('.notifications')
.span-13.last.left
  = link_to t('.mark_all_as_read'), notifications_read_all_path, :class => 'button'

.span-24.last
  %ul.stream.notifications
    - @group_days.each do |day, notes|
      %li
        %h4= day
        %ul.notifications_for_day
          - notes.each do |note|
            .stream_element{:data=>{:guid => note.id}, :class => "#{note.unread ? 'unread' : ''}"}
              %span.from
                = notification_people_link(note)
                = object_link(note)

              %span.time= timeago(note.created_at)
    = will_paginate @notifications