var albumnamen = new Array();
	var albumplace = 0;
	var albumfoto = 0;
	var maxCols = 0;
	var maxRows = 0;
	var maxFotos = 0;
	var pageNum = 0;
	var curalbum = 0;
	var lengte = 0;
	var curfotosleft = 0;
	var curphoto = 0;
	var inzoom = false;
	var clickimg = false;
	var clickdiv = false;
	var yypo = 0;
	var xxpo = 0;
	var selectedimg = 0;

function reMaak()
{
	if(albumfoto == 0)
	{
		maakAlbums();
	}
	maxCols = 4;
	maxRows = 5;
	maxFotos = maxCols*maxRows;
	pageNum = 1;
	curalbum = 0;
	lengte = albumnamen[curalbum][1];
	curfotosleft = lengte;
	curphoto = 0;
	inzoom = false;
	clickimg = false;
	clickdiv = false;
	yypo = 0;
	xxpo = 0;
	selectedimg = -1;
	maakDiv();
}

function maakAlbums()
{
	var albumlength = 0;
	var slash = 0;
	var albumnaamoud = "";
	var albumnaamnieuw = "";
	albumnamen[0] = new Array();
	for (x=0;x<album.length-1;x++)
	{
		slash = album[x].indexOf("/");
		albumnaamoud =  album[x].substring(0,slash);
		slash = album[x+1].indexOf("/");
		albumnaamnieuw =  album[x+1].substring(0,slash);
		
		if (x == album.length-2)
		{
			albumnamen[albumplace][0] = albumnaamnieuw;
			albumnamen[albumplace][1] = x+1-albumlength;
			albumnamen[albumplace][2+albumfoto] = album[x];
			albumnamen[albumplace][2+albumfoto+1] = album[x+1];
			albumfoto++;
		}
		else if (albumnaamoud != albumnaamnieuw)
		{
			albumnamen[albumplace][0] = albumnaamoud;
			albumnamen[albumplace][1] = x+1-albumlength;
			albumnamen[albumplace][2+albumfoto] = album[x];
			albumplace++;
			albumlength=x;
			albumfoto = 0;
			albumnamen[albumplace] = new Array();
		}
		else
		{
			albumnamen[albumplace][2+albumfoto] = album[x];
			albumfoto++;
		}
	}
}

function maakDiv()
{
	var navi = document.createElement('div');
		navi.id = "navbar";
		document.getElementById("contentid").appendChild(navi);
		
	var pnum = document.createElement('div');
		pnum.id = "pagenum";
		document.getElementById("navbar").appendChild(pnum);
		
	var TNpnum = document.createTextNode("Pagina "+pageNum);
	var fontp = document.createElement("font");
		fontp.className = "pagenumfont";
		fontp.appendChild(TNpnum);
		document.getElementById("pagenum").appendChild(fontp);
		
	for(x=0;x<albumplace+1;x++)
	{
	var albumdiv = document.createElement('div');
		albumdiv.id = "albumdiv"+x;
		albumdiv.className = "albumdiv";
		if(x==curalbum)
		{
			albumdiv.style.backgroundColor ='#E8EF65';
		}
		albumdiv.onclick=albumKlik;
		document.getElementById("navbar").appendChild(albumdiv);
		
	var albumtitel = document.createTextNode(albumnamen[x][0]);
	var atfont = document.createElement("font");
		atfont.className = "atfont";
		atfont.appendChild(albumtitel);
		document.getElementById("albumdiv"+x).appendChild(atfont);
	}
		
	if(curfotosleft>maxFotos)
	{
	var next = document.createElement('div');
		next.id = "next";
		next.className = "knop";
		next.onclick=nextPage;
		document.getElementById("navbar").appendChild(next);
		
	var TNnext = document.createTextNode("volgende pagina ->");
	var fontn = document.createElement("font");
		fontn.className = "knopfont";
		fontn.appendChild(TNnext);
		document.getElementById("next").appendChild(fontn);
	}
	
	if(curfotosleft!=lengte)
	{
	var prev = document.createElement('div');
		prev.id = "prev";
		prev.className = "knop";
		prev.onclick=prevPage;
		document.getElementById("navbar").appendChild(prev);
		
	var TNprev = document.createTextNode("<- vorige pagina");
	var fontv = document.createElement("font");
		fontv.className = "knopfont";
		fontv.appendChild(TNprev);
		document.getElementById("prev").appendChild(fontv);
	}

	for(y=0;y<maxRows;y++)
	{
		var row = document.createElement('div');
		row.id = "rij"+[y];
		row.className = "row";
		row.style.width = 177*maxCols + 8 +"px";
		if(y==maxRows-1){
			row.style.paddingBottom = 8 +"px";
			row.style.marginBottom = 30 +"px";
			row.style.borderBottom = '1px solid #EE6767';
		}
		row.style.borderLeft = '1px solid #EE6767';
		row.style.borderRight = '1px solid #EE6767';
		document.getElementById("contentid").appendChild(row);
		for(x=0;x<maxCols;x++)
		{
			if(curfotosleft-((y*4)+x) > 0)
			{
				var anchor = document.createElement('a');
				anchor.id = "anchor"+((y*4)+x);
				anchor.href = "#";
				document.getElementById("rij"+[y]).appendChild(anchor);
				
				var imgdiv = document.createElement('div');
				imgdiv.id = "rand"+((y*4)+x);
				imgdiv.className = "randc";
				imgdiv.style.height = 165 + "px";
				imgdiv.style.width = 165 + "px";
				imgdiv.style.border = '1px solid #C8C8C8';
				imgdiv.style.cssFloat = "left";
				imgdiv.onclick=zoom;
				document.getElementById("anchor"+((y*4)+x)).appendChild(imgdiv);
				//document.getElementById("rij"+[y]).appendChild(imgdiv);

				var imageObj = document.createElement('img');
				imageObj.onload = afterImageLoad;
				imageObj.setAttribute("src", "afbeeldingen/fotos/"+albumnamen[curalbum][curphoto+2]);
				imageObj.setAttribute("id", (y*4)+x);
				document.getElementById("rand"+((y*4)+x)).appendChild(imageObj);
			}
			curphoto++;
		}			
	} 
}
		
function prevPage()
{
if (inzoom == false)
	{
	removeAll();
	pageNum = pageNum -1;
	curfotosleft = curfotosleft + maxFotos;
	curphoto = curphoto - maxFotos*2;
	maakDiv();
	}
}

function nextPage()
{
if (inzoom == false)
	{
	removeAll();
	pageNum = pageNum +1;
	curfotosleft = curfotosleft - maxFotos;
	maakDiv();
	}
}

function albumKlik()
{
	removeAll();
	pageNum = 1;
	curalbum = this.id.substring(this.id.length-1);
	lengte = albumnamen[curalbum].length-2;
	curfotosleft = lengte;
	curphoto = 0;
	maakDiv();
}


function removeAll()
{
	var nav = document.getElementById("navbar");
		document.getElementById("contentid").removeChild(nav);
		
	for(x=0;x<maxRows;x++){
		var div = document.getElementById("rij"+[x]);
		document.getElementById("contentid").removeChild(div);
	}
}

function zoom()
{
	selectedimg = this.id;
	if(!inzoom)
	{
		selectedimg = parseInt(selectedimg.substring(4));
		if(document.documentElement.scrollLeft>=0){
			xxpo=document.documentElement.scrollLeft;
			yypo=document.documentElement.scrollTop;
		}else if(document.body.scrollLeft>=0){
			xxpo=document.body.scrollLeft;
			yypo=document.body.scrollTop;
		}else{
			xxpo=window.pageXOffset;
			yypo=window.pageYOffset;
		}
		zoomExe();
	}else{
	zoomExe();
	}
}
	 
function zoomExe()
{
	if(inzoom)
	{
	var biggie = document.getElementById("bigdiv");
		document.getElementById("anticrushid").removeChild(biggie);
		inzoom = false;
	}
	else
	{	
	var bigdiv = document.createElement('div');
		bigdiv.id = "bigdiv";
		bigdiv.style.height = 2000 + "px";
		bigdiv.style.width = 2000 + "px";
		bigdiv.style.backgroundColor ='#000000';
		bigdiv.style.top = 0 + "px";
		bigdiv.style.left = 0 + "px";
		bigdiv.style.position='absolute';
		bigdiv.style.cursor = 'pointer';
		bigdiv.onclick = zoom;
		document.getElementById("anticrushid").appendChild(bigdiv);
		
	var landscape = document.getElementById(selectedimg).className;
	
	var imgObj = document.createElement('img');
		if(landscape == "landscape")
		{
			imgObj.className = "bigland";
		}
		else
		{
			imgObj.className = "bignoland";
		}
		var cutthumb = albumnamen[curalbum][(selectedimg+2)+((pageNum-1)*maxFotos)].indexOf("thumbs");
		imgObj.setAttribute("src", "afbeeldingen/fotos/"+albumnamen[curalbum][(selectedimg+2)+((pageNum-1)*maxFotos)].substring(0, cutthumb)+albumnamen[curalbum][(selectedimg+2)+((pageNum-1)*maxFotos)].substring(cutthumb+7));
		imgObj.setAttribute("id", "imgobj");
		document.getElementById("bigdiv").appendChild(imgObj);
		inzoom = true;
	}	
	scrollIt();
}
			
function scrollIt() 
{
	if (inzoom)
	{
		var xscroll = 0;
		var yscroll = 0;
		window.scrollTo(xscroll, yscroll);
	}
	else
	{
		var xxscroll = xxpo;
		var yyscroll = yypo;
		window.scrollTo(xxscroll, yyscroll);
	}
}

function afterImageLoad(){
		
	var imageHeight = this.height;
	var imageWidth = this.width;
	
	if (imageHeight<imageWidth)
	{
		this.setAttribute("height", 120);
		this.setAttribute("width", 160);
		this.className = "landscape";
	}
	else
	{
		this.setAttribute("height", 160);
		this.setAttribute("width", 120);
		this.className = "nolandscape";
	}
}

function ButtonLocalize(event)
{
	var key = event.keyCode;
	
	if(key == 8)
	//backspace
	{
	}
	else if(key == 13 || key==32)
	{
	//enter or spacebar
		if (inzoom)
		{
		ZoomExe();
		}
	}
}
function killBackSpace(e){
	e = e? e : window.event;
	var k = e.keyCode? e.keyCode : e.which? e.which : null;
	if(k == 8)
		{
		if(e.preventDefault)
			{
			if(inzoom)
				{
				e.preventDefault();
				zoomExe();
				return false;
				}
			else{
				e.preventDefault();
				return false;
				}
			}
		}
	return true;
	}
	if(typeof document.addEventListener!='undefined')
		{
		document.addEventListener('keydown', killBackSpace, false);
		}
		else if(typeof document.attachEvent!='undefined')
		{
		document.attachEvent('onkeydown', killBackSpace);
		}
		else
		{
		if(document.onkeydown!=null)
			{
			var oldOnkeydown=document.onkeydown;
			document.onkeydown=function(e){
			oldOnkeydown(e);
			killBackSpace(e);
		}
	}	
	else
	{
	document.onkeydown=killBackSpace;
	}
}