// JavaScript Document

//######################################################################
//ImageSwitch###########################################################
//######################################################################



// Funktionen beim laden der Seite starten
if (document.addEventListener) {
    addEventListener('load',initPicChanger,false);
} else if (window.attachEvent) {
    window.attachEvent('onload',initPicChanger);

}

var pic = 1;
function initPicChanger() {
	//Vorladen der Bilder
	PreloadImages('images/postcard2.jpg','images/postcard3.jpg','images/postcard4.jpg','images/postcard5.jpg');
    // Austausch der Hintergrundbilder starten
    window.setInterval(PicChanger, 7000); // Minimum: 2300 Millisekunden - schön bei 7000
}

//Bilder vorladen
function PreloadImages()
{
    document.PreloadImages = new Array();

    if(document.images)
    {
        for(var i = 0; i < PreloadImages.arguments.length; i++)
        {
            document.PreloadImages[i] = new Image();
            document.PreloadImages[i].src = PreloadImages.arguments[i];
        }
    }
}

 // Austauschen
 
function PicChanger() {
    // ID des nächsten Bildes
    pic = pic +1;
    if (pic > 4) { pic = 1; }

    if (window.navigator.userAgent.indexOf("MSIE 6") > -1) {
				
		document.all.old.filters.blendTrans.Apply();
		document.all.old.src = 'images/postcard'+pic+'.jpg';
		document.all.old.filters.blendTrans.Play();
		
	} 
	else if ((window.navigator.userAgent.indexOf("MSIE") > -1) && (window.navigator.userAgent.indexOf("MSIE 7") == -1) && (window.navigator.userAgent.indexOf("MSIE 6") == -1)) {
			
		document.getElementById('old').src = 'images/postcard'+pic+'.jpg';	
	}
	else if ((window.navigator.userAgent.indexOf("MSIE") == -1) || (window.navigator.userAgent.indexOf("MSIE 7") > -1)) {
        // sprictaculous für Firefox, Opera, IE 7.0 & Co.
		// Altes durch "aktuell" Neues austauschen
        document.getElementById('old').src = document.getElementById('new').src;

        // "Aktuell" Neues Bild ausblenden
        new Effect.Appear(document.getElementById('old'), { duration:0.1 });

        // Nach 200 Ms neues Bild auswählen
        window.setTimeout('partTwo()', 200);
    }
}

function partTwo() {
    // Ersetzen der Bilder bei scriptaculous (Wartezeit einbauen)

    // neues Bild setzen
   	document.getElementById('new').src = 'images/postcard'+pic+'.jpg';

    // altes ausfaden
    new Effect.Fade(document.getElementById('old'), { duration:2.0 });
}