var sHtmlFrame = new String;

aNieuws = new Array("CV01notarisMarijkeDiel.jpg",
										"verlangen001duomarijkediel.jpg",
												"verlangen004duomarijkediel.jpg",
												"verlangen006duomarijkediel.jpg",
												"verlangen008duomarijkediel.jpg",
										"016duomarijkediel.jpg",
										"020duomarijkediel.jpg",
										"022duomarijkediel.jpg",
										"026duomarijkediel.jpg"						 );
aGetekend = new Array("getekend.jpg",
										"getekendII.jpg",
										"Nieuws()");
aLandschappen = new Array("Houtbaar-boom001.jpg",
													"houtbaar002marijkediel.jpg",
													"houtbaar003marijkediel.jpg",
													"houtbaar004marijkediel.jpg",
													"houtbaar005marijkediel.jpg",
													"houtbaar006marijkediel.jpg",
													"HoutbaarHoofdinWolkenMarijkeDiel.jpg",
													"Houtbaar()",
													"Landschap001MarijkeDiel.jpg",
													"Landschap002MarijkeDiel.jpg",
													"Landschap003MarijkeDiel.jpg",
													"Landschap()");
aHoutbaar = new Array("Houtbaar-boom001.jpg",
													"Houtbaar003MarijkeDiel.jpg",
													"Houtbaar005MarijkeDiel.jpg",
													"Houtbaar004MarijkeDiel.jpg",
													"Houtbaar006MarijkeDiel.jpg",
													"HoutbaarHoofdinWolkenMarijkeDiel.jpg",
													"Houtbaar()");
aSchilderwerk = new Array("Bruiloft&schilderwerk002MarijkeDiel.jpg",
													"Bruiloft&schilderwerk001MarijkeDiel.jpg",
													"Bruiloft&schilderwerk003MarijkeDiel.jpg",
													"Bruiloft&Schilderwerk004MarijkeDiel.jpg",
													"Schilderwerk()");
aBruiloft = new Array("BruiloftM&P001MarijkeDiel.jpg",
													"BruiloftI&H001MarijkeDiel.jpg",
													"BruiloftJ&W005MarijkeDiel.jpg",
													"BruiloftJ&W001MarijkeDiel.jpg",
													"BruiloftJ&W002MarijkeDiel.jpg",
													"BruiloftJ&W003MarijkeDiel.jpg",
													"BruiloftS&J001MarijkeDiel.jpg",
													"BruiloftS&J002MarijkeDiel.jpg",
													"BruiloftS&J004MarijkeDiel.jpg",
													"BruiloftS&J003MarijkeDiel.jpg",
													"BruiloftI&P001MarijkeDiel.jpg",
													"BruiloftI&P003MarijkeDiel.jpg");
													
													
aPortretten = new Array("verlangen001duomarijkediel.jpg",
												"verlangen004duomarijkediel.jpg",
												"verlangen006duomarijkediel.jpg",
												"verlangen008duomarijkediel.jpg",
												"Verlangen()",
										"016duomarijkediel.jpg",
										"018duomarijkediel.jpg",
										"020duomarijkediel.jpg",
										"014duomarijkediel.jpg",
										"022duomarijkediel.jpg",
										"024duomarijkediel.jpg",
										"026duomarijkediel.jpg",
										"028duomarijkediel.jpg",
										"029marijkediel.jpg",
												"Nieuws()",
												"CV01notarisMarijkeDiel.jpg",
												"CV02rechterMarijkeDiel.jpg",
												"CV032ekamerMarijkeDiel.jpg",
												"Carrierevrouwen()",
												"TJ001StationHlemMarijkeDiel.jpg",
												"TJ002SeymourLikelyMarijkeDiel.jpg",
												"TJ003SchaalvanRichterMarijkeDiel.jpg",
												"Toiletjuffrouwen()",
												"Personen001MarijkeDiel.jpg",
												"Personen002MarijkeDiel.jpg",
												"Personen003MarijkeDiel.jpg",
												"Portretten()",
											 "swingsteesjun009marijkediel.jpg",
											 "koeknuf002marijkediel.jpg",
												"koeknuf015marijkediel.jpg");

aPortrettenOpdracht = new Array("Ggz003MarijkeDiel.jpg",
												"Ggz004MarijkeDiel.jpg",
												"Ggz005MarijkeDiel.jpg",
												"Ggz001MarijkeDiel.jpg",
												"Ggz002MarijkeDiel.jpg",
												"MSD003MarijkeDiel.jpg",
												"MSD004MarijkeDiel.jpg",
												"MSD002MarijkeDiel.jpg",
												"ProvincieNHMolenMarijkeDiel.jpg",
												"QuoteHDohmenMarijkeDiel.jpg",
												"Opzij001MarijkeDiel.jpg",
												"IljaWalravenMarijkeDiel.jpg",
												"LibelleMarijkeDiel.jpg",
												"VivaCollegas01UitvaartMarijkeDiel.jpg",
												"VivaCollegas04InstellingkoksMarijkeDiel.jpg",
												"VivaCollegas05DrukkerijMarijkeDiel.jpg",
												"VivaCollegas03KinderopvangMarijkeDiel.jpg",
												"VivaCollegas02Female&ptnersMarijkeDiel.jpg");

aReportage = new Array("koeknuf001marijkediel.jpg",
												"koeknuf002marijkediel.jpg",
												"koeknuf003marijkediel.jpg",
												"koeknuf004marijkediel.jpg",
												"koeknuf005marijkediel.jpg",
												"koeknuf006marijkediel.jpg",
												"koeknuf007marijkediel.jpg",
												"koeknuf008marijkediel.jpg",
												"koeknuf009marijkediel.jpg",
												"koeknuf010marijkediel.jpg",
												"koeknuf011marijkediel.jpg",
												"koeknuf012marijkediel.jpg",
												"koeknuf013marijkediel.jpg",
												"koeknuf014marijkediel.jpg",
												"koeknuf015marijkediel.jpg",
												"koeknuf016marijkediel.jpg",
												"koeknuf017marijkediel.jpg",
												"koeknuf018marijkediel.jpg",
												"koeknuf019marijkediel.jpg",
												"koeknuf020marijkediel.jpg",
												"Koeknuffelen()",
													"bruiloft001marijkediel.jpg",
													"bruiloft002marijkediel.jpg",
													"bruiloft003marijkediel.jpg",
													"bruiloft004marijkediel.jpg",
													"bruiloft005marijkediel.jpg",
													"bruiloft006marijkediel.jpg",
													"bruiloft007marijkediel.jpg",
													"bruiloft008marijkediel.jpg",
													"bruiloft009marijkediel.jpg",
													"bruiloft010marijkediel.jpg",
													"bruiloft011marijkediel.jpg",
													"bruiloft012marijkediel.jpg",
												"Bruiloft()",
													"swingsteesjun001marijkediel.jpg",
													"swingsteesjun002marijkediel.jpg",
													"swingsteesjun003marijkediel.jpg",
													"swingsteesjun004marijkediel.jpg",
													"swingsteesjun005marijkediel.jpg",
													"swingsteesjun006marijkediel.jpg",
													"swingsteesjun007marijkediel.jpg",
													"swingsteesjun008marijkediel.jpg",
													"swingsteesjun009marijkediel.jpg",
												"Swing()"							 );
											 
aZakelijk = new Array("Zakelijkp001MarijkeDiel.jpg",
											"Zakelijkp002MarijkeDiel.jpg",
											"Zakelijkp003MarijkeDiel.jpg",
											"Zakelijkp004MarijkeDiel.jpg",
											"Zakelijkp005MarijkeDiel.jpg",
											"Zakelijkp006MarijkeDiel.jpg",
											"Zakelijkp007MarijkeDiel.jpg",
											"Zakelijkp008MarijkeDiel.jpg",
											"Zakelijkp009MarijkeDiel.jpg",
											"Zakelijkp010MarijkeDiel.jpg",
											"Zakelijkp011MarijkeDiel.jpg",
											"Zakelijkp012MarijkeDiel.jpg",
											"Zakelijkp013MarijkeDiel.jpg"											);

var sBezigMet;
var fotoNummer;
var aFotoos;
var sPath;
// het maximum aantal thumbnails naast de foto wordt bepaald door de hoogte van de foto's gedeeld door de hoogte van de thumbnails in pixels
var iMaxRows;
var fSlideShow = new Boolean();


function setMaxRows(iMax)
{
	if (iMax != undefined) {
		iMaxRows = iMax;
	} else {
		iMaxRows = Math.floor(425/(16+1));
	}
} 		

function setFotoframe()
{
	var sParent=String(window.parent.location);

	if (sParent.indexOf("index") > -1) {
		// dit is de homepagina
		fotoFrame = document.getElementById("fotoframe");
		fotoFrame.className = "fotoframeindex"; 
	}
}

function BezigMet(sParam)
{
	
	sBezigMet = sParam;
	fotoNummer = -1;
	sPath="Fotografie\/"+sParam+"\/";
	switch(sParam) {
	case 'nieuws' :
		aFotoos=aNieuws;
		break;
	case 'getekend' :
		aFotoos=aGetekend;
		break;
	case 'landschap1' :
		aFotoos=aLandschappen;
		break;
	case 'houtbaar' :
		aFotoos=aHoutbaar;
		break;
	case 'portret1' :
		aFotoos=aPortretten;
		break;
	case 'portret2' :
		aFotoos=aPortrettenOpdracht;
		break;
	case 'bruiloft' :
		aFotoos=aBruiloft;
		break;
	case 'schilderwerk' :
		aFotoos=aSchilderwerk;
		break;
	case 'reportage2' :
		aFotoos=aReportage;
		break;
	case 'zakelijk portret2' :
		aFotoos=aZakelijk;
		break;
	}
	ToonLadder(aFotoos);
	if (sParam != 'nieuws')
		{
			ToonFoto('volgende', "");
		}
}

function ToonFoto(xRichting, sTekst)
{

	// pijltje weghalen
	if (fotoNummer > -1) {
		setPijltje(0);
	}

	if (xRichting=='volgende') {
		fotoNummer++;
		if (fotoNummer >= aFotoos.length) {
			fotoNummer--;
		}
	} else {	
		if (xRichting=='vorige') {
			fotoNummer--;
			if (fotoNummer < 0) {
				fotoNummer++;
			}
		} else {
			fotoNummer=xRichting;
		}
	} 
	
	Fotolijstje(aFotoos[fotoNummer], sTekst)
	fotoLijstje = frames.tekstframe.document.getElementById("fotoruimte");
	// pijltje bij het goeie plaatje
	setPijltje(1);
	// maak kader wit zodat ze snappen dat ze hem al eens gezien hebben
	//dezeCell =document.getElementById("foto"+fotoNummer);
	//dezeCell.style.borderColor = "#FFFFFF";
	
	//if (fSlideShow) {
	//	SlideShow();
	//}
}

function SlideShow() 
{
	if (fSlideShow) {
		var randomnumber=Math.floor(Math.random()*aFotoos.length+1);
		sFunction = "ToonFoto("+randomnumber+", '')";
		setTimeout(sFunction, 3000);
		fSlideShow = 1;
	}
}

function setPijltje(iAan, iCel)
{
	if (iCel==undefined) { iCel=fotoNummer;};
	dezeCell =document.getElementById("foto"+iCel);
	if (iAan == 1)
	{
		//sText="<img src='deze.gif' border=0 >";
		dezeCell.style.borderColor = "#009edf";
	} else {	
		//sText="<img src='dezeNiet.gif' border=0 >";
		dezeCell.style.borderColor = "#FFFFFF";
	}
	//dezeCell.innerHTML =sText;
}

function Fotolijstje(sImg, sTekst, sThisPath)
{
	fotoLijstje = frames[0].document.getElementById("fotoruimte");
	
	if (sTekst.length > 0) {
		//tekst
		fotoLijstje.innerHTML = sTekst;
		
	} else {
		if (typeof(sThisPath) == "undefined") {
			sThisPath = sPath;
		}
		
		if (typeof(sImg) == "object") {
			fotoLijstje.innerHTML = "<IMG src='"+sThisPath+sImg[0]+"' border='0' style='float: left;'><IMG src='"+sThisPath+sImg[1]+"' border='0'>";
		} else {
			fotoLijstje.innerHTML = "<IMG src='"+sThisPath+sImg+"' border='0'>";
		}
	}
	
}


function ToonLadder(aFotoos)
{
	WegLadder();
	ladderTabel = document.getElementById("ladder");
	//for (var i = 0; i < aFotoos.length; i++) {
	for (var i = 0; i < iMaxRows; i++) {
		laatsteCell = BouwLadder(ladderTabel, aFotoos, i);
	}
}
function Grijstabel()
{
	grijsTabel = document.getElementById("grijstabel");
	row = grijsTabel.insertRow(grijsTabel.rows.length);
	for (var i = 0; i < 9; i++) {
		myCell = row.insertCell(row.cells.length);
		myCell.className = "thumbnail";
		myCell.style.cursor = "default";
		colorString = 70+(i*20);
		colorString = colorString.toString(16) ;
		myCell.style.backgroundColor = "#"+colorString+colorString+colorString;
		
	}
}

function WegLadder()
{
	myTable = document.getElementById("ladder");
	for (var i = myTable.rows.length; i > 0 ; i = myTable.rows.length) 
	{
   	myTable.deleteRow(i-1);
	}
}

function BouwLadder(ladderTabel, aFotoos, iIndex)
{
	// maak de rij
	row = ladderTabel.insertRow(ladderTabel.rows.length);
	// verdeel de foto's over voldoende kolommen
	for (var i = iIndex; i < aFotoos.length ; i = i+iMaxRows) 
	{
		if (i < aFotoos.length) {
			sImg = aFotoos[i];
			if (typeof(sImg) != "string") {
				sImg = sImg[0];
			}
			if (sImg.indexOf("()") > -1) {
				// hier wordt tekst getoond i.p.v. een plaatje
				sOnclick=" onclick='ToonFoto("+i+", "+ sImg+")'";
				//sImg=sImg.replace("()",".jpg")
				sImg="Fotografie\/info.jpg";
			}	else {
				sImg = sPath+sImg;
				//alert(sImg);
				sOnclick=" onclick='ToonFoto("+i+", "+'""'+")'";
			}
  		
			sText="<img src='"+sImg+"' border=0 class='thumbnail'"+sOnclick+" >";
			myCell = row.insertCell(row.cells.length);
			myCell.innerHTML =sText;
			myCell.id = "foto"+i;
			myCell.style.borderStyle = "solid";
			myCell.style.borderWidth = 1;
			myCell.style.borderColor = "#4b4b4b";
			
			// cel maken voor het pijltje
			//secondCell = row.insertCell(row.cells.length);
			//secondCell.id = i;
			//secondCell.style.paddingLeft = "5px";
			//setPijltje(0, i)

		}
	}
  return myCell;
}

// zet het pijltje bij het juiste menuitem
function MaakAktief(sId) {
	
	if (parent.location != self.location) {
		sLink = parent.document.getElementById(sId);
		sLink.className = "blauw";
		sHtmlFrame = self.location.href;
	}
}

// zet het streepje bij het juiste menuitem
function MaakPassief(sId) {
	if (parent.location != self.location) {
		sLink = parent.document.getElementById(sId);
		sLink.className = "wit";
		sHtmlFrame = "";
	}
}

// zet het streepje bij het juiste menuitem
function LoadFoto(sImg) {
	if (parent.location != self.location) {
		imgLink = parent.document.getElementById("FotoCursus");
		imgLink.src = sImg;
		imgLink.style.visibility = "visible";
		spanBijschrift = parent.document.getElementById("bijschrift");
		spanBijschrift.style.visibility = "visible";
	}
}

function UnloadFoto(sImg) {
	
	if (parent.location != self.location) {
		imgLink = parent.document.getElementById("FotoCursus");
		imgLink.style.visibility = "hidden";
		spanBijschrift = parent.document.getElementById("bijschrift");
		spanBijschrift.style.visibility = "hidden";
	}
}

function SwitchPlaatje()
{             
	var sKleineFoto;
	var sGroteFoto ;
	var sInhoud;

		imgLink = document.getElementById("FotoCursus");
		if (imgLink.src.indexOf("thumb") > -1) {
			// als dit de thumb van de foto is, wisselen we met de tekst
			sKleineFoto = imgLink.src.replace("thumb","tekst");
			sGroteFoto = imgLink.src.replace("thumb","");
		} else {
			if (imgLink.src.indexOf("tekst") > -1) {
				sKleineFoto = imgLink.src.replace("tekst","thumb");
				sGroteFoto = "";
			}
		}
		imgLink.src = sKleineFoto;
		if (sGroteFoto == "") {
			frames.tekstframe.document.location.reload();
	  } else {
		  sInhoud = frames.tekstframe.document.getElementById("inhoud");
		  sInhoud.innerHTML = '<IMG src="'+sGroteFoto+'" border="0">';
		}
}

function Carrierevrouwen()
{
	sText='<p class="actievelink">Carri&egrave;revrouwen</p>';
	sText+='<p class="tekst">Deze serie is ontstaan uit fascinatie voor vrouwen die zich een weg ';
	sText+='omhoog hebben moeten knokken. Wat zijn hun sterke punten en wat ';
	sText+='was ervoor nodig zover te komen?</p>';

	return sText	;
}
 	
function Toiletjuffrouwen()
{
	sText='<p class="actievelink">Toiletjuffrouwen</p>';
	sText+='<p class="tekst">Dit werk blijft altijd nodig en wordt meestal door vrouwen gedaan. Wat ';
	sText+='drijft deze vrouwen en <BR>hoe geven ze invulling aan hun werk?</p>';
	return sText	;
}

function WhatWomenWant()
{
	sText='<p class="actievelink">What Women Want - 8 maart 2009 - Haarlem</p>';
	sText+='<p class="tekst">Vrouwelijke ondernemers presenteerden hun bedrijf door middel van het houden van workshops, het laten zien van hun producten ';
	sText+='en het geven van lezingen. Het aanbod was veelzijdig: van duurzaam consumeren en een lezing over thuiswerken tot een modeshow, muziek en lekkere hapjes en drankjes.</p>';
	return sText	;
}


 			
function Portretten()
{
	sText='<p class="actievelink">Portretten</p>';
	sText+='<p class="tekst">diverse personen die mij raken door mij gefotografeerd.</p>  ';
	return sText	;
}
function Houtbaar()
{
	sText='<p class="actievelink">Houtbaar</p>';
	sText+='<p class="tekst">Dit werk was een tijd lang in ontwikkeling en is tentoongesteld voor het ';
	sText+='eerst in het voorjaar 2007 (<a class="link" href="http://www.vijfhoekkunstroute.nl" target="_blank">www.vijfhoekkunstroute.nl</a>).<BR><BR>';
	sText+='Het bestaat uit ongeveer 9 kastjes (20x31 cm), waarin een fotocollage is geplaatst. ';
	sText+='Het kastje is aan de binnenkant en de buitenkant beschilderd. <BR>De foto’s zijn ';
	sText+='zo samengesteld dat ze een eenheid vormen. De schilderingen ondersteunen dit geheel. <BR><BR>Het bos en de bomen zijn niet alleen maar mooi, ';
	sText+='regelmatig gebeuren er ook dingen die minder prettig of confronterend ';
	sText+='zijn. Vaak staan mensen hiervoor helemaal niet open. Het &iacute;s er echter ';
	sText+='wel, altijd, &oacute;&oacute;k onder een vrolijk gekleurde buitenkant, en het k&aacute;n met ';
	sText+='jou op de loop gaan als je niet oppast!<BR><BR>';
	sText+="Bij deze tentoonstelling horen ook een aantal zwart/wit foto's van 50x50 cm.</p>";
	return sText	;
}

function Landschap()
{
	sText='<p class="actievelink">Landschap</p>';
	sText+='<p class="tekst">Is het landschap altijd datgene wat wij werkelijk zien of wat wij ';
	sText+="beleven? De werken bestaan uit een compilatie van foto's waarmee ik ";
	sText+='mijn beleving en verwondering over het landschap tot uitdrukking wil brengen.</p>';
	return sText	;
}

function Schilderwerk()
{
	sText='<p class="actievelink">Schilderwerk</p>';
	sText+='<p class="tekst">Wilt u een zeer exclusief en persoonlijk aandenken aan een speciale ';
	sText+='gelegenheid, dan is er de mogelijkheid om schilderwerk toe te voegen ';
	sText+='aan foto’s die daarvoor geschikt zijn. Dit wordt voornamelijk toegepast ';
	sText+='bij trouwboeken maar ook in mijn vrije werk, zie "Houtbaar".</p>';
	return sText	;
}

function Nieuws()
{
	sText='<p class="actievelink">Getekend</p>';
	sText+='<p class="tekst">"Getekend" is het resultaat van een zoektocht en ook een begin waarbij ik luister naar het verhaal van mensen. Hun passies, ';
	sText+='maar ook de butsen en schrammen die we oplopen in het leven en wat we ermee doen.';
	sText+='</p>';
	return sText	;
}

function Koeknuffelen()
{
	sText='<p class="actievelink">Koeknuffelen</p>';
	sText+='<p class="tekst">Boerin Marente Hupkes heeft het fenomeen koe knuffelen ge&iuml;ntroduceerd. Een reportage ';
	sText+='hierover heeft gestaan in Going Places, The Week, Vanity Fair en Expresso.';
	sText+='</p>';
	return sText	;
}

function Bruiloft()
{
	sText='<p class="actievelink">Bruidsreportages</p>';
	sText+='<p class="tekst">Wat betreft bruiloftsfotografie kunt u bij mij terecht voor portret & reportage. ';
	sText+='</p>';
	return sText	;
}

function Swing()
{
	sText='<p class="actievelink">Verslag van een swingparty</p>';
	sText+='<p class="tekst">Reportage in opdracht van <a href="http://www.swingsteesjun.nl/" target="_blank">Swingsteesjun</a>.';
	sText+='</p>';
	return sText	;
}

function Verlangen()
{
	sText='<p class="actievelink">Verlangen</p>';
	sText+='<p class="tekst">In vervolg op mijn portretserie "Getekend" heb ik me nu verdiept in het onderwerp "verlangen".<BR> ';
	sText+='We zijn soms getekend door bepaalde gebeurtenissen in ons leven, maar waar zit onze eigenheid?<BR>';
	sText+="Onder andere in hetgeen waarnaar we verlangen. Het zoeken naar vervulling hiervan geeft richting aan ons leven. Ik heb geprobeerd dit in mijn foto's te vangen.";
	sText+='</p>';
	return sText	;
}



function ZoekReeks(aId) 
{
		sWhere = 'WHERE submenu = "' + aId[0] + '" AND onderdeel = "' + aId[1] + '"';
		iZoekveldReeks = document.getElementById("where");
		iZoekveldReeks.value = sWhere;
		document.getElementById("whereclause").submit();
}

 			
function handleErr(msg,url,l)
{
txt="There was an error on this page.\n\n"
txt+="Error: " + msg + "\n"
txt+="URL: " + url + "\n"
txt+="Line: " + l + "\n\n"
txt+="Click OK to continue.\n\n"
alert(txt)
return true
}