## -*- coding: utf-8 -*-

% for f in c.followers_pager:
    <div>
        <div class="follower_user">
            <div class="gravatar">
                <img alt="gravatar" src="${h.gravatar_url(f.user.email,24)}"/>
            </div>
            <span style="font-size: 20px"> <b>${f.user.username}</b> (${f.user.name} ${f.user.lastname})</span>
        </div>
        <div style="clear:both;padding-top: 10px"></div>
        <div class="follower_date">${_('Started following')} - 
        <span class="tooltip" title="${f.follows_from}"> ${h.age(f.follows_from)}</span></div>
        <div style="border-bottom: 1px solid #DDD;margin:10px 0px 10px 0px"></div>
    </div>                
% endfor 

<div class="pagination-wh pagination-left">
<script type="text/javascript">
  var data_div = 'followers';
  YAHOO.util.Event.onDOMReady(function(){
    YAHOO.util.Event.addListener(
    		YUD.getElementsByClassName('pager_link'),"click",
    		function(){
            YAHOO.util.Dom.setStyle(data_div,'opacity','0.3');
            });
    });
</script>

${c.followers_pager.pager('$link_previous ~2~ $link_next',     
onclick="""YAHOO.util.Connect.asyncRequest('GET','$partial_url',{
success:function(o){YAHOO.util.Dom.get(data_div).innerHTML=o.responseText;
YUE.on(YAHOO.util.Dom.getElementsByClassName('pager_link'),"click",function(){
        YAHOO.util.Dom.setStyle(data_div,'opacity','0.3');});       
YAHOO.util.Dom.setStyle(data_div,'opacity','1');}},null); return false;""")}
</div>