function showCompatibilityNoteForBrowser(browserName)
{
    var compatibilityNoteSpan = document.getElementById("compatibilityNote");
    var compatibilityNoteString;
    
    switch(browserName)
    {
        case "Safari":
        compatibilityNoteString = "Tested with Safari 5";
        break;
        case "Chrome":
        compatibilityNoteString = "Tested with Chrome 8";
        break;
        case "Firefox":
        compatibilityNoteString = "Tested with Firefox 5";
        break;
    }
    
    compatibilityNoteSpan.innerText = compatibilityNoteString;
    if (navigator.userAgent.indexOf("Firefox") != -1)
    compatibilityNoteSpan.textContent = compatibilityNoteSpan.innerText;
    compatibilityNoteSpan.style.visibility = "visible";
    compatibilityNoteSpan.style.opacity = "1";
}

function hideCompatibilityNote(event)
{
    var intentedTarget = event.currentTarget;
    var targetParent = event.relatedTarget;
    
    while (intentedTarget != targetParent && targetParent != null)
        targetParent = targetParent.parentNode;
    
    if (targetParent == intentedTarget && targetParent != null)
        return;
    
    var compatibilityNoteSpan = document.getElementById("compatibilityNote");
    
    compatibilityNoteSpan.style.opacity = "0";
    compatibilityNoteSpan.style.visibility = "hidden";
}