// Huidige foto houdt bij welke occasion momenteel getoond wordt:
huidigeFoto = 1;

// Functie die de het grote plaatje laat zien
function showLarge(id, number)
{	
	// d is om te zorgen dat steeds het nieuwste plaatje getoond wordt:
	var d = new Date();
	var time = d.getMilliseconds();
	document.getElementById('imgLarge').src = 'img/plaatjes/' + id + number + '.jpg?' + time;
	document.getElementById('enlarged').style.display = '';	
}

// Functie die het grote plaatje verbergt
function hideLarge()
{
	document.getElementById('enlarged').style.display = 'none';	
}

// Functie voor middelgroot plaatje bij occasions:
function showMedium(id, number, whichFolder)
{
	// d is om te zorgen dat steeds het nieuwste plaatje getoond wordt:
	var d = new Date();
	var time = d.getMilliseconds();
	document.getElementById('medium').src = 'img/plaatjes/' + whichFolder + '/id' + id + '_' + number + '_middel' + '.jpg?' + time;
	huidigeFoto = number;
}

// Functie die de breedte van een window terug geeft (fix voor dual screen met verschillende resoluties)
function getWindowWidth() 
{
	if (navigator.userAgent.indexOf('MSIE') > 0) {
	    return document.body.clientWidth;
		
	} else {
		return window.outerWidth;
	}
}

// Functie die imgLibrary aan het einde 1 keer alvast aanroept
// zodat het grote plaatje verbergt en gepositioneerd wordt.
function imgLibraryFirst()
{
	hideLarge();
	var screenW = getWindowWidth();
	var siteW = 900;
	var containerW = 350;
	var position = (screenW - siteW) / 2 + (siteW - containerW) / 2;
	document.getElementById('enlarged').style.left = position;
}

function showNewCurrent()
{
	document.getElementById('hidden_new').style.display = '';
}

// Functie die bij occasion.php (Function displayOccasion) gebruikt 
// wordt om de juiste image aan te tonen