// JavaScript Document

// Funktion Bildwechechsel der kleinen Bilder --->
function blendimage(divid, imageid, imagefile, millisec) {
        var speed = Math.round(millisec / 100); // Dauer bis zum nächsten Bild in Sekunden (gerundet)
        var timer = 0;
        if (blendBild)
        {
            document.getElementById(imageid).src = imagefile;
        }
     else
        {
           document.getElementById(divid).style.backgroundImage = "url(" + imagefile + ")";
        }

        for(i = 0; i <= 100; i++) // das opacity einen wert von 0-100 bekommt 
        {
            setTimeout("changeOpacBlend(" + i + ",'" + imageid + "', '" + divid+"')",(timer * speed));
			if(i == 50) {
			changeLinkAndHeadline();	
			}
            timer++;
        }
    }
// erhöhen und reduzierung des Transparenzwertes -->
function changeOpacBlend(opacity, imageid, divid) {
    if (blendBild)
    {
        changeOpac(opacity, imageid);
        changeOpac(100-opacity, divid);
    }
    else
    {
        changeOpac(100-opacity, imageid);
        changeOpac(opacity, divid);
    }
    if (opacity == 100)
    {
        setTimeout("startWechsel()", wechselDauer); // Verzögerung bis die Funktion des Bildwechsel aufgerufen wird
        blendBild = !blendBild;
    }
    document.getElementById(imageid).style.visibility = 'visible';
}
// Funktion Transparenz verändern / Style-Angaben für verschiedene Browser --->
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100); // für Safari und Firefox
    object.filter = "alpha(opacity=" + opacity + ")"; // für InternetExplorer
}

// Funktion Link wechseln



var wechselDauer = 2000; // Dauer bis zum nächsten Bild
var transparenzDauer = 1500;  // Länge der Transparenzveränderung

//Ab hier das Script fuer weitere Projekte Anpassen (Reihenfolge beachten):
var kleinesBild = new Array();// Bildpfade
kleinesBild[0] = 'img/report_tracker_act.jpg'; 
kleinesBild[1] = 'img/sysh_intra_act.jpg';

var headline = new Array(); // Ueberschriften
headline[0] = 'report tracker';
headline[1] = 'intranet solutions';

var linkhref = new Array(); // Adressen der Links
linkhref[0] = 'reporttracker/index.html';
linkhref[1] = 'intranet.php';

var linktarget = new Array(); // target Anweisung fuer die Links
linktarget[0] = '_blank';
linktarget[1] = '_self';
//Ab hier nix mehr veraendern!



linkstatus = 1;
function changeLinkAndHeadline() {
	linkstatus = linkstatus + 1;
	if (linkstatus == kleinesBild.length) {
		linkstatus = 0;
		}
	document.getElementById("changehead").href = linkhref[linkstatus];
	document.getElementById("changehead").target = linktarget[linkstatus];
	document.getElementById("changehead").firstChild.data = headline[linkstatus];
	document.getElementById("changelink").href = linkhref[linkstatus];
	document.getElementById("changelink").target = linktarget[linkstatus];
}


var bildIdx = 0;
var p = kleinesBild.length; // Anzahl aller Bilder
var preLoad = new Array();
var blendBild = true;
// Bildschleife 
for (i = 0; i < p; i++) 
{
    preLoad[i] = new Image();
    preLoad[i].src = kleinesBild[i];
}
var counter = -1; // counter setzen für wechsel des großen bildes
function startWechsel() {
    document.getElementById('bildLink').href = preLoad[bildIdx].href;
    blendimage('blenddiv', 'blendimage', preLoad[bildIdx].src, transparenzDauer);
    bildIdx = bildIdx + 1;
	bild = bildIdx - 1;
	counter = counter + 1;
    if (bildIdx > (p - 1)) bildIdx = 0;
	if (counter > 5) counter = -1;
	g = bild;
	if (counter == 4) {
	//bildwechsel('big',g);
	if (g == 4) g=0;
	}
}