var interval = new Array();
    var fadeValue = new Array();


    function overArea(el)
    {
        fadeUp(el);
    }
    
    function leaveArea(el)
    {
        fadeDown(el);
    }


    function fadeUp(el)
    {
        // Fade up a menu area
        if (fadeValue[el] == undefined)
        {
            fadeValue[el] = 53;
        }

        document.getElementById(el).style.visibility = 'visible';


        window.clearInterval(interval[el]);
        interval[el] = window.setInterval(function() { dec(el); }, 20);
    }

    function fadeDown(el)
    {
        // Fade down a menu area
        window.clearInterval(interval[el]);
        interval[el] = window.setInterval(function() { asc(el); }, 20);
        

    }


    function dec(el)
    {
        if (fadeValue[el] < 180)
        {
            changecss(el, 'color', "rgb("+fadeValue[el]+","+fadeValue[el]+","+fadeValue[el]+")");
            fadeValue[el] = fadeValue[el] + 8;
        }
        else 
        {
            window.clearInterval(interval[el]);
        }
    }


    function asc(el)
    {
        if (fadeValue[el] > 53)
        {
            changecss(el, 'color', "rgb("+fadeValue[el]+","+fadeValue[el]+","+fadeValue[el]+")");
            fadeValue[el] = fadeValue[el] - 8;
        }
        else 
        {
            window.clearInterval(interval[el]);
            document.getElementById(el).style.visibility = 'hidden';
        }
    }


    function getStyleClass(className)
    {
        for (var s = 0; s < document.styleSheets.length; s++)
        {
            if(document.styleSheets[s].rules)
            {
                for (var r = 0; r < document.styleSheets[s].rules.length; r++)
                {
                    if (document.styleSheets[s].rules[r].selectorText == '.' + className)
                    {
                        return document.styleSheets[s].rules[r];
                    }
                }
            }
            else if(document.styleSheets[s].cssRules)
            {
                for (var r = 0; r < document.styleSheets[s].cssRules.length; r++)
                {
                    if (document.styleSheets[s].cssRules[r].selectorText == '.' + className)
                        return document.styleSheets[s].cssRules[r];
                }
            }
        }
        
        return null;
    }


    function changecss(theClass, element, value)
    {
        var tt;
        
        tt = getStyleClass(theClass);
        
        tt.style[element] = value;
        return;
    }