function OnTestInputsMouseIn() {
    var testInputsHeader = document.getElementById( "testInputs" );
    if ( !testInputsHeader ) return;
    testInputsHeader.className = "comparisonHeaderHighlighted";
}

function OnTestInputsMouseOut() {
    var testInputsHeader = document.getElementById( "testInputs" );
    if ( !testInputsHeader ) return;
    testInputsHeader.className = "comparisonHeader";
}

function OnDisplayRules() {
    var rulesPanel = document.getElementById( "rulesDiv" );
    if ( !rulesPanel ) return;
    rulesPanel.style.height = '80px';
    rulesPanel.style.width = '200px';
    var rulesSpan = document.getElementById( "rulesLink" );
    if ( !rulesSpan ) return;
    rulesPanel.style.top = rulesSpan.offsetTop+rulesSpan.style.height;
    alert( rulesPanel.style.top );
    rulesPanel.style.left = rulesSpan.offsetLeft;
    rulesPanel.style.visibility = 'visible';
}
