// JavaScript Document

// Funktion Bildwechechsel der kleinen Bilder --->
function blendbanner(divid, imageid, imagefile, millisec) {
        var speed = Math.round(millisec / 100); // Dauer bis zum naechsten Bild in Sekunden (gerundet)
        var timer = 0;
        if (blendBanner)
        {
            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("changeOpacBanner(" + i + ",'" + imageid + "', '" + divid+"')",(timer * speed));
			if(i == 50) {
			changeLinkAndTitle();	
			}
            timer++;
        }
    }
// erhoehen und reduzierung des Transparenzwertes -->
function changeOpacBanner(opacity, imageid, divid) {
    if (blendBanner)
    {
        changeBannerOpac(opacity, imageid);
        changeBannerOpac(100-opacity, divid);
    }
    else
    {
        changeBannerOpac(100-opacity, imageid);
        changeBannerOpac(opacity, divid);
    }
    if (opacity == 100)
    {
        setTimeout("startBannerWechsel()", BannerwechselDauer); // Verzoegerung bis die Funktion des Bildwechsel aufgerufen wird
        blendBanner = !blendBanner;
    }
    document.getElementById(imageid).style.visibility = 'visible';
}
// Funktion Transparenz veraendern / Style-Angaben fuer verschiedene Browser --->
function changeBannerOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100); // fuer Safari und Firefox
    object.filter = "alpha(opacity=" + opacity + ")"; // fuer InternetExplorer
}

// Funktion Link wechseln



var BannerwechselDauer = 2000; // Dauer bis zum naechsten Bild
var BannertransparenzDauer = 1500;  // Laenge der Transparenzveraenderung

//Ab hier das Script fuer weitere Projekte Anpassen (Reihenfolge beachten):
var Banner = new Array();// Bildpfade
Banner[0] = '/images/banner_drv.jpg'; 
Banner[1] = '/images/banner_alsterwetter.jpg'; 

var title = new Array(); // Ueberschriften
title[0] = 'DRV';
title[1] = 'Alsterwetter';

var BannerLinkhref = new Array(); // Adressen der Links
BannerLinkhref[0] = 'http://www.rudern.de/';
BannerLinkhref[1] = 'http://alsterwetter.de/';

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



BannerLinkstatus = 0;
function changeLinkAndTitle() {
	BannerLinkstatus = BannerLinkstatus + 1;
	if (BannerLinkstatus == Banner.length) {
		BannerLinkstatus = 0;
		}
	document.getElementById("changeBannerlink").href = BannerLinkhref[BannerLinkstatus];
	document.getElementById("changeBannerlink").target = BannerLinktarget[BannerLinkstatus];
	document.getElementById("changeBannerlink").title = title[BannerLinkstatus];
}


var BannerIdx = 1;
var m = Banner.length; // Anzahl aller Bilder
var BannerPreLoad = new Array();
var blendBanner = true;
// Bildschleife 
for (i = 0; i < m; i++) 
{
    BannerPreLoad[i] = new Image();
    BannerPreLoad[i].src = Banner[i];
}
var counter = -1; // counter setzen fuer wechsel des grossen bildes
function startBannerWechsel() {
    blendbanner('blendbannerdiv', 'blendbanner', BannerPreLoad[BannerIdx].src, BannertransparenzDauer);
    BannerIdx = BannerIdx + 1;
	bild = BannerIdx - 1;
	counter = counter + 1;
    if (BannerIdx > (m - 1)) BannerIdx = 0;
	if (counter > 5) counter = -1;
	g = bild;
	if (counter == 4) {
	//bildwechsel('big',g);
	if (g == 4) g=0;
	}
}