function showHoverNodes()
    {
        var rootElement = document.documentElement;
        var firstTier = rootElement.childNodes;

        // firstTier is the NodeList of the direct children of the root element
        for (var i = 0; i < firstTier.length; i++) {
            if (firstTier[i].tagName=="BODY"){
                bodyNodes = firstTier[i].childNodes;
                for (var j = 0; j < bodyNodes.length; j++) {
                    highlightRecursive(bodyNodes[j]);
                }
            }
        }
    }
//high level function to go through all nodes and build the extra nodes.
high level function to go through all nodes and build the extra nodes.
high level function to go through all nodes and build the extra nodes .
function showHoverNodes()
    {
        var rootElement = document.documentElement;
        var firstTier = rootElement.childNodes;
        for (var i = 0; i < firstTier.length; i++) {
            if (firstTier[i].tagName=="BODY"){
                bodyNodes = firstTier[i].childNodes;
                for (var j = 0; j < bodyNodes.length; j++) {
                    highlightRecursive(bodyNodes[j]);
                }
            }
        }
    }
function showHoverNodes ( ) { var rootElement = document . documentElement ; var firstTier = rootElement . childNodes ; for ( var i = 0 ; i < firstTier . length ; i ++ ) { if ( firstTier [ i ] . tagName == "BODY" ) { bodyNodes = firstTier [ i ] . childNodes ; for ( var j = 0 ; j < bodyNodes . length ; j ++ ) { highlightRecursive ( bodyNodes [ j ] ) ; } } } }
high level function to go through all nodes and build the extra nodes.
high level function to go through all nodes and build the extra nodes .
// firstTier is the NodeList of the direct children of the root element