// JavaScript Document
var countF = 0;
var filmArray = new Array();
filmArray[0] = "fileadmin/user_upload/BERLIN/StartFilm/1.gif";
filmArray[1] = "fileadmin/user_upload/BERLIN/StartFilm/2.gif";
filmArray[2] = "fileadmin/user_upload/BERLIN/StartFilm/3.gif";
//filmArray[3] = "fileadmin/templates/images/startSeite/fZweiFrauen.gif";
filmArray[3] = "fileadmin/user_upload/BERLIN/StartFilm/4.gif";
filmArray[4] = "fileadmin/user_upload/BERLIN/StartFilm/5.gif";


var logosArray = new Array();

logosArray[0] = "fileadmin/templates/images/LOGO/logoNeu.jpg";
logosArray[1] = "fileadmin/templates/images/LOGO/logoAlt.jpg";
function rotateLogo(){
var div = "blenddiv";
var img = "blendimage";
var fadingFactor=1550;
var freq = 20000; 
	if (count  >= logosArray.length)
	{count =0;}

	blendImage(div,img, logosArray[count],fadingFactor);
	count++;

	setTimeout("rotateLogo()",freq);
}

function rotateFilm(){
var div = "filmDiv";
var img = "filmBlend";
var fadingFactor=2000;
var freq = 8000; 
	if (countF  >= filmArray.length)
	{countF =0;}

	blendImage(div,img, filmArray[countF],fadingFactor);
	countF++;

	setTimeout("rotateFilm()",freq);
}

function blendImage(divid, imageid, imagefile, millisec) { 
    var speed = Math.round(millisec / 100); 
    var timer = 0; 
    //set the current image as background 
    document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")"; 
     
    //make image transparent 
    changeOpac(0, imageid); 
     
    //make new image 
    document.getElementById(imageid).src = imagefile; 

    //fade in image 
    for(i = 0; i <= 100; i++) { 
        setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed)); 
        timer++; 
    } 
} 

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 + ")"; 
}


window.onload=rotateFilm;
