/// ITEMS DIE METEEN AANGEMAAKT MOETEN WORDEN ///

// nieuwe foto array
var arrfotos = new Array();

var pointer = 0;
var album   = 4;
var timer	= 5;

var playing = false;
var timerIdTimeOut;

var buttons = new Array();
buttons['prev_disabled'] = "images/slide_prev_disabled.jpg";
buttons['prev'] = "images/slide_prev.jpg";
buttons['next_disabled'] = "images/slide_next_disabled.jpg";
buttons['next'] = "images/slide_next.jpg";
buttons['play_disabled'] = "images/slide_play_disabled.jpg";
buttons['play'] = "images/slide_play.jpg";
buttons['stop_disabled'] = "images/slide_stop.jpg";
buttons['stop'] = "images/slide_stop.jpg";
/*
buttons['prev_disabled'] = "images/control_rewind.png";
buttons['prev'] = "images/control_rewind_blue.png";
buttons['next_disabled'] = "images/control_fastforward.png";
buttons['next'] = "images/control_fastforward_blue.png";
buttons['play_disabled'] = "images/control_play.png";
buttons['play'] = "images/control_play_blue.png";
buttons['stop_disabled'] = "images/control_stop.png";
buttons['stop'] = "images/control_stop_blue.png";
*/

/// FUNCTIONS ///

// foto dialog
function showFotoMessage(currentalbum, foto, currentpointer) {
	document.getElementById('dialogMessageBg').style.display = 'block';
	document.getElementById('dialogFotoMessage').style.display = 'block';
	document.getElementById('time').value = timer;

	pointer = currentpointer;
	album   = currentalbum;

	if (pointer == 0) {
		document.getElementById('vorige').src = buttons['prev_disabled'];
		document.getElementById('vorige').disabled = 'disabled';
		document.getElementById('vorige').style.cursor = 'default';
	}
	
	if (pointer == (arrfotos[album].length - 1)) {
		document.getElementById('volgende').src = buttons['next_disabled'];
		document.getElementById('volgende').disabled = 'disabled';
		document.getElementById('volgende').style.cursor = 'default';
	}

	if( arrfotos[album].length == 1 ) {
		document.getElementById('play').src = buttons['play_disabled'];
		document.getElementById('play').disabled = 'disabled';
		document.getElementById('play').style.cursor = 'default';
	}

	document.getElementById('fotoAlbumTeller').innerHTML = "<b>Foto</b> " + (pointer + 1) + " van " + arrfotos[album].length;
	document.getElementById('fotoalbumImg').src = 'images/fotos/plattegrond/' + album + '/' + foto;
}

function hideFotoMessage() {
	document.getElementById('dialogMessageBg').style.display = 'none';
	document.getElementById('dialogFotoMessage').style.display = 'none';

	document.getElementById('fotoalbumImg').src = 'images/loader.gif';
	document.getElementById('fotoAlbumTeller').innerHTML = "";

	pointer = 0;

	document.getElementById('vorige').src = buttons['prev'];
	document.getElementById('vorige').disabled = '';
	document.getElementById('vorige').style.cursor = 'pointer';
	document.getElementById('volgende').src = buttons['next'];
	document.getElementById('volgende').disabled = '';
	document.getElementById('volgende').style.cursor = 'pointer';
	document.getElementById('play').src = buttons['play'];
	document.getElementById('play').disabled = '';
	document.getElementById('play').style.cursor = 'pointer';
	
	playing = false;
	stopFoto();
}
//- einde foto dialog

function vorigeFoto() {
	document.getElementById('fotoalbumImg').src = 'images/loader.gif';

	pointer--;
	
	if (pointer < 0) {
		pointer = 0;
	}
	
	document.getElementById('volgende').src = buttons['next'];
	document.getElementById('volgende').disabled = '';
	document.getElementById('volgende').style.cursor = 'pointer';
	
	document.getElementById('fotoAlbumTeller').innerHTML = "<b>Foto</b> " + (pointer + 1) + " van " + arrfotos[album].length;
	document.getElementById('fotoalbumImg').src = 'images/fotos/plattegrond/' + album + '/' + arrfotos[album][pointer];
	
	if (pointer == 0) {
		document.getElementById('vorige').src = buttons['prev_disabled'];
		document.getElementById('vorige').disabled = 'disabled';
		document.getElementById('vorige').style.cursor = 'default';
	}
}

function volgendeFoto() {
	document.getElementById('fotoalbumImg').src = 'images/loader.gif';

	pointer++;
	
	if (pointer > (arrfotos[album].length - 1)) {
		pointer = (arrfotos[album].length - 1);
	}
	
	document.getElementById('fotoAlbumTeller').innerHTML = "<b>Foto</b> " + (pointer + 1) + " van " + arrfotos[album].length;
	document.getElementById('fotoalbumImg').src = 'images/fotos/plattegrond/' + album + '/' + arrfotos[album][pointer];
	
	if (playing == false) {
		document.getElementById('vorige').src = buttons['prev'];
		document.getElementById('vorige').disabled = '';
		document.getElementById('vorige').style.cursor = 'pointer';

		if (pointer == (arrfotos[album].length - 1)) {
			document.getElementById('volgende').src = buttons['next_disabled'];
			document.getElementById('volgende').disabled = 'disabled';
			document.getElementById('volgende').style.cursor = 'default';
		}
	}
	
	if (playing == true) {
		if (pointer == (arrfotos[album].length - 1)) {
			stopFoto();
		} else {
			playFoto();
		}
	}
}

function setTimer() {
	timer = document.getElementById('time').value;
//	alert("Het aantal seconde voor de volgende foto is nu: " + timer + " sec.!");
}

function togglePlayer(){
	if( playing ){
		stopFoto();
	} else {
		if( pointer == (arrfotos[album].length - 1) ){
			pointer = -1;
			
			volgendeFoto();
		}
		
		playFoto();
	}
}

function playFoto() {
	if (pointer < (arrfotos[album].length - 1)) {
		document.getElementById('vorige').src = buttons['prev_disabled'];
		document.getElementById('vorige').disabled = 'disabled';
		document.getElementById('vorige').style.cursor = 'default';
		document.getElementById('volgende').src = buttons['next_disabled'];
		document.getElementById('volgende').disabled = 'disabled';
		document.getElementById('volgende').style.cursor = 'default';
		document.getElementById('play').src = buttons['stop'];

		document.getElementById('time').disabled = 'disabled';

		playing = true;
		timerIdTimeOut = setTimeout ("volgendeFoto()", (timer * 1000))
	} else {
		stopFoto();
	}
}

function stopFoto() {
	if (pointer > 0) {
		document.getElementById('vorige').src = buttons['prev'];
		document.getElementById('vorige').disabled = '';
		document.getElementById('vorige').style.cursor = 'pointer';
	}
	if (pointer < (arrfotos[album].length - 1)) {
		document.getElementById('volgende').src = buttons['next'];
		document.getElementById('volgende').disabled = '';
		document.getElementById('volgende').style.cursor = 'pointer';
	}

	document.getElementById('time').disabled = '';

	document.getElementById('play').src = buttons['play'];
	
	playing = false;
	clearTimeout(timerIdTimeOut);
}