function View(reageerOpKlikOpMenu, 
			  toonGallery, 
			  toonProducts, 
			  reageerOpKlikOpVolgende, 
			  reageerOpKlikOpVorige, 
			  reageerOpEindeSchuivenNaarVolgende, 
			  reageerOpEindeSchuivenNaarVorige, 
			  reageerOpEindeSchuivenNaarBenedenVoorLaden, 
			  reageerOpEindeSchuivenNaarBenedenVoorContent, 
			  reageerOpEindeSchuivenNaarBoven, 
			  reageerOpEindeSchuifNaarGekozenVolgendeFoto, 
			  reageerOpEindeSchuifNaarGekozenVorigeFoto)
{
	/************************************ Initialisatie ***********************************/
		
					var buttonHome = document.getElementById('Home');
					buttonHome.onclick = reageerOpKlikOpMenu;
					
					var buttonDJ = document.getElementById('DJ');
					buttonDJ.onclick = reageerOpKlikOpMenu;
					
					var buttonReferenties = document.getElementById('Referentie');
					buttonReferenties.onclick = reageerOpKlikOpMenu;
					
					var buttonLinks = document.getElementById('Links');
					buttonLinks.onclick = reageerOpKlikOpMenu;
					
					var buttonContact = document.getElementById('Contact');
					buttonContact.onclick = reageerOpKlikOpMenu;
					
			/*************************** Menu *************************/
				var contentContainerDiv = document.getElementById('contentContainer');
				var contentDiv = document.getElementById('mainContent');
				var contentTextDiv = document.getElementById('contentText');
				var loadingDiv = document.getElementById('loading');
				loadingDiv.style.display = "none";
				
				var contentTop = 0;
				var contentSwitchSpeed = 60;
				
				var myAfbeeldingen = new Array();
				
				menuItems = document.getElementById("menu").childNodes;
				var menu = new Array();
				var myImg = new Array();
				var menuNames = new Array();
				myImg[0] = new Image();
				myImg[0].src = "Images/Menu/Content.png";
				var k = 1;
				for (var i = 0; i < menuItems.length; i++) 
				{
					//alert( "i='" + i + "', name='" + menuItems[i].id + "', nodeType='" + menuItems[i].nodeType + "', nodeValue='" + menuItems[i].nodeValue + "'" );  
					if(menuItems[i].nodeType == 1 && menuItems[i].id != '')
					{
						myImg[k] = new Image();
						myImg[k].src = "Images/Menu/" + menuItems[i].id + 'Passive.gif';
						k++;
						myImg[k] = new Image();
						myImg[k].src = "Images/Menu/" + menuItems[i].id + 'Active.gif';
						menu[menuItems[i].id] = new Menu(""+menuItems[i].id+"");
						//menu[menuItems[i].id].setToestand("Passive");
						// alert(menu[menuItems[i].id]);
						k++;
					}
				}
				
			
			/***************************** Einde *********************************/
			
			/*************************** Diavoorstelling *************************/
			
					var vorigeFoto;
					var huidigeFoto;
					var volgendeFoto;
					
					var volgende;
					var vorige;
					
					var fotoSwitchSpeed = 35;
					
					var vorigeFotoDiv;
					var huidigeFotoDiv;
					var volgendeFotoDiv;
					var fotoDiv;
					var laatsteActieveFoto;
					
					var huidigeFotoLeft = 0;
					var vorigeFotoLeft = -400;
					
					
			/***************************** Einde *********************************/
			/*********************** NavigatieFotoBalk ***************************/
					
					var fotoNr;
					var navigatieFotoBalk = document.getElementById("fotoNavigator");
					
					var navigatorDiv = document.getElementById("navigator");
			/****************************** Einde *******************************/
			/*********************** divGalleryAndProducts **********************/
					
					var switchSpeed = 4;
					var divGalleryAndProducts = document.getElementById('menuButtons');
					galleryAndProductsTop = 0;
					
					var buttonGallery = document.getElementById('gallery');
					buttonGallery.onclick = toonGallery;
					
					var buttonProducts = document.getElementById('products');
					buttonProducts.onclick = reageerOpKlikOpMenu
					/*buttonProducts.onclick = toonProducts;*/

			/***************************** Einde *******************************/
			

			/************************* Foto's aanmaken *************************/
			
					var myFoto;
					var myImg;
					var aantalFotos;
					
			/**************************** Einde *******************************/
	/****************************** Einde initialisatie ***********************************/
	
	this.schuifDivGalleryAndProductsNaarBoven = schuifDivGalleryAndProductsNaarBoven;
	this.schuifContentNaarBenedenVoorLaden = schuifContentNaarBenedenVoorLaden;
	this.schuifContentNaarBenedenVoorContent = schuifContentNaarBenedenVoorContent;
	this.vulContent = vulContent;
	this.schuifContentNaarBoven = schuifContentNaarBoven;
	this.laadNavigator = laadNavigator;
	this.setEersteFoto = setEersteFoto;
	this.verwijderVolgendeDiv = verwijderVolgendeDiv;
	this.verwijderVorigeDiv = verwijderVorigeDiv;
	this.gaNaarVolgendeFoto = gaNaarVolgendeFoto;
	this.gaNaarVorigeFoto = gaNaarVorigeFoto;
	this.setVolgendeNewFotoId = setVolgendeNewFotoId;
	this.setVorigeNewFotoId = setVorigeNewFotoId;
	this.veranderDivIdNaarVolgende = veranderDivIdNaarVolgende;
	this.veranderDivIdNaarVorige = veranderDivIdNaarVorige;
	this.setVolgendeFoto = setVolgendeFoto;
	this.setVorigeFoto = setVorigeFoto;
	this.controleerGekozenFoto = controleerGekozenFoto;
	this.maakFoto = maakFoto;
	this.InitialiseerFotoAlbum = InitialiseerFotoAlbum;
	this.setGekozenNewVolgendeFotoId = setGekozenNewVolgendeFotoId;
	this.schuifDivGalleryAndProductsNaarBeneden = schuifDivGalleryAndProductsNaarBeneden;
	this.schuifProductenNaarBoven = schuifProductenNaarBoven;
	this.setGekozenNewVorigeFotoId = setGekozenNewVorigeFotoId;
	this.selecteerActieveFoto = selecteerActieveFoto;
	this.veranderToestand = veranderToestand;
	this.scrollMeeMetFotoNaarVolgende = scrollMeeMetFotoNaarVolgende;
	this.scrollMeeMetFotoNaarVorige = scrollMeeMetFotoNaarVorige;
	this.scrollMeeMetFotoNaarGekozenVolgende = scrollMeeMetFotoNaarGekozenVolgende;
	this.scrollMeeMetFotoNaarGekozenVorige = scrollMeeMetFotoNaarGekozenVorige;
	
	
	function veranderToestand(bronID, waarde)
	{
		var toestand = menu[bronID].geefToestand();
		menu[bronID].setToestand(waarde);
	}
	
	function maakFoto(afbeeldingen)
	{
		var arrayAfbeeldingen = afbeeldingen.split("?");
		myFoto = new Array();
		for(var i = 0; i < (arrayAfbeeldingen.length-1); i++)
		{
			myFoto[i] = new Foto();
			myFoto[i].setUrl(arrayAfbeeldingen[i]);
			myFoto[i].setId(i);
		}
		aantalFotos = (myFoto.length-1);
	}
	
	function schuifProductenNaarBoven()
	{
		window.alert("schuifProducten naar boven!");
	}
	
	function schuifDivGalleryAndProductsNaarBoven()
	{
		if(galleryAndProductsTop != -150)
		{
			if((galleryAndProductsTop - switchSpeed) < -150)
			{
				galleryAndProductsTop = galleryAndProductsTop - 1;
			}
			else
			{
				galleryAndProductsTop = galleryAndProductsTop - switchSpeed;
			}
			divGalleryAndProducts.style.marginTop = galleryAndProductsTop + "px";
			setTimeout(schuifDivGalleryAndProductsNaarBoven, 10);
		}
	}
	
	function schuifDivGalleryAndProductsNaarBeneden()
	{
		if(galleryAndProductsTop != 0)
		{
			if((galleryAndProductsTop + switchSpeed) > 0)
			{
				galleryAndProductsTop = galleryAndProductsTop + 1;
			}
			else
			{
				galleryAndProductsTop = galleryAndProductsTop + switchSpeed;
			}
			divGalleryAndProducts.style.marginTop = galleryAndProductsTop + "px";
			setTimeout(schuifDivGalleryAndProductsNaarBeneden, 10);
		}
		else
		{
			navigatieFotoBalk.innerHTML = "";
		}
	}
	
	
	function schuifContentNaarBenedenVoorLaden()
	{
		if(contentTop != 375)
		{
			if((contentTop + contentSwitchSpeed) > 375)
			{
				contentTop = contentTop + 1;
			}
			else
			{
				contentTop = contentTop + contentSwitchSpeed;
			}
			contentContainerDiv.style.marginTop = contentTop + "px";
			setTimeout(schuifContentNaarBenedenVoorLaden, 10);
		}
		else
		{
			reageerOpEindeSchuivenNaarBenedenVoorLaden();	
		}
	}
	
	function schuifContentNaarBenedenVoorContent()
	{
		if(contentTop != 375)
		{
			if((contentTop + contentSwitchSpeed) > 375)
			{
				contentTop = contentTop + 1;
			}
			else
			{
				contentTop = contentTop + contentSwitchSpeed;
			}
			contentContainerDiv.style.marginTop = contentTop + "px";
			setTimeout(schuifContentNaarBenedenVoorContent, 10);
		}
		else
		{
			reageerOpEindeSchuivenNaarBenedenVoorContent();
		}
	}
	
	function vulContent(answer,type)
	{
		if(type == "loading")
		{
			loadingDiv.style.display = "";
			contentDiv.style.display = "none";
		}
		else
		{
			loadingDiv.style.display = "none";
			contentDiv.style.display = "";
			contentDiv.innerHTML = answer;
		}
	}
	
	function schuifContentNaarBoven()
	{
		if(contentTop != 0)
		{
			if((contentTop - contentSwitchSpeed) < 0)
			{
				contentTop = contentTop - 1;
			}
			else
			{
				contentTop = contentTop - contentSwitchSpeed;	
			}
			contentContainerDiv.style.marginTop = contentTop + "px";
			setTimeout(schuifContentNaarBoven, 10);
		}
		else
		{
			reageerOpEindeSchuivenNaarBoven();
		}
	}
	
	
	function laadNavigator(newAlbum)
	{
		var j = 0;
		var album = newAlbum;
		startLoading();
		function startLoading()
		{
			fotoNr = "foto" + j;
			fotoDivKlein = document.createElement('div');
			fotoDivKlein.id = fotoNr;
			navigatieFotoBalk.appendChild(fotoDivKlein);
			fotoDivKlein.innerHTML = "<img src='Images/loadingImg.gif' />";
			fotoDivKlein.style.paddingTop = '35px';
			fotoDivKlein.style.paddingLeft = '35px';
			var myImg = new Image();
			myImg.onload = function() 
			{
				fotoDivKlein.style.paddingTop = '0px';
				fotoDivKlein.style.paddingLeft = '0px';
				fotoDivKlein.innerHTML = "<img src='Foto/"+ album +"/fotoKlein/"+ myFoto[j].getUrl()+"' onclick='reageerOpGekozenFoto("+j+")' />";
				if(j != (aantalFotos))
				{
					j++;
					startLoading();
				}
			}
			myImg.src = "Foto/"+ album +"/fotoKlein/"+ myFoto[j].getUrl();
			//alert(j+" "+aantalFotos);
		}
		navigatieFotoBalk.style.width = (aantalFotos+1)*160 + "px";
	}
	
	
	function setEersteFoto(album)
	{
		vorigeFotoDiv.innerHTML = "<img src='Foto/"+ album +"/"+ myFoto[(myFoto.length-1)].getUrl() +"'>";
		huidigeFotoDiv.innerHTML = "<img src='Foto/"+ album +"/"+ myFoto[0].getUrl() +"'>";
		volgendeFotoDiv.innerHTML = "<img src='Foto/"+ album +"/"+ myFoto[1].getUrl() +"'>";
		
		vorigeFoto = (myFoto.length-1);
		huidigeFoto = 0;
		volgendeFoto = 1;
		document.getElementById("foto"+huidigeFoto).style.borderBottom = "2px dashed white";
	}
	
	function verwijderVolgendeDiv()
	{
		vorige.onclick = null;
		volgende.onclick = null;
		initialiseerOpnieuw();
		fotoDiv.removeChild(volgendeFotoDiv);
	}
	
	function verwijderVorigeDiv()
	{
		vorige.onclick = null;
		volgende.onclick = null;
		initialiseerOpnieuw();
		fotoDiv.removeChild(vorigeFotoDiv);
	}
	
	function gaNaarVolgendeFoto()
	{
		if(huidigeFotoLeft != -400)
		{
			if((huidigeFotoLeft - fotoSwitchSpeed) < -400)
			{
				huidigeFotoLeft = huidigeFotoLeft - 1;
			}
			else
			{
				huidigeFotoLeft = huidigeFotoLeft - fotoSwitchSpeed;
			}
			huidigeFotoDiv.style.marginLeft = huidigeFotoLeft + "px";
			setTimeout(gaNaarVolgendeFoto, 10);
		}
		else
		{
			huidigeFotoLeft = 0;
			volgende.onclick = reageerOpKlikOpVolgende;
			vorige.onclick = reageerOpKlikOpVorige;
			huidigeFoto = volgendeFoto;
			if(huidigeFoto > aantalFotos)
			{
				huidigeFoto = 0;
			}
			initialiseerOpnieuw();
			reageerOpEindeSchuivenNaarVolgende();
		}
	}
	
	function gaNaarVorigeFoto()
	{
		InitialiseerFotoAlbum();
		if(vorigeFotoLeft != 0)
		{
			if((vorigeFotoLeft + fotoSwitchSpeed) > 0)
			{
				vorigeFotoLeft = vorigeFotoLeft + 1;
			}
			else
			{
				vorigeFotoLeft = vorigeFotoLeft + fotoSwitchSpeed;
			}
			vorigeFotoDiv.style.marginLeft = vorigeFotoLeft + "px";
			setTimeout(gaNaarVorigeFoto, 10);
		}
		else
		{
			vorigeFotoLeft = -400;
			volgende.onclick = reageerOpKlikOpVolgende;
			vorige.onclick = reageerOpKlikOpVorige;
			huidigeFoto = vorigeFoto;
			if(huidigeFoto < 0)
			{
				huidigeFoto = aantalFotos;
			}
			initialiseerOpnieuw();
			reageerOpEindeSchuivenNaarVorige();
		}
	}
	
	function setVolgendeNewFotoId()
	{
		vorigeFoto = huidigeFoto -1;
		if(huidigeFoto == 1)
		{
			vorigeFoto = 0;
		}
		if(vorigeFoto < 0)
		{
			vorigeFoto = aantalFotos;
		}
		
		volgendeFoto = huidigeFoto + 1;
		if(volgendeFoto > aantalFotos)
		{
			volgendeFoto = 0;
		}
	}
	
	function setVorigeNewFotoId()
	{		
		volgendeFoto = huidigeFoto + 1;
		if(volgendeFoto > aantalFotos)
		{
			volgendeFoto = 0;
		}
		
		if(huidigeFoto == vorigeFoto)
		{
			vorigeFoto = vorigeFoto - 1;
		}
		
		if(vorigeFoto < 0)
		{
			vorigeFoto = aantalFotos;
		}
	}
	
	function veranderDivIdNaarVolgende()
	{
		huidigeFotoDiv.id ="vorigeFoto";
		volgendeFotoDiv.id ="huidigeFoto";
	}
	
	function veranderDivIdNaarVorige()
	{
		vorigeFotoDiv.id = "huidigeFoto";
		huidigeFotoDiv.id = "volgendeFoto";
	}
	
	function setVolgendeFoto(album)
	{
		volgendeFotoNieuweDiv = document.createElement('div');
		volgendeFotoNieuweDiv.id = 'volgendeFoto';
		document.getElementById('foto').appendChild(volgendeFotoNieuweDiv);
		volgendeFotoNieuweDiv.innerHTML = '<img  src="Foto/'+ album +'/' + myFoto[volgendeFoto].getUrl() + '" />';
	}
	
	function setVorigeFoto(album)
	{
		initialiseerOpnieuw();
		vorigeFotoNieuweDiv = document.createElement('div');
		fotoDiv.insertBefore(vorigeFotoNieuweDiv, huidigeFotoDiv);
		vorigeFotoNieuweDiv.id = 'vorigeFoto';
		vorigeFotoNieuweDiv.innerHTML = '<img src ="Foto/'+ album +'/' + myFoto[vorigeFoto].getUrl() + '" />';
	}
	
	function controleerGekozenFoto(gekozenFoto, album)
	{
		initialiseerOpnieuw();
		if(gekozenFoto > huidigeFoto)
		{
			volgendeFoto = gekozenFoto;
			volgendeFotoDiv.innerHTML = '<img  src="Foto/'+ album +'/' + myFoto[volgendeFoto].getUrl() + '" />';
			verwijderVorigeDiv();
			gaNaarGekozenVolgendeFoto();
		}
		
		if(gekozenFoto < huidigeFoto)
		{
			vorigeFoto = gekozenFoto;
			vorigeFotoDiv.innerHTML = '<img  src="Foto/'+ album +'/' + myFoto[vorigeFoto].getUrl() + '" />';
			verwijderVolgendeDiv();
			gaNaarGekozenVorigeFoto();
		}
	}
	
	function gaNaarGekozenVolgendeFoto()
	{
		if(huidigeFotoLeft != -400)
		{
			if((huidigeFotoLeft - fotoSwitchSpeed) < -400)
			{
				huidigeFotoLeft = huidigeFotoLeft - 1;
			}
			else
			{
				huidigeFotoLeft = huidigeFotoLeft - fotoSwitchSpeed;
			}
			huidigeFotoDiv.style.marginLeft = huidigeFotoLeft + "px";
			setTimeout(gaNaarGekozenVolgendeFoto, 10);
		}
		else
		{
			huidigeFotoLeft = 0;
			volgende.onclick = reageerOpKlikOpVolgende;
			vorige.onclick = reageerOpKlikOpVorige;
			reageerOpEindeSchuifNaarGekozenVolgendeFoto();
		}
	}
	
	function gaNaarGekozenVorigeFoto()
	{
		if(vorigeFotoLeft != 0)
		{
			if((vorigeFotoLeft + fotoSwitchSpeed) > 0)
			{
				vorigeFotoLeft = vorigeFotoLeft + 1;
			}
			else
			{
				vorigeFotoLeft = vorigeFotoLeft + fotoSwitchSpeed;
			}
			vorigeFotoDiv.style.marginLeft = vorigeFotoLeft + "px";
			setTimeout(gaNaarGekozenVorigeFoto, 10);
		}
		else
		{
			vorigeFotoLeft = -400;
			volgende.onclick = reageerOpKlikOpVolgende;
			vorige.onclick = reageerOpKlikOpVorige;
			reageerOpEindeSchuifNaarGekozenVorigeFoto();
		}
	}
	
	function setGekozenNewVorigeFotoId()
	{
		laatsteActieveFoto = huidigeFoto;
		huidigeFoto = vorigeFoto;
		volgendeFoto = huidigeFoto + 1;
		vorigeFoto = huidigeFoto - 1;
		
		if(huidigeFoto == 1)
		{
			vorigeFoto = 0;
		}
		if(vorigeFoto < 0)
		{
			vorigeFoto = aantalFotos;
		}
		if(volgendeFoto > aantalFotos)
		{
			volgendeFoto = 0;
		}
	}
	
	function setGekozenNewVolgendeFotoId()
	{
		laatsteActieveFoto = huidigeFoto;
		huidigeFoto = volgendeFoto;
		vorigeFoto = huidigeFoto - 1;
		volgendeFoto = huidigeFoto + 1;
		
		if(huidigeFoto == 1)
		{
			vorigeFoto = 0;
		}
		if(vorigeFoto < 0)
		{
			vorigeFoto = aantalFotos;
		}
		if(volgendeFoto > aantalFotos)
		{
			volgendeFoto = 0;
		}
	}
	
	function selecteerActieveFoto()
	{
		for(var i = 0; i != (aantalFotos+1); i++)
		{
			if(i != huidigeFoto)
			{
				document.getElementById("foto"+i).style.borderBottom = "";
			}
			else
			{
				document.getElementById("foto"+i).style.borderBottom = "2px dashed white";
			}
		}
	}
	
	function scrollMeeMetFotoNaarVolgende()
	{
		navigatorDiv.scrollLeft = document.getElementById('foto'+huidigeFoto).offsetLeft;
	}
	
	function scrollMeeMetFotoNaarVorige()
	{
		navigatorDiv.scrollLeft = document.getElementById('foto'+huidigeFoto).offsetLeft;
	}
	
	function scrollMeeMetFotoNaarGekozenVolgende()
	{
		navigatorDiv.scrollLeft = document.getElementById('foto'+ (huidigeFoto)).offsetLeft;
	}
	
	function scrollMeeMetFotoNaarGekozenVorige()
	{
		navigatorDiv.scrollLeft = document.getElementById('foto'+huidigeFoto).offsetLeft;
	}
	
	function initialiseerOpnieuw()
	{
		vorigeFotoDiv = document.getElementById('vorigeFoto');
		huidigeFotoDiv = document.getElementById('huidigeFoto');
		volgendeFotoDiv = document.getElementById('volgendeFoto');
	}
	
	function InitialiseerFotoAlbum()
	{
		volgende = document.getElementById('volgende');
		vorige = document.getElementById('vorige');
		terugKnop = document.getElementById('terug');
		vorigeFotoDiv = document.getElementById('vorigeFoto');
		huidigeFotoDiv = document.getElementById('huidigeFoto');
		volgendeFotoDiv = document.getElementById('volgendeFoto');
		fotoDiv = document.getElementById('foto');
		volgende.onclick = reageerOpKlikOpVolgende;
		vorige.onclick = reageerOpKlikOpVorige;
		terugKnop.onclick = toonGallery;
	}
}