/*
 * Copyright Potato Die 2010
 * All rights reserved
 */

var fadeDuur = 2000;	// duur van fade in ms.
var tussentijd = 5000; // Tijd tussen 2 fades in ms. Oftewel de tijd dat een banner staat

window.onload = function ()
{
	startCrossFadeSeries();
}

var container;

		
function startCrossFadeSeries() 
{
	var level1DOMsupported = document.createElement;
	// Let op dat er geen tekstnodes in mContainer staan
	container = document.getElementById("mContainer");	
	var bannerArray = [
	    ["userfiles/afbeeldingen/banners/010018-01-banner-ad1.jpg", "http://www.senioreninspireren.nl/verhalen/thema/algemeen/bekijk/vraag-maar-raak"],
	    ["userfiles/afbeeldingen/banners/010018-01-banner-ad2.jpg", " http://www.senioreninspireren.nl/verhalen/thema/algemeen/bekijk/prachtverhalen-van-oude-bekenden"],
	    ["userfiles/afbeeldingen/banners/010018-01-banner-aida.jpg", " http://www.senioreninspireren.nl/verhalen/thema/algemeen/bekijk/afscheid-nemen-van-een-dierbare"],
	    ["userfiles/afbeeldingen/banners/010018-01-banner-dorine.jpg", " http://www.senioreninspireren.nl/verhalen/thema/algemeen/bekijk/andere-culturen-leren-kennen"],
	    ["userfiles/afbeeldingen/banners/010018-01-banner-els.jpg", " http://www.senioreninspireren.nl/verhalen/thema/algemeen/bekijk/verhalen-uit-het-verleden"],
	    ["userfiles/afbeeldingen/banners/010018-01-banner-johan.jpg", " http://www.senioreninspireren.nl/verhalen/thema/algemeen/bekijk/interesses-delen-met-elkaar"],
	    ["userfiles/afbeeldingen/banners/010018-01-banner-liena.jpg", " http://www.senioreninspireren.nl/verhalen/thema/algemeen/bekijk/nieuwe-vrienden-ontmoeten"],
        ["userfiles/afbeeldingen/banners/010018-01-banner-maries.jpg", " http://www.senioreninspireren.nl/verhalen/thema/algemeen/bekijk/een-ander-blij-maken"],
        ["userfiles/afbeeldingen/banners/010018-01-banner-marjan.jpg", " http://www.senioreninspireren.nl/verhalen/thema/algemeen/bekijk/verre-afstanden-komen-dichtbij"],
        ["userfiles/afbeeldingen/banners/010018-01-banner-nellycoos.jpg", " http://www.senioreninspireren.nl/verhalen/thema/algemeen/bekijk/verliefd-getrouwd-gelukkig"],
        ["userfiles/afbeeldingen/banners/010018-01-banner-tiny.jpg", " http://www.senioreninspireren.nl/verhalen/thema/algemeen/bekijk/eindelijk-weer-contact"]
	 ];
	
	if ( !container || !level1DOMsupported || bannerArray.length < 1 )
	{
		return;
	}
	
	container.innerHTML = '';
	
	function legKaartjeOpStapel( banner )
	{ 
		var kaartje = document.createElement( 'a' ); // doe <a> ipv <div>
		kaartje.className = "mPhoto";
		kaartje.href = banner[1];
		var afb = document.createElement( "img" );
		afb.src = banner[0];
		afb.alt = '';		
		kaartje.appendChild ( afb );
		container.appendChild ( kaartje );
		// Leg hem onderop
		//container.insertBefore ( kaartje, container.firstChild );				
	}
	
	// Maak stapel
	for ( var i = bannerArray.length - 1; i != -1; i-- )
	{
		legKaartjeOpStapel ( bannerArray[i] );
	}

	window.setTimeout ( "crossFadeSeries()", tussentijd);
}
	
var fadeStart;			// begintijdstip van fade
var fading = false;
var verversPeriode = 10;	// Snelheid waarmee beeldscherm wordt ververst in ms. Pakt vaak lager uit.

function crossFadeSeries() 
{
	var nu = new Date();
	var timeout;
	if ( !fading )
	{
		fadeStart = nu.getTime();
		fading = true;
	}

	// Parameter t loopt van 0 naar 1
	var t = ( nu.getTime() - fadeStart ) / fadeDuur;
	
	if ( t < 1 ) // Fade nog gaande
	{
		var dekking = 100 * (1 - t);
		setOpacity ( container.lastChild, dekking );

		timeout = verversPeriode;	
	}
	else // Tijd is om. Fade voltooien:
	{
		var fadedKaartje = container.lastChild;
		container.insertBefore ( fadedKaartje, container.firstChild );		
		setOpacity ( fadedKaartje, 100 );

		fading = false;
	
		// Volgende fade na pauze (tussentijd)
		timeout = tussentijd;
	}

	setTimeout ( "crossFadeSeries()", timeout);
}

function setOpacity ( element, opacity ) 
{
	// In NN / Moz, when opacity is 100, flickering occurs. If the opacity is reduced to 99.99, this does not happen.
	if (opacity == 100 && (navigator.userAgent.indexOf('Gecko') != -1 && navigator.userAgent.indexOf('Safari') == -1)) 
	{
		opacity = 99.99;
	}

	// Set CSS 3, Moz, NN, FF, gecko, Konqueror, Safari
	element.style.opacity = element.style.MozOpacity = element.style.KhtmlOpacity = opacity / 100;

	// Set IE
	element.style.filter = 'alpha(opacity=' + opacity + ')';
}