//smfFadeIndex: the current item in smfFadeContent.
var smfFadeIndex = -1;
//alert (smfFadeIndex);
// smfFadePercent: percent of fade. (-64 to 510.)
var smfFadePercent = 510
// smfFadeSwitch: direction. (in or out)
var smfFadeSwitch = false;
// smfFadeScroller: the actual div to mess with.
var smfFadeScroller = document.getElementById('smfFadeScroller');
// The ranges to fade from for R, G, and B. (how far apart they are.)
var smfFadeRange = {
        'r': smfFadeFrom.r - smfFadeTo.r,
        'g': smfFadeFrom.g - smfFadeTo.g,
        'b': smfFadeFrom.b - smfFadeTo.b
};

// Divide by 20 because we are doing it 20 times per one ms.
smfFadeDelay /= 20;

// Start the fader!
window.setTimeout('smfFader();', 20);

function setInnerHTML(element, toValue)
{
        // IE has this built in...
        if (typeof(element.innerHTML) != 'undefined')
                element.innerHTML = toValue;
        // Otherwise, try createContextualFragment().
        else
        {
                var range = document.createRange();
                range.selectNodeContents(element);
                range.deleteContents();
                element.appendChild(range.createContextualFragment(toValue));
        }
}


// Main fading function... called 50 times every second.
function smfFader()
{
//              alert(smfFadeContent.length);
        if (smfFadeContent.length <= 1)
        {
//              alert(smfFadeContent.length);
                return;
        }

        // A fix for Internet Explorer 4: wait until the document is loaded so we can use setInnerHTML().
        if (typeof(window.document.readyState) != "undefined" && window.document.readyState != "complete")
        {
                window.setTimeout('smfFader();', 20);
                return;
        }

        // Starting out?  Set up the first item.
        if (smfFadeIndex == -1)
        {
//              alert(smfFadeIndex);
                setInnerHTML(smfFadeScroller, smfFadeBefore + smfFadeContent[0] + smfFadeAfter);
                smfFadeIndex = 1;

                // In Mozilla, text jumps around from this when 1 or 0.5, etc...
                if (typeof(smfFadeScroller.style.MozOpacity) != "undefined")
                        smfFadeScroller.style.MozOpacity = "0.90";
                else if (typeof(smfFadeScroller.style.opacity) != "undefined")
                        smfFadeScroller.style.opacity = "0.90";
                // In Internet Explorer, we have to define this to use it.
                else if (typeof(smfFadeScroller.style.filter) != "undefined")
                        smfFadeScroller.style.filter = "alpha(opacity=100)";
        }

        // Are we already done fading in?  If so, fade out.
        if (smfFadePercent >= 510){
//                      alert(smfFadePercent);

                smfFadeSwitch = !smfFadeSwitch;
        }
        // All the way faded out?
        else if (smfFadePercent <= -64)
        {
//                      alert(smfFadePercent);
                smfFadeSwitch = !smfFadeSwitch;

                // Go to the next item, or first if we're out of items.
                setInnerHTML(smfFadeScroller, smfFadeBefore + smfFadeContent[smfFadeIndex++] + smfFadeAfter);
                if (smfFadeIndex >= smfFadeContent.length)
                        smfFadeIndex = 0;
        }

        // Increment or decrement the fade percentage.
        if (smfFadeSwitch)
                smfFadePercent -= 255 / smfFadeDelay * 2;
        else
                smfFadePercent += 255 / smfFadeDelay * 2;

        // If it's not outside 0 and 256... (otherwise it's just delay time.)
        if (smfFadePercent < 256 && smfFadePercent > 0)
        {
                // Easier... also faster...
                var tempPercent = smfFadePercent / 255, rounded;

                if (typeof(smfFadeScroller.style.MozOpacity) != "undefined")
                {
                        rounded = Math.round(tempPercent * 100) / 100;
                        smfFadeScroller.style.MozOpacity = rounded == 1 ? "0.99" : rounded;
                }
                else if (typeof(smfFadeScroller.style.opacity) != "undefined")
                {
                        rounded = Math.round(tempPercent * 100) / 100;
                        smfFadeScroller.style.opacity = rounded == 1 ? "0.99" : rounded;
                }
                else
                {
                        var done = false;
                        if (typeof(smfFadeScroller.filters.alpha) != "undefined")
                        {
                                // Internet Explorer 4 just can't handle "try".
                                eval("try\
                                        {\
                                                smfFadeScroller.filters.alpha.opacity = Math.round(tempPercent * 100);\
                                                done = true;\
                                        }\
                                        catch (err)\
                                        {\
                                        }");
                        }

                        if (!done)
                        {
                                // Get the new R, G, and B. (it should be bottom + (range of c* percent)...)
                                var r = Math.ceil(smfFadeTo.r + smfFadeRange.r * tempPercent);
                                var g = Math.ceil(smfFadeTo.g + smfFadeRange.g * tempPercent);
                                var b = Math.ceil(smfFadeTo.b + smfFadeRange.b * tempPercent);

                                // Set the color in the style, thereby fading it.
                                smfFadeScroller.style.color = 'rgb(' + r + ', ' + g + ', ' + b + ')';
                        }
                }
        }

        // Keep going.
        window.setTimeout('smfFader();', 20);
}