Diff tables: Mouseover HTML table cells to show 'before' results

[snim2]

Diff tables currently show the "after" results of the diff, and there is no easy way to compare those results to the "before" data. It would be nice to be able to mouseover a table cell or row to show the previous results.

Useful HTML code:

<!-- Javascript has to be in this wrapper div to avoid flickering. -->
<div onmouseover="document.getElementById('label2').style.display='block'; document.getElementById('table1').style.display='none';" onmouseout="document.getElementById('label1').style.display='block'; document.getElementById('table2').style.display='none';">
    <div id="label1">
        <!-- Visible element here. -->
    </div>
    <div id="label2" style="display: none;" >
        <!-- Element to view on mouseover here. -->
    </div>
</div>

[snim2]

This page has a nice example: http://soft-dev.org/src/warmup_stats/