var numImages = 9;
var lastImage = 0;
var imgDirc = 0;
var tImg = new Array(numImages - 1);
tImg[0] = "./images/NMH_teaser_image1.jpg";
tImg[1] = "./images/NMH_teaser_image2.jpg";
tImg[2] = "./images/NMH_teaser_image3.jpg";
tImg[3] = "./images/NMH_teaser_image4.jpg";
tImg[4] = "./images/NMH_teaser_image5.jpg";
tImg[5] = "./images/NMH_teaser_image6.jpg";
tImg[6] = "./images/NMH_teaser_image7.jpg";
tImg[7] = "./images/NMH_teaser_image8.jpg";
tImg[8] = "./images/NMH_teaser_image9.jpg";

function rotateteaser() {
	lastImage++;
    if (lastImage == numImages) {
		lastImage = 0;
	}

	if (imgDirc == 0) {
	 document.getElementById('teasertd').style.background = "url(" + tImg[lastImage] + ")";
	 opacity('teaserimg',100,0,700);
	 imgDirc=1;
    } else {
	 document.getElementById('teaserimg').src = tImg[lastImage];
	 opacity('teaserimg',0,100,700);
	 imgDirc=0;
	}
	setTimeout("rotateteaser()",7000);
}

function opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}