/*
Hier worden de foto`s ingeladen en de laadbalk aangepast
*/

//--> Hulpvariable

	//--> Algemene variable
	var fl_fotonr	= 1;
	var fl_aantal	= 0;
	var fl_lengte	= 0;
	
	//--> Percentage voor de foto`s en per foto
	var fl_percfotos= 70;
	var fl_percperf	= 0;
	
	//--> Pagina inladen
	var fl_paginaurl;
	var fl_paginanr;
	var fl_verbind	= false;
	
	//--> Details weergegeven
	var fl_details	= false;
	
	//--> Alle foto`s in 1 zin aan elkaar door '-|-'
	var fl_ids;
	var fl_fotos;
	
	//--> Basis status
	var fl_stbasis	= "/afbeeldingen/opbouw/hulpmiddelen/laadbalk/details/status/";



//--> Functie voor het foto`s laden
function fl_laden()
{
	//--> Splits fotos op "-|-"
	var foto	= new Array();
	var fotos	= fl_fotos.split("-|-");
	
	//--> Percentage per foto
	fl_percperf	= ((fl_lengte/100)*fl_percfotos)/fl_aantal;
	
	//--> Alle foto`s doorlopen
	for(var i = 1; i <= fl_aantal; i++)
	{
		//--> Foto grijs weergeven
		document.getElementById('fl_nr' + i).src	= fl_stbasis + "geel.jpg";
		
		//--> Foto maken
		foto[i]			= new Image();		

		//--> Als laden lukt
		foto[i].onload	= function goed()
		{
			//--> Laadbalk en detials veranderen
			fl_weergave_goed();
		}
		
		//--> Als laden mislukt
		foto[i].onerror	= function fout()
		{
			//--> Laadbalk en detials veranderen
			fl_weergave_fout();
		}
		
		//--> Foto inladen
		foto[i].src		= fotos[i];
	}
}

//--> Foto laadbalk aanpassen
function fl_weergave()
{
	//--> Laadbalk weergave
	
		//--> Linkerstuk
		if(fl_fotonr == 1){	document.getElementById('laadbalk_links').style.visibility			= "visible"; }
	
		//--> Tussenstuk
		var lengte	= Math.round(fl_percperf*fl_fotonr);
		if(fl_fotonr == 1){	document.getElementById('laadbalk_midden').style.visibility			= "visible"; }
		document.getElementById('laadbalk_midden').style.width	= lengte;
			
	//--> Tekst weergave
	
		//--> Percentage
		var percentage	= Math.round((fl_percfotos/fl_aantal)*fl_fotonr);
		
		//--> Als percentage op 100 staat
		if(fl_aantal == fl_fotonr)
		{
			//--> Percentage instellen als voltooid tekst
			percentage	= "Foto`s ingeladen..";

			//--> Pagina inladen
			fl_paginaladen();
		}else
		{
			//--> Percentage instellen als 100%
			percentage	= percentage + "%";
		}

		//--> Tekstbalk
		document.getElementById('laadbalk_tekst').innerHTML	= percentage;
		
	//--> Fotonummer ophogen
	fl_fotonr++;
}

//--> Foto details + laadbalk aanpassen
function fl_weergave_goed()
{
	//--> Details aanpassen
	document.getElementById('fl_nr' + fl_fotonr).src	= fl_stbasis + "groen.jpg";
	
	//--> Laadbalk aanpassen
	fl_weergave();
}

//--> Foto details + laadbalk aanpassen
function fl_weergave_fout()
{
	//--> Details aanpassen
	document.getElementById('fl_nr' + fl_fotonr).src	= fl_stbasis + "groen.jpg";
	
	//--> Laadbalk aanpassen
	fl_weergave();
}



//--> Pagina laden

	//--> [Pagina] Laad functie zelf
	function fl_paginaladen()
	{
		//--> Verbinding openen
		if(window.XMLHttpRequest)
		{
			try
			{
				//--> Probeer verbinding op te zetten
				fl_verbind	= new XMLHttpRequest();
			}catch(e)
			{
				//--> Verbinding opzetten mislukt
				fl_verbind	= false;
			}
		}else if(window.ActiveXObject)
		{
			try
			{
				try
				{
					//--> Probeer verbinding op te zetten
					fl_verbind = new ActiveXObject("Msxml2.XMLHTTP");	
				}catch(e)
				{
					//--> Probeer verbinding op te zetten
					fl_verbind = new ActiveXObject("Microsoft.XMLHTTP");
				}
			}catch(e)
			{
				//--> Verbinding opzetten mislukt
				fl_verbind	= false;
			}
		}
		
		//--> Als er een pagina gevonden is
		if(fl_verbind)
		{
			//--> Send inhoud
			var sendinhoud	= "vars=" + fl_paginavars + "&fotos=" + fl_ids;
			
			//--> Verbinden
			fl_verbind.onreadystatechange = fl_paginaladen_verandering;
			fl_verbind.open("POST", fl_paginaurl, true);
			fl_verbind.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
			fl_verbind.setRequestHeader("Content-lengt", sendinhoud.length);
			fl_verbind.send(sendinhoud);
		}
	}
	
	//--> [Pagina] Laad verandering
	function fl_paginaladen_verandering()
	{	
		//--> Status 0 [uninitialized]
		if(fl_verbind.readyState == 0)
		{
			//--> Laadbalk aanpassen
			document.getElementById('laadbalk_tekst').innerHTML 	= "Bezig met initialiseren..";
			document.getElementById('laadbalk_midden').style.width	= (fl_lengte/100)*(fl_percfotos+(((100-fl_percfotos)/5)*1));
		}
		
		//--> Status 1 [loading]
		if(fl_verbind.readyState == 1)
		{
			//--> Laadbalk aanpassen
			document.getElementById('laadbalk_tekst').innerHTML 	= "Bezig met verzenden..";
			document.getElementById('laadbalk_midden').style.width	= (fl_lengte/100)*(fl_percfotos+(((100-fl_percfotos)/5)*2));
		}
		
		//--> Status 2 [loaded]
		if(fl_verbind.readyState == 2)
		{
			//--> Laadbalk aanpassen
			document.getElementById('laadbalk_tekst').innerHTML 	= "Bezig met ontvangen..";
			document.getElementById('laadbalk_midden').style.width	= (fl_lengte/100)*(fl_percfotos+(((100-fl_percfotos)/5)*3));
		}
		
		//--> Status 3 [interactive]
		if(fl_verbind.readyState == 3)
		{
			//--> Laadbalk aanpassen
			document.getElementById('laadbalk_tekst').innerHTML 	= "Bezig met verwerken..";
			document.getElementById('laadbalk_midden').style.width	= (fl_lengte/100)*(fl_percfotos+(((100-fl_percfotos)/5)*4));
		}
		
		//--> Status 4 [complete]
		if(fl_verbind.readyState == 4 && fl_verbind.status == 200)
		{
			//--> Laadbalk aanpassen
			document.getElementById('laadbalk_tekst').innerHTML 		= "Bezig met weergeven..";
			document.getElementById('laadbalk_midden').style.width		= fl_lengte;
			document.getElementById('laadbalk_rechts').style.visibility	= "visible";

			//--> Pagina inhoud weergeven
			setTimeout("fl_paginaladen_voltooien();", 100);
		}
	}
	
	//--> [Pagina] inladen voltooien
	function fl_paginaladen_voltooien()
	{		
		//--> Inhoud in veld plaatsen
		document.getElementById('fotooverzicht').innerHTML = fl_verbind.responseText;
	}



//--> Foto laden - details weergeven/verbergen
function fl_detailsweergave()
{
	//--> Hulp variable
	var fl_detailstekst	= document.getElementById('laadbalk_details').style;
	var fl_detailsknop	= document.getElementById('fl_knop');
		
	//--> Als de details niet weergegeven zijn
	if(!fl_details)
	{
		//--> Details weergeven
		fl_detailstekst.visibility	= "visible";
		fl_detailstekst.height		= "100%";
		fl_detailstekst.overflow	= "hidden";
		
		//--> Knop wijzigen
		fl_detailsknop.src	= "afbeeldingen/opbouw/hulpmiddelen/laadbalk/details/knoppen/verbergen.jpg";
		
		//--> Datails op true zetten
		fl_details = true;
	}else
	{
		//--> Details weergeven
		fl_detailstekst.visibility	= "hidden";
		fl_detailstekst.height		= 1;
		fl_detailstekst.overflow	= "auto";
		
		//--> Knop wijzigen
		fl_detailsknop.src	= "afbeeldingen/opbouw/hulpmiddelen/laadbalk/details/knoppen/weergeven.jpg";
		
		//--> Datails optrue zetten
		fl_details = false;
	}
}