// tauscht teaser bilder aus

function initTeaser(teaserID) {
        resetMouseoverButton();
        setMouseoverButton(teaserID);
        setTeaser(teaserID);
}
function changeTeaser(teaserID) {
        resetMouseoverButton();
        setMouseoverButton(teaserID);
        opacity(100,0,250);
        setTimeout("menuFadeIn(" + teaserID + ")",250);
}
function menuFadeIn(teaserID) {
        setTeaser(teaserID);
        opacity(0,100,250);
}
function resetMouseoverButton() {
        document.getElementById('menuButton0').src = menuButtonDe[0];
        document.getElementById('menuButton1').src = menuButtonDe[1];
        document.getElementById('menuButton2').src = menuButtonDe[2];
        document.getElementById('menuButton3').src = menuButtonDe[3];
}
function setMouseoverButton(teaserID) {
        document.getElementById('menuButton' + teaserID).src = menuButton[teaserID];
}
function setTeaser(teaserID) {
        document.getElementById('teaserH1').innerHTML = teaserH1[teaserID];
        document.getElementById('teaserH2').innerHTML = teaserH2[teaserID];
        document.getElementById('teaserH3').innerHTML = teaserH3[teaserID];
        document.getElementById('teaserbild').src = teaserBild[teaserID];
}
function opacity(opacStart, opacEnd, millisec) {
    var speed = Math.round(millisec / 100);
    var timer = 0;
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ")",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++) {
            setTimeout("changeOpac(" + i + ")",(timer * speed));
            timer++;
        }
    }
}
function changeOpac(opacity) {
    var object = document.getElementById('teaserH1').style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";

    object = document.getElementById('teaserH2').style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";

    object = document.getElementById('teaserH3').style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";

    object = document.getElementById('teaserbild').style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}