//<![CDATA[
var Effects =
{
    Fade: function(id, opacityStart, opacityEnd, ms)
    {
        var speed = Math.round(ms / 100);
        var timer = 0;

        if (opacityStart > opacityEnd)
        {
            for (i = opacityStart; i >= opacityEnd; i--)
            {
                setTimeout("Effects.ChangeOpacity(" + i + ",'" + id + "')", (timer * speed));
                timer++;
            }
        }
        else if (opacityStart < opacityEnd)
        {
            for (i = opacityStart; i <= opacityEnd; i++)
            {
                setTimeout("Effects.ChangeOpacity(" + i + ",'" + id + "')", (timer * speed));
                timer++;
            }
        }
    },
    ChangeOpacity: function(opacity, id)
    {
        var oStyle = $(id).style;
        oStyle.opacity = (opacity / 100);
        oStyle.MozOpacity = (opacity / 100);
        oStyle.KhtmlOpacity = (opacity / 100);
        oStyle.filter = "alpha(opacity=" + opacity + ")";
    },
    ShiftOpacity: function(eltID, ms)
    {
        if ($(eltID).style.opacity == 0)
            Effects.Fade(eltID, 0, 100, ms);
        else
            Effects.Fade(eltID, 100, 0, ms);
    },
    FadeToImage: function(div1, div2, ms, imageSrc)
    {

        var speed = Math.round(ms / 100);
        var timer = 0;

        $(div1).style.backgroundImage = $(div2).style.backgroundImage;

        Effects.ChangeOpacity(0, div2);

        $(div2).style.backgroundImage = "url(" + imageSrc + ")";

        for (i = 0; i <= 100; i++)
        {
            setTimeout("Effects.ChangeOpacity(" + i + ",'" + div2 + "')", (timer * speed));
            timer++;
        }
    }
}
//]]>