$(function() {
    // Add a trend indicator to the end of an element
    var addTrendIndicator = function(elements, trend) {
        var better_title = "This metric improved with the last commit";
        var worse_title  = "This metric worsened with the last commit";
        switch(trend) {
        case 'better': 
            $(elements).append(' <img src="/images/arrow_up.png" title="' +
                               better_title +
                               '" alt="[better]"/>');
            break;
        case 'worse':
            $(elements).append(' <img src="/images/arrow_down_red.png" title="' +
                               worse_title + '" alt="[worse]"/>');    
            break;
        }
    };

    $('.stat-pair[id$=-trend]').each(function() {
        var value   = $(this).find('.stat-value').text();
        var pair_id = $(this).attr('id');
        var tool    = /stat-pair-(\w+)/.exec(pair_id)[1];
        var metric  = $(this).find('.stat').text();
        var target  = $("#metric-title-" + tool);
        addTrendIndicator(target, value);
        $(this).hide();
    });
});