var bcColor;
var albumFotos;
var currentFoto;
var currentAid;
var textArray = [];
var widthArray = [];
var extArray = [];

function showLarge(id, number, cWidth, cHeight, filetype, imgTxt, dbNumber)
{	
	if(dbNumber == "") {
		document.getElementById('imgText').style.display = 'none';
		document.getElementById('txtSubmit').style.display = 'none';
	} else {
		document.getElementById('imgText').style.display = '';
		document.getElementById('txtSubmit').style.display = '';		
	}
	
	// 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 + '.' + filetype + '?' + time;
	document.getElementById('enlarged').style.width = cWidth;			
	
	// Zet de tekst in de textarea:
	document.getElementById('imgText').value = imgTxt;
	document.getElementById('txtNumber').value = dbNumber;

	// Zorg nu dat het geheel gecentreerd wordt (horizontaal & verticaal)
	var screenH = getWindowHeight();
	var siteW = 1000;	
	var siteH = Math.abs((screenH - cHeight) / 2) - 200; 
	var position = (siteW - cWidth) / 2;
	if(navigator.userAgent.indexOf('MSIE') > 0) {
		document.getElementById('enlarged').style.left = (siteW - cWidth) / 2;						
	} else {
		document.getElementById('enlarged').style.left = position;						
	}
	document.getElementById('enlarged').style.top = siteH;	
	
	// Laat het geheel zien
	document.getElementById('enlarged').style.display = '';
}


// Functie die de het grote plaatje laat zien
function showFotoLarge(id, number, cWidth, cHeight, filetype, clientSide, imgText)
{	
	// 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/fotos/' + id + '_' + number + '.' + filetype + '?' + time;
	document.getElementById('foto_enlarged').style.width = cWidth;			
	
	if(clientSide) {
		// Zet de juiste text bij het plaatje:
		document.getElementById('fotoText').innerHTML = imgText; 		
		
		// Info voor de vorige/volgende
		currentFoto = parseInt(number);
		currentAid = parseInt(id);
				
		// Zorg nu dat het geheel gecentreerd wordt (horizontaal) CLIENT kant
		var screenW = getWindowWidth();
		var screenH = getWindowHeight();
		var siteW = 1000;	
		var position = (screenW - siteW) / 2 + (siteW - cWidth) / 2;
		// Controleer of we in IE zitten, daar wordt het element namelijk vanuit binnen
		// gepakt en moeten we dus niet de (screenW - siteW) / 2 erbij optellen 
		if(navigator.userAgent.indexOf('MSIE') > 0) {
			document.getElementById('foto_enlarged').style.left = (siteW - cWidth) / 2;						
		} else {
			document.getElementById('foto_enlarged').style.left = position;						
		}
		
		// Verticaal iets hoger zetten:
		document.getElementById('foto_enlarged').style.top = 340;
		
	} else {
		// Zet de juiste text in de textarea:
		imgText = imgText.replace("<br>", "\n");
		document.getElementById('fotoText').value = imgText;
		
		// Zet de hidden element op het juiste nummer (dan kan tekst opgeslagen worden)
		document.getElementById('fotoNumber').value = number;
		
		// Zorg nu dat het geheel gecentreerd wordt (horizontaal) CLIENT kant
		var screenW = getWindowWidth();
		var screenH = getWindowHeight();
		var siteW = 1000;	
		var position = (screenW - siteW) / 2 + (siteW - cWidth) / 2;
		// Controleer of we in IE zitten, daar wordt het element namelijk vanuit binnen
		// gepakt en moeten we dus niet de (screenW - siteW) / 2 erbij optellen 
		if(navigator.userAgent.indexOf('MSIE') > 0) {
			document.getElementById('foto_enlarged').style.left = (siteW - cWidth) / 2;						
		} else {
			document.getElementById('foto_enlarged').style.left = position;						
		}
	}
	
	// Laat het geheel zien
	document.getElementById('foto_enlarged').style.display = '';
}

// Functie die de BC selecter laat zien
function showBCLarge(page, number, color) {

	// Zorg nu dat het geheel horizontaal gecentreerd wordt
	var siteW = 550;	
	var position = (siteW - 350) / 2;
	document.getElementById('bordercolor').style.left = position;	
	
	// Zorg nu dat de hidden input elements de "page" en "number" bevatten
	// zodat die in de database gebruikt kunnen worden
	document.getElementById('bcPage').value = page;
	document.getElementById('bcNumber').value = number;
	
	// Zet de kleur in de globale variabel:
	this.bcColor = color;
	
	// Roep bcReset functie aan om juiste kleur aan te geven uit DB:
	bcReset();
	
	// Laat het geheel zien
	document.getElementById('bordercolor').style.display = '';			
}

function bcReset() {
	// Input box van de kleur selectie, zet de kleur uit de DB en zorg
	// dat de kleur selectie ge-update wordt
	var inputBox = document.getElementById('bcDisplay');
	inputBox.value = this.bcColor;
	// IE:
	if(inputBox.fireEvent) {
		inputBox.fireEvent('onchange');
	}
	// Firefox:
	if(document.createEvent) {
		var evt = document.createEvent('HTMLEvents');
		
		if(evt.initEvent) {
			evt.initEvent('change', true, true);
		}
		if(inputBox.dispatchEvent) {
			inputBox.dispatchEvent(evt);
		} 
	}		
}

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


function hideFotoLarge() {
	document.getElementById('foto_enlarged').style.display = 'none';
}


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

// 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;
	}
}

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

// Next / previous functies voor de foto:
function switchFoto(change) {
	// d is om te zorgen dat steeds het nieuwste plaatje getoond wordt:
	var d = new Date();
	var time = d.getMilliseconds();
	
	// Moet wederom gecentreerd worden hier:
	var screenW = getWindowWidth();
	var screenH = getWindowHeight();
	var siteW = 1000;		
	var cWidth = 0;
	
	// Controleer of we terug naar 1 moeten:
	if((currentFoto + change) > albumFotos) {
		document.getElementById('imgLarge').src = 'img/fotos/' + currentAid + '_1.' + extArray[1] + '?' + time;
		// Zet juiste breedte:
		document.getElementById('foto_enlarged').style.width = widthArray[1];
		cWidth = widthArray[1];
		
		// Set text
		if(textArray[1] != undefined) 
			document.getElementById('fotoText').innerHTML = textArray[1];
		else 
			document.getElementById('fotoText').innerHTML = '';
		
			
		currentFoto = 1;
	// Controleer of we naar de laatste moeten:
	} else if((currentFoto + change) <= 0) {
		document.getElementById('imgLarge').src = 'img/fotos/' + currentAid + '_' + albumFotos + '.' +
													extArray[albumFotos] + '?' + time;
		// Zet juiste breedte:
		document.getElementById('foto_enlarged').style.width = widthArray[albumFotos];
		cWidth = widthArray[albumFotos];
		
		// Set text
		if(textArray[albumFotos] != undefined)		
			document.getElementById('fotoText').innerHTML = textArray[albumFotos];
		else
			document.getElementById('fotoText').innerHTML = '';
		
		currentFoto = albumFotos;		
	// Ga gewoon door:
	} else {
		document.getElementById('imgLarge').src = 'img/fotos/' + currentAid + '_' + (currentFoto + change) + '.' +
												 extArray[(currentFoto + change)] + '?' + time;	
		// Zet juiste breedte:
		document.getElementById('foto_enlarged').style.width = widthArray[(currentFoto + change)];
		cWidth = widthArray[(currentFoto + change)];
		
		// Set text
		if(textArray[(currentFoto + change)] != undefined)
			document.getElementById('fotoText').innerHTML = textArray[(currentFoto + change)];
		else
			document.getElementById('fotoText').innerHTML = '';
						
		currentFoto = ((currentFoto) + change);				
	}

	var position = (screenW - siteW) / 2 + (siteW - cWidth) / 2;	
	// Nu is position (de variabel) ook goed gezet, dus nu centeren:
	if(navigator.userAgent.indexOf('MSIE') > 0) {
		document.getElementById('foto_enlarged').style.left = (siteW - cWidth) / 2;						
	} else {
		document.getElementById('foto_enlarged').style.left = position;						
	}	
}