var element1, element2, fadeelement, direction, opacity, fadestepsize, timeoutAnimation, timeoutFade, browserCapability;
browserCapability = true;

// WebTrends
var hasElement1WebTrends = false;
var hasElement2WebTrends = false;

if (document.all && (navigator.appVersion.indexOf("MSIE 6") != -1 || navigator.appVersion.indexOf("MSIE 5") != -1)) {
    browserCapability = false;
}

window.onload = function() {
    element1 = document.getElementById("Rezeptteaser1");
    element2 = document.getElementById("Rezeptteaser2");
    opacity = 0;
    fadestepsize = 2;
    direction = -1;
    fadeelement = element1;
    SetOpacity(element1, 0);
    SetOpacity(element2, 0);
    
    if(!(parseInt(speed, 10) > 0)) {
        speed = 5000;
    }
    
    timeoutAnimation = setTimeout("Animation();", speed);
}

function Animation() {
    fadeelement.style.display = "block";
    Fade(fadeelement, (direction * -1));
}

function Fade(fadeelementtemp, directiontemp) {
    fadeelement = fadeelementtemp;
    direction = directiontemp;

    // WebTrends
    if (opacity == 100) {
        if (!hasElement1WebTrends && (fadeelementtemp === element1)) {
            MarkRezeptteaser1AsSeen(); // defined in Start MasterPage
            hasElement1WebTrends = true;
        }
        if (!hasElement2WebTrends && (fadeelementtemp === element2)) {
            MarkRezeptteaser2AsSeen(); // defined in Start MasterPage
            hasElement2WebTrends = true;
        }
    }

    if (browserCapability && (((opacity - fadestepsize) >= 0 && direction < 0) || ((opacity + fadestepsize) <= 100 && direction > 0))) {
        opacity += fadestepsize * directiontemp;
        SetOpacity(fadeelement, opacity);
    } else {
        opacity = (100 + (100 * direction))/(Math.abs(direction) + 1);
        SetOpacity(fadeelement, opacity);
        
        if (opacity == 0) {
            fadeelement.style.display = "none";
            
            if (fadeelement == element1) {
                fadeelement = element2;
            } else if (fadeelement == element2) {
                fadeelement = element1;
            }
        
        }
        
        timeoutAnimation = setTimeout("Animation();", speed);
        return;
    }
    
    timeoutFade = setTimeout("Fade(fadeelement, direction)", 10);
}

function SetOpacity(element, value) {
    if (isNaN(value) || value < 1 || value > 100) {
        return;
    }

    if (document.all) {
        element.style.filter = "alpha(opacity=" + value + ")";
    } else {
        element.style.opacity = value / 100;
    }
}