$(function() {
    new_activity();
    
    $('#activity-stream').vTicker({
        pause: 5000,
        showItems: 4,
        height: 220,
        mousePause: true
    });
    
    
    function new_activity() {
        $.ajax({
            url: '/activity_stream/',
            success: function(data) {
                $('#activity-stream ul').html('');
                for (var i=0; i < data.length; i++) {
                    //d = new Date(data[i].date);
                    if (data[i].avatar.length == 0) {
                        avatar = '/assets/images/base/default-avatar.jpg';
                    } else {
                        avatar = '/assets/images/avatars/50px/'+data[i].avatar+'.jpg';
                    }
                    html = '<li>';
                    html += '<img class="stream-avatar" src="'+avatar+'" />';
                    html += '<div class="stream-info">';
                    html += '<img class="stream-user" src="/images/orange/24/'+data[i].username.substring(0,10)+'.png" alt="'+data[i].username+'" />';
                    html += data[i].action;
                    html += '<img class="stream-item" src="/images/brown/24/'+data[i].item+'.png" />';
                    html += '</div>';
                    html += '<span class="stream-link"><a href="'+data[i].link+'">'+data[i].category+'</a></span>';
                    html += '</li>';
                    $('#activity-stream ul').append(html);
                };
            }
        });
    }
});