カーソルを合わせたデータセルと行を色分けハイライト表示する表

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

    var $sampleTable = document.getElementById( "sample" );
    var $sampleTBodies = $sampleTable.tBodies;

    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 = "";
            };
            var $sampleTBodyCells = $sampleTBodyRows[$rowIndex].cells;
            for ( var $cellIndex = 0; $cellIndex < $sampleTBodyCells.length; $cellIndex++ ) {
                $sampleTBodyCells[$cellIndex].onmouseover = function(){
                    this.style.backgroundColor = "red";
                };
                $sampleTBodyCells[$cellIndex].onmouseout = function(){
                    this.style.backgroundColor = "";
                };
            }
        }
    }

}
</script>