var totalShow = function()
{
	//totalShow.begin();
	function init ()
	{
		var el1 = document.getElementById('slideFirst');
		var el2 = document.getElementById('slideRewind');
		var el3 = document.getElementById('slideB');
		var el4 = document.getElementById('slidePause');
		var el5 = document.getElementById('slideF');
		var el6 = document.getElementById('slidePlay');
		var el7 = document.getElementById('slideLast');

		el1.onclick = totalShow.eerste;
		el2.onclick = totalShow.speelTerug;
		el3.onclick = function(){totalShow.pauze();totalShow.terug();};
		el4.onclick = totalShow.pauze;
		el5.onclick = function(){totalShow.pauze();totalShow.voor();};
		el6.onclick = totalShow.speelVoor;
		el7.onclick = totalShow.laatste;
	};

	function slideFirst ()
	{
		currentImg  =  1;
		slideB();
		slidePause();
	};

	function slideB ()
	{
		element2 = document.getElementById('slide');
		currentImg -= 1;

		if (currentImg < 0) {
			currentImg = arr.length - 1;
		}

		document.getElementById('slideCount').innerHTML = currentImg+1 + "/" + arr.length;
		document.getElementById('slideTitle').innerHTML = arr[currentImg]['title'];
		element2.src = arr[currentImg]['src'];
	};

	function slideRewind ()
	{
		clearInterval(playShow);
		playShow=setInterval('totalShow.terug()' , 1000);
	};

	function slidePause ()
	{
		clearInterval(playShow);
	};

	function slideF ()
	{
		element2 = document.getElementById('slide');
		currentImg += 1;

		if (currentImg >= arr.length) {
			currentImg = 0;
		}

		document.getElementById('slideCount').innerHTML = currentImg+1 + "/" + arr.length;
		document.getElementById('slideTitle').innerHTML = arr[currentImg]['title'];
		element2.src = arr[currentImg]['src'];
	};

	function slidePlay ()
	{
		clearInterval(playShow);
		playShow=setInterval('totalShow.voor()' , 1000);
	};

	function slideLast ()
	{
		currentImg  =  0;
		slideB();
		slidePause();
	};

	arr = Array();

	arr[0] = {'src' : '../images/1/2.JPG' , 'title' : 'Foto 1'};
	arr[1] = {'src' : '../images/1/3.JPG' , 'title' : 'Foto 2'};
	arr[2] = {'src' : '../images/1/4.JPG' , 'title' : 'Foto 3'};
	arr[3] = {'src' : '../images/1/5.JPG' , 'title' : 'Foto 4'};
	arr[4] = {'src' : '../images/3/6.JPG' , 'title' : 'Foto 5'};
	arr[5] = {'src' : '../images/3/7.JPG' , 'title' : 'Foto 6'};
	arr[6] = {'src' : '../images/2/8.JPG' , 'title' : 'Foto 7'};
	arr[7] = {'src' : '../images/2/9.JPG' , 'title' : 'Foto 8'};
	arr[8] = {'src' : '../images/2/10.JPG' , 'title' : 'Foto 9'};
	arr[9] = {'src' : '../images/2/11.JPG' , 'title' : 'Foto 10'};
	arr[10] = {'src' : '../images/4/12.JPG' , 'title' : 'Foto 11'};
	arr[11] = {'src' : '../images/4/13.JPG' , 'title' : 'Foto 12'};
	arr[12] = {'src' : '../images/4/14.JPG' , 'title' : 'Foto 13'};
	arr[13] = {'src' : '../images/4/15.JPG' , 'title' : 'Foto 14'};
	arr[14] = {'src' : '../images/4/16.JPG' , 'title' : 'Foto 15'};
	arr[15] = {'src' : '../images/4/17.JPG' , 'title' : 'Foto 16'};
	arr[16] = {'src' : '../images/4/18.JPG' , 'title' : 'Foto 17'};
	arr[17] = {'src' : '../images/5/19.JPG' , 'title' : 'Foto 18'};
	arr[18] = {'src' : '../images/5/20.JPG' , 'title' : 'Foto 19'};
	arr[19] = {'src' : '../images/6/21.JPG' , 'title' : 'Foto 20'};
	arr[20] = {'src' : '../images/6/22.JPG' , 'title' : 'Foto 21'};

	var currentImg = 0;
	playShow = 0;

	return{
		begin : init
		, eerste : slideFirst
		, speelTerug : slideRewind
		, terug : slideB
		, pauze : slidePause
		, voor : slideF
		, speelVoor : slidePlay
		, laatste : slideLast
	};
}();

window.onload = function()
{
	totalShow.begin();
};