ハイライト表示、自動合計、平均値自動算出の機能をJavaScriptで実装した表

<script type="text/javascript">
window.onload = function(){

    var $sampleTable = document.getElementById( "sample" );
    var $sampleColgroup = $sampleTable.getElementsByTagName( "colgroup" )
    var $sampleTHead = $sampleTable.tHead;
    var $sampleTHeadCells = $sampleTHead.rows[0].cells;
    var $sampleTBodies = $sampleTable.tBodies;
    var $sampleTFoot = $sampleTable.tFoot;
    var $sampleTFootCells1 = $sampleTFoot.rows[0].cells;
    var $sampleTFootCells2 = $sampleTFoot.rows[1].cells;
    var $sumBySubject = [];
    var $sumByStudents = [];

    for ( var $tbodyIndex = 0; $tbodyIndex < $sampleTBodies.length; $tbodyIndex++ ) {
        var $sampleTBodyRows = $sampleTBodies[$tbodyIndex].rows;
        for ( var $rowIndex = 0; $rowIndex < $sampleTBodyRows.length; $rowIndex++ ) {
            var $sampleTBodyCells = $sampleTBodyRows[$rowIndex].cells;
            for ( var $cellIndex = 1; $cellIndex < $sampleTBodyCells.length; $cellIndex++ ) {
                $sumBySubject[$cellIndex] = 0;
            }
        }
    }
    for ( var $tbodyIndex = 0; $tbodyIndex < $sampleTBodies.length; $tbodyIndex++ ) {
        var $sampleTBodyRows = $sampleTBodies[$tbodyIndex].rows;
        for ( var $rowIndex = 0; $rowIndex < $sampleTBodyRows.length; $rowIndex++ ) {
            $sampleTBodyRows[$rowIndex].onmouseover = function(){
                this.style.backgroundColor = "yellow";
            };
            $sampleTBodyRows[$rowIndex].onmouseout = function(){
                this.style.backgroundColor = "";
            };
            $sumByStudents[$rowIndex] = 0;
            var $sampleTBodyCells = $sampleTBodyRows[$rowIndex].cells;
            for ( var $cellIndex = 1; $cellIndex < $sampleTBodyCells.length; $cellIndex++ ) {
                $sampleTBodyCells[$cellIndex].onmouseover = function(){
                    this.style.backgroundColor = "red";
                    $sampleColgroup[this.cellIndex].style.backgroundColor = "yellow";
                    $sampleTHeadCells[this.cellIndex].style.backgroundColor = "yellow";
                    $sampleTFootCells1[this.cellIndex].style.backgroundColor = "yellow";
                    $sampleTFootCells2[this.cellIndex].style.backgroundColor = "yellow";
                };
                $sampleTBodyCells[$cellIndex].onmouseout = function(){
                    this.style.backgroundColor = "";
                    $sampleColgroup[this.cellIndex].style.backgroundColor = "";
                    $sampleTHeadCells[this.cellIndex].style.backgroundColor = "";
                    $sampleTFootCells1[this.cellIndex].style.backgroundColor = "";
                    $sampleTFootCells2[this.cellIndex].style.backgroundColor = "";
                };
                if( $cellIndex != 0 ){
                    if( $cellIndex != $sampleTBodyCells.length - 1 ){
                        $sumByStudents[$rowIndex] += parseInt( $sampleTBodyCells[$cellIndex].innerHTML );
                    }else{
                        $sampleTBodyCells[$sampleTBodyCells.length-1].innerHTML = $sumByStudents[$rowIndex];
                    }
                }
                if( $cellIndex != 0 ){
                    $sumBySubject[$cellIndex] += parseInt( $sampleTBodyCells[$cellIndex].innerHTML );
                }
            }
        }
    }

    for ( var $cellIndex = 1; $cellIndex < $sampleTFootCells1.length; $cellIndex++ ) {
        $sampleTFootCells1[$cellIndex].innerHTML = $sumBySubject[$cellIndex];
    }
    for ( var $cellIndex = 1; $cellIndex < $sampleTFootCells2.length; $cellIndex++ ) {
        $sampleTFootCells2[$cellIndex].innerHTML = Math.round( $sumBySubject[$cellIndex] / ( $sampleTable.rows.length - $sampleTHead.rows.length - $sampleTFoot.rows.length ) );
    }

}
</script>