//--> Foto`s wisselen

var fotos	= new Array("1.jpg", "2.jpg", "3.jpg", "4.jpg", "5.jpg", "6.jpg", "7.jpg", "8.jpg", "9.jpg", "10.jpg", "11.jpg");

var fotonu	= 0;

var fotoalp	= 100;

var timer;



//--> Alle 3 de cellen op gelijke hoogte zetten

var ft_cel	 = document.getElementById('foto_cel');

var st_achte = document.getElementById('status_achtergrond');

var st_loper = document.getElementById('status_loper').style;

var st_telle = document.getElementById('status_teller');



//--> Hoogte, Breedte, Left en Top uitlezen

var u_hoog		= st_achte.style.height.split("p");

var u_breed		= st_achte.style.width.split("p");

var u_boven		= st_achte.offsetTop + ft_cel.offsetTop;

var u_links		= st_achte.offsetLeft + ft_cel.offsetLeft;



//--> Loper instellen

st_loper.height		= u_hoog[0]-2;

st_loper.width		= 0;

st_loper.top		= u_boven+1;

st_loper.left		= u_links+1;



//--> Teller instellen

st_telle.style.height	= u_hoog[0];

st_telle.style.width	= u_breed[0];

st_telle.style.top		= u_boven+2;

st_telle.style.left		= u_links;



	//--> Functie 'Foto vaag in/uit'

	function foto_inuit(actie)

	{

		//--> Foto vaag 'in'

		if(actie == 'in')

		{

			//--> Als 'Alpha' nog niet 100% is

			if(fotoalp < 100)

			{

				//--> Alpha optellen

				fotoalp = fotoalp+1;

				

				//--> Foto aanpassen

				document.images.foto.style.filter	= "alpha(opacity=" + fotoalp + ");";

				

				//--> Timeout

				clearTimeout(timer);

				timer = setTimeout("foto_inuit('in');", 20);

			}

			

			//--> Als 'Alpha' 100% is dan weer afbouwen na 1 seconden

			if(fotoalp == 100)

			{

				//--> Timeout

				clearTimeout(timer);

				timer = setTimeout("foto_inuit('uit');", 1000);

			}

		}

		

		//--> Foto vaag 'uit'

		if(actie == 'uit')

		{

		

			//--> Als 'Alpha' nog niet 0% is

			if(fotoalp > 0)

			{

				//--> Alpha optellen

				fotoalp = fotoalp-1;

				

				//--> Foto aanpassen

				document.images.foto.style.filter	= "alpha(opacity=" + fotoalp + ");";

				

				//--> Timeout

				clearTimeout(timer);

				timer = setTimeout("foto_inuit('uit');", 20);

			}

			

			//--> Als 'Alpha' 100% is dan weer afbouwen na 1 seconden

			if(fotoalp == 0)

			{

				//--> Foto aanpassen

				if(fotonu < (fotos.length-1))

				{

					//--> Nummer ophogen

					fotonu++;

				}

				else

				{

					//--> Nummer resetten

					fotonu = 0;

				}

				

				//--> Foto veranderen

				document.images.foto.src	= "afbeeldingen/opbouw/welkom/fotos/" + fotos[fotonu];

				

				//--> Timeout

				clearTimeout(timer);

				timer = setTimeout("foto_inuit('in');", 20);

			}

		}

	}

				

	//--> Start wisseling

	foto_inuit('uit');

	

//--> Herplaats statusbalk

function status_herplaats()

{

	//--> Alle 3 de cellen op gelijke hoogte zetten

	var ft_cel	 = document.getElementById('foto_cel');

	var st_achte = document.getElementById('status_achtergrond');

	var st_loper = document.getElementById('status_loper').style;

	var st_telle = document.getElementById('status_teller');



	//--> Hoogte, Breedte, Left en Top uitlezen

	var u_hoog		= st_achte.style.height.split("p");

	var u_breed		= st_achte.style.width.split("p");

	var u_boven		= st_achte.offsetTop + ft_cel.offsetTop;

	var u_links		= st_achte.offsetLeft + ft_cel.offsetLeft;

	

	//--> Loper instellen

	st_loper.height		= u_hoog[0]-2;

	st_loper.width		= 0;

	st_loper.top		= u_boven+1;

	st_loper.left		= u_links+1;



	//--> Teller instellen

	st_telle.style.height	= u_hoog[0];

	st_telle.style.width	= u_breed[0];

	st_telle.style.top		= u_boven+2;

	st_telle.style.left		= u_links;

}



/*

Vanaf hier gaan we alle foto`s inladen en de laadbalk veranderen etc.

*/



	//--> Extra voor url

	var datum = new Date();

	var extra = datum.getYear()+""+datum.getMonth()+""+datum.getDay()+""+datum.getHours()+""+datum.getMinutes()+""+datum.getSeconds();

	

	//--> Alle adressen van foto`s ophalen

	var url			= "config/welkom.php?e=" + extra;

	var veld		= false;

	

	//--> Zoek een nieuws bericht

	veld							= new ActiveXObject("Microsoft.XMLHTTP");

	veld.onreadystatechange			= function (){ fotosladen(veld); }

	veld.open("GET", url, true);

	veld.send(null);

	

	//--> Functie voor foto`s te laden

	function fotosladen(veld)

	{

	

		//--> Controle of het echt klaar is

		if(veld.readyState == 4){

			

			//--> Alle afbeeldingen

			var afb	= veld.responseText;

			var afb	= afb.split("???||???"); 

			

			//--> Variable

			var aantal	= afb.length-1;

			var i		= 0;

			var j		= 0;

			var k		= 0;

			var afbl	= new Array(aantal);

			var tekst;

			

			//--> Alle afbeeldingen afgaan

			for(i; i < aantal; i++)

			{

				//--> Afbeeldingen

				afbl[i]			= new Image();

				afbl[i].onload	= geladen;

				afbl[i].onerror	= foutmelding;

				afbl[i].src		= afb[i];

			}

			

			//--> Foto geladen laadbalk verlengen

			function geladen()

			{

				//--> J ophogen

				j++;

					

				//--> K instellen

				k	= ((u_breed[0]-2)/aantal)*j;

				

				//--> Tekst

				if(j < aantal)

				{

					tekst	= j + "/" + aantal;

				}else{

					tekst	= "Laden voltooid.";

				}

				

				//--> Teller ophogen

				st_telle.innerHTML	= tekst;

				

				//--> Balk verlengen

				st_loper.width		= k;

			}

			

			//--> Foto niet ingeladen

			function foutmelding()

			{

				alert("Foto niet gevonden!");

			}

		}

	}