//maxPictures: aantal tekeningen in de gallery
maxPictures = 130;

//pictureArray: bevat het relatieve pad naar de tekeningen
pictureArray = new Array(maxPictures);
//thumbArray: de thumbnails v/d tekeningen
thumbArray = new Array(maxPictures);

//nrPic: nr pictureArray[nrPic] van de tekening links van de lijst
nrPic = 0;
//mainPictureNr: het nummer van het plaatje dat nu de mainPicture is
mainPictureNr = 0;
	
//initPics: laadt de tekeningen in de array pictureArray	
function init()
{	
	if (document.images) 
	{		
		for (i=maxPictures; i>-1; i--)
		{				
		  pictureArray[maxPictures - (i+1)] = "pictures/full/image"+(i+1)+".jpg";
		  thumbArray[maxPictures - (i+1)] = "pictures/thumb/thumb_image"+(i+1)+".jpg";
	  }

		//preloaden van de thumbnails
		tmp_image = new Image(120,120);
		
		for (j=0; j<maxPictures; j++)
		{
			tmp_image.src = thumbArray[j];
		}	  
	}
	document.getElementById("terug").style.visibility = 'hidden';
	switchMainPic(pictureArray[0], maxPictures);
	loadPics();	
};	

function switchMainPic(pic, nr)
{	
	picture = document.getElementById("mainPicture");
	picture.setAttribute('src', pic);
//	picture.setAttribute('onclick', "window.open(\"onepicture.php?pictureNr="+nr+"\");");
	mainPictureNr = nr;
};

function getGallery(plusMin)
{
	nrPic += plusMin;
	loadPics();
}

function loadPics()
{		
	firstPic = document.getElementById("pic1");
	firstPic.setAttribute('src', thumbArray[0+nrPic]);
	firstPic.onclick = new Function ("switchMainPic('"+pictureArray[0+nrPic]+"', maxPictures - nrPic);");
	secPic = document.getElementById("pic2");
	secPic.setAttribute('src', thumbArray[1+nrPic]);
	secPic.onclick = new Function ("switchMainPic('"+pictureArray[1+nrPic]+"', maxPictures - (1+nrPic));");
	thirdPic = document.getElementById("pic3");
	thirdPic.setAttribute('src', thumbArray[2+nrPic]);
	thirdPic.onclick = new Function ("switchMainPic('"+pictureArray[2+nrPic]+"', maxPictures - (2+nrPic));");
	fourthPic = document.getElementById("pic4");
	fourthPic.setAttribute('src', thumbArray[3+nrPic]);
	fourthPic.onclick = new Function ("switchMainPic('"+pictureArray[3+nrPic]+"', maxPictures - (3+nrPic));");
	fifthPic = document.getElementById("pic5");
	fifthPic.setAttribute('src', thumbArray[4+nrPic]);
	fifthPic.onclick = new Function ("switchMainPic('"+pictureArray[4+nrPic]+"', maxPictures - (4+nrPic));");
}; 

function shiftPics(richting)
{
	document.getElementById("terug").style.visibility = 'visible';
	document.getElementById("verder").style.visibility = 'visible';

	if (richting == 'left' && nrPic > 0)
	{ 
		getGallery(-1);
		if (nrPic == 0)
		{
			document.getElementById("terug").style.visibility = 'hidden';
		}			
	}
	if (richting == 'right' && nrPic < (maxPictures -5))
	{
		getGallery(1);
		if (nrPic == (maxPictures -5))
		{
			document.getElementById("verder").style.visibility = 'hidden';
		}			
	}		
};

function loadGallery()
{
	teller = 0;
	gallery = "";
	rest = "";
	for (i=0; i<Math.floor(maxPictures/5); i++)
	{
		gallery += '<table width="750"><tr>';
		for (j=0; j<5; j++)
		{
			teller++;
			plaatje = '<td align="center" valign="top">';
			plaatje += '<table width="150" cellspacing="0" cellpadding="0">';
			plaatje += '<tr><td class="luc_border"></td><td class="u_border"></td><td class="ruc_border"></td></tr>';
			plaatje += '<tr><td class="l_border"></td><td><img id="pic'+ teller + '" style="cursor:hand" width="120" class="foto" onClick="window.open(\'onepicture.php?pictureNr='+(maxPictures - (teller-1))+'\')"/></td><td class="r_border"></td></tr>';
			plaatje += '<tr><td class="llc_border"></td><td class="d_border"></td><td class="rlc_border"></td></tr>';
			plaatje += '</table>';
			plaatje += '</td>';
			gallery += plaatje;				
		}
		gallery += '</tr></table></center><p/>';
	}

	x = (maxPictures%5);
	
	if (x > 0)
	{ 
		gallery += '<table width="'+ (150 * x)+'"><tr>';
	
		for (k=0; k < x; k++)
		{
			teller++;
			rest = '<td align="center" valign="top">';
			rest += '<table width="150" cellspacing="0" cellpadding="0">';
			rest += '<tr><td class="luc_border"></td><td class="u_border"></td><td class="ruc_border"></td></tr>';
			rest += '<tr><td class="l_border"></td><td><img id="pic'+ teller + '" style="cursor:hand" width="120" class="foto" onClick="window.open(\'onepicture.php?pictureNr='+(maxPictures - (teller-1))+'\')"/></td><td class="r_border"></td></tr>';
			rest += '<tr><td class="llc_border"></td><td class="d_border"></td><td class="rlc_border"></td></tr>';
			rest += '</table>';
			rest += '</td>';			
			gallery += rest;
		}		
		gallery += '</tr></table><p/>';		
	}	
	document.getElementById("full_gallery").innerHTML = gallery;
	getThumbnails();
};

function getThumbnails()
{
	if (document.images) 
	{
		for (i=maxPictures; i>-1; i--)
		{				
		  pictureArray[maxPictures - (i+1)] = "pictures/full/image"+(i+1)+".jpg";
		  thumbArray[maxPictures - (i+1)] = "pictures/thumb/thumb_image"+(i+1)+".jpg";
	  }
	};

	for (i=0; i< maxPictures; i++)
	{
		thumbn = document.getElementById("pic"+(i+1));
		thumbn.setAttribute('src', thumbArray[i]);
	}
};

function getMainPicture()
{
	picture = document.getElementById("mainPicture");
	picture.setAttribute('src', "pictures/full/image"+maxPictures+".jpg");
	picture.setAttribute('style', "cursor:hand");	
};

function openMainImage()
{
	window.open("onepicture.php?pictureNr="+maxPictures);
};

//frustraties alom met IE7+ grrr met picture.setAttribute('onClick', "window.open...") had het moeten 
//werken in functie switchMainPic maar dat werkt dus niet !
function openNewPictureWindow()
{
	picture = document.getElementById("mainPicture");
	window.open("onepicture.php?pictureNr="+mainPictureNr);
};