// Fade one div tag out & another one in
    function fadeOneOutFadeOneIn(idFadeOut, idFadeIn) {
        // Fade out the current element & then make it disappear; the changeOpacity function will trigger the fade-in as appropriate
            document.getElementById(idFadeOut).style.opacity="1";
            fadeStart = setInterval("changeOpacity('" + idFadeOut + "', 'fadeout', '" + idFadeIn + "')", 25);
    }

    function changeOpacity(elementID, direction, idForFadeIn) {
        currentOpacity = document.getElementById(elementID).style.opacity;
        currentOpacity = currentOpacity * 100;
        
        if (direction == 'fadeout') {
            newOpacity = currentOpacity - 3;
        } else {
            newOpacity = currentOpacity + 3;
        }
        
        newOpacityFraction = newOpacity/100;
        document.getElementById(elementID).style.opacity = newOpacityFraction;
        document.getElementById(elementID).style.filter = "alpha(opacity=" + newOpacity + ")";
        
        if (newOpacity<=0 || newOpacity >=100) {
            clearInterval(fadeStart);
        }

        if (newOpacity<=0) {
            document.getElementById(elementID).style.display="none";
            fadeBackIn(idForFadeIn);
        }
    }

    function fadeBackIn(elementID) {
        document.getElementById(elementID).style.opacity="0";
        document.getElementById(elementID).style.display="block";
        fadeStart = setInterval("changeOpacity('" + elementID + "', 'fadein')", 25);
    }

// Fade the menus out onmouseover * restore onmouseout
    function triggerMenuChange(elementIDToChange) {
        document.getElementById(elementIDToChange).style.opacity='1.0';
        fadeStart = setInterval("changeOpacityForMenus('" + elementIDToChange + "')", 25);
    }

    function changeOpacityForMenus(elementID) {
        currentOpacity = document.getElementById(elementID).style.opacity;
        currentOpacity = currentOpacity * 100;
        
        newOpacity = currentOpacity - 4;
        newOpacityFraction = newOpacity/100;

        document.getElementById(elementID).style.opacity = newOpacityFraction;
        document.getElementById(elementID).style.filter = "alpha(opacity=" + newOpacity + ")";
        
        if (newOpacity<=30) {
            clearInterval(fadeStart);
        }
    }

    function restoreMenuItem(elementID) {
        clearInterval(fadeStart);
        document.getElementById(elementID).style.opacity='1.0';
        document.getElementById(elementID).style.filter = "alpha(opacity=1)";
    }