// JavaScript Document
// schrijft de afbeelding in html op de gewenste html pagina
// init: op de gewenste pagina <body onload="writePortfolio()">
//       in de head de file writePortfolio.js toevoegen
// -------------
// indien er later nog een sub-menu bijkomt bij portfolio doe het volgende
// nieuwe variabele toevoegen: "var nieuwSubmenu = "
// vervolgens doe jehetzelfde zoals bij de rest
// je dient wel bij div.Portfolop.innerHTML de variabele erbij voegen dus "+ nieuwe variabele"
function writePortfolio(){
	// positie = id van de div in de html pagina
	position = document.getElementById("javascriptWriteKleeffilm");
	
	// kleeffilm
	var picsKleeffilm = "" +
	"<a href='images/portfolio/kleeffilm/dewilde1.jpg' rel='lightbox[kleeffilm]' </a>" +
	"<a href='images/portfolio/kleeffilm/dewilde2.jpg' rel='lightbox[kleeffilm]' </a>" +
	"<a href='images/portfolio/kleeffilm/tonis.jpg' rel='lightbox[kleeffilm]' </a>" +
	"<a href='images/portfolio/kleeffilm/ganda.jpg' rel='lightbox[kleeffilm]' </a>" +
	"<a href='images/portfolio/kleeffilm/schelde.jpg' rel='lightbox[kleeffilm]' </a>" +
	"<a href='images/portfolio/kleeffilm/vangans.jpg' rel='lightbox[kleeffilm]' </a>" +
	"<a href='images/portfolio/kleeffilm/snelcab1.jpg' rel='lightbox[kleeffilm]' </a>" +
	"<a href='images/portfolio/kleeffilm/snelcab2.jpg' rel='lightbox[kleeffilm]' </a>" +
	"<a href='images/portfolio/kleeffilm/kleef2.jpg' rel='lightbox[kleeffilm]' </a>" +
	"<a href='images/portfolio/kleeffilm/kleef3.jpg' rel='lightbox[kleeffilm]' </a>" +
	"<a href='images/portfolio/kleeffilm/kleef4.jpg' rel='lightbox[kleeffilm]' </a>" +
	"<a href='images/portfolio/kleeffilm/kleef4a.jpg' rel='lightbox[kleeffilm]' </a>" +
	"<a href='images/portfolio/kleeffilm/hommelbier.jpg' rel='lightbox[kleeffilm]' </a>" +
	"<a href='images/portfolio/kleeffilm/kleef5.jpg' rel='lightbox[kleeffilm]' </a>" +
	"<a href='images/portfolio/kleeffilm/sneltekstbord.jpg' rel='lightbox[kleeffilm]' </a>" +
	"<a href='images/portfolio/kleeffilm/kleef6.jpg' rel='lightbox[kleeffilm]' </a>" +
	"<a href='images/portfolio/kleeffilm/kleef7.jpg' rel='lightbox[kleeffilm]' </a>" +
	"<a href='images/portfolio/kleeffilm/kleef8.jpg' rel='lightbox[kleeffilm]' </a>" +
	"<a href='images/portfolio/kleeffilm/kleef9.jpg' rel='lightbox[kleeffilm]' </a>" +
	"<a href='images/portfolio/kleeffilm/kleef11.jpg' rel='lightbox[kleeffilm]' </a>" +
	"<a href='images/portfolio/kleeffilm/kleef13.jpg' rel='lightbox[kleeffilm]' </a>" +
	"<a href='images/portfolio/kleeffilm/kleef14.jpg' rel='lightbox[kleeffilm]' </a>" +
	"<a href='images/portfolio/kleeffilm/kleef15.jpg' rel='lightbox[kleeffilm]' </a>" +
	"<a href='images/portfolio/kleeffilm/kleef16.jpg' rel='lightbox[kleeffilm]' </a>" +
	"<a href='images/portfolio/kleeffilm/kleef17.jpg' rel='lightbox[kleeffilm]' </a>" +
	"<a href='images/portfolio/kleeffilm/kleef18.jpg' rel='lightbox[kleeffilm]' </a>" +
	"<a href='images/portfolio/kleeffilm/kleef19.jpg' rel='lightbox[kleeffilm]' </a>" +
	"<a href='images/portfolio/kleeffilm/kleef20.jpg' rel='lightbox[kleeffilm]' </a>" +
	"<a href='images/portfolio/kleeffilm/kleef21.jpg' rel='lightbox[kleeffilm]' </a>" +
	"<a href='images/portfolio/kleeffilm/kleef22.jpg' rel='lightbox[kleeffilm]' </a>" +
	"<a href='images/portfolio/kleeffilm/kleef23.jpg' rel='lightbox[kleeffilm]' </a>" +
	"<a href='images/portfolio/kleeffilm/kleef24.jpg' rel='lightbox[kleeffilm]' </a>" +
	"<a href='images/portfolio/kleeffilm/kleef25.jpg' rel='lightbox[kleeffilm]' </a>" +
	"<a href='images/portfolio/kleeffilm/kleef27.jpg' rel='lightbox[kleeffilm]' </a>" +
	"<a href='images/portfolio/kleeffilm/kleef29.jpg' rel='lightbox[kleeffilm]' </a>" +
	"<a href='images/portfolio/kleeffilm/kleef28.jpg' rel='lightbox[kleeffilm]' </a>" ;
	
	// spandoeken
	var picsSpandoeken = "" +
	"<a href='images/portfolio/spandoeken/tomabel.jpg' rel='lightbox[spandoeken]' </a>" +
	"<a href='images/portfolio/spandoeken/academiegent.jpg' rel='lightbox[spandoeken]' </a>" +
	"<a href='images/portfolio/spandoeken/cafecentral.jpg' rel='lightbox[spandoeken]' </a>" +
	"<a href='images/portfolio/spandoeken/framehoppe.jpg' rel='lightbox[spandoeken]' </a>" +
	"<a href='images/portfolio/spandoeken/santens.jpg' rel='lightbox[spandoeken]' </a>" +
	"<a href='images/portfolio/spandoeken/versus.jpg' rel='lightbox[spandoeken]' </a>" +
	"<a href='images/portfolio/spandoeken/imalink.jpg' rel='lightbox[spandoeken]' </a>" +
	"<a href='images/portfolio/spandoeken/dv1.jpg' rel='lightbox[spandoeken]' </a>" +
	"<a href='images/portfolio/spandoeken/dv2.jpg' rel='lightbox[spandoeken]' </a>" +
	"<a href='images/portfolio/spandoeken/ivr.jpg' rel='lightbox[spandoeken]' </a>" +
	"<a href='images/portfolio/spandoeken/omniform.jpg' rel='lightbox[spandoeken]' </a>" +
	"<a href='images/portfolio/spandoeken/cofathec.jpg' rel='lightbox[spandoeken]' </a>" +
	"<a href='images/portfolio/spandoeken/oudclooster.jpg' rel='lightbox[spandoeken]' </a>" +
	"<a href='images/portfolio/spandoeken/play.jpg' rel='lightbox[spandoeken]' </a>" +
	"<a href='images/portfolio/spandoeken/pontzeele.jpg' rel='lightbox[spandoeken]' </a>" +
	"<a href='images/portfolio/spandoeken/spice1.jpg' rel='lightbox[spandoeken]' </a>" +
	"<a href='images/portfolio/spandoeken/spice2.jpg' rel='lightbox[spandoeken]' </a>";

	
	// prints
	var picsPrints = "" +
	"<a href='images/portfolio/dekzeilen/prints/clarysse.jpg' rel='lightbox[prints]' </a>" +
	"<a href='images/portfolio/dekzeilen/prints/forem.jpg' rel='lightbox[prints]' </a>" +
	"<a href='images/portfolio/dekzeilen/prints/goege.jpg' rel='lightbox[prints]' </a>" +
	"<a href='images/portfolio/dekzeilen/prints/eaula.jpg' rel='lightbox[prints]' </a>" +
	"<a href='images/portfolio/dekzeilen/prints/ansseau.jpg' rel='lightbox[prints]' </a>" +
	"<a href='images/portfolio/dekzeilen/prints/js.jpg' rel='lightbox[prints]' </a>" +
	"<a href='images/portfolio/dekzeilen/prints/vanux.jpg' rel='lightbox[prints]' </a>" +
	"<a href='images/portfolio/dekzeilen/prints/ag.jpg' rel='lightbox[prints]' </a>" +
	"<a href='images/portfolio/dekzeilen/prints/qsalt.jpg' rel='lightbox[prints]' </a>" +
	"<a href='images/portfolio/dekzeilen/prints/castellins.jpg' rel='lightbox[prints]' </a>" +
	"<a href='images/portfolio/dekzeilen/prints/castel2.jpg' rel='lightbox[prints]' </a>" +
	"<a href='images/portfolio/dekzeilen/prints/minnart.jpg' rel='lightbox[prints]' </a>" +
	"<a href='images/portfolio/dekzeilen/prints/rodenbach.jpg' rel='lightbox[prints]' </a>" +
	"<a href='images/portfolio/dekzeilen/prints/campina.jpg' rel='lightbox[prints]' </a>" +
	"<a href='images/portfolio/dekzeilen/prints/marbrino.jpg' rel='lightbox[prints]' </a>" +
	"<a href='images/portfolio/dekzeilen/prints/kriek.jpg' rel='lightbox[prints]' </a>" +
	"<a href='images/portfolio/dekzeilen/prints/kasteel.jpg' rel='lightbox[prints]' </a>" +
	"<a href='images/portfolio/dekzeilen/prints/carlsberg.jpg' rel='lightbox[prints]' </a>" +
	"<a href='images/portfolio/dekzeilen/prints/duvel.jpg' rel='lightbox[prints]' </a>" +
	"<a href='images/portfolio/dekzeilen/prints/injextru.jpg' rel='lightbox[prints]' </a>" +
	"<a href='images/portfolio/dekzeilen/prints/latexco.jpg' rel='lightbox[prints]' </a>" +
	"<a href='images/portfolio/dekzeilen/prints/mbma.jpg' rel='lightbox[prints]' </a>" +
	"<a href='images/portfolio/dekzeilen/prints/moscou.jpg' rel='lightbox[prints]' </a>" +
	"<a href='images/portfolio/dekzeilen/prints/ph.jpg' rel='lightbox[prints]' </a>" +
	"<a href='images/portfolio/dekzeilen/prints/stow.jpg' rel='lightbox[prints]' </a>" +
	"<a href='images/portfolio/dekzeilen/prints/vittel.jpg' rel='lightbox[prints]' </a>" +
	"<a href='images/portfolio/dekzeilen/prints/viva2.jpg' rel='lightbox[prints]' </a>" ;
	
	// geverfd
	var picsGeverfd = "" +
	
	"<a href='images/portfolio/dekzeilen/geverfd/ready.jpg' rel='lightbox[geverfd]' </a>" +
	"<a href='images/portfolio/dekzeilen/geverfd/castelein.jpg' rel='lightbox[geverfd]' </a>" +
	"<a href='images/portfolio/dekzeilen/geverfd/snel.jpg' rel='lightbox[geverfd]' </a>" +
	"<a href='images/portfolio/dekzeilen/geverfd/coeman.jpg' rel='lightbox[geverfd]' </a>" +
	"<a href='images/portfolio/dekzeilen/geverfd/jupiler.jpg' rel='lightbox[geverfd]' </a>" +
	"<a href='images/portfolio/dekzeilen/geverfd/pauly.jpg' rel='lightbox[geverfd]' </a>" +
	"<a href='images/portfolio/dekzeilen/geverfd/stora.jpg' rel='lightbox[geverfd]' </a>" +
	"<a href='images/portfolio/dekzeilen/geverfd/tvh.jpg' rel='lightbox[geverfd]' </a>" ;
	
	// varia
	var picsVaria = "" +
	"<a href='images/portfolio/varia/dewilde3.jpg' rel='lightbox[varia]' </a>" +
	"<a href='images/portfolio/varia/electroline.jpg' rel='lightbox[varia]' </a>" +
	"<a href='images/portfolio/varia/electroline1.jpg' rel='lightbox[varia]' </a>" +
	"<a href='images/portfolio/varia/rotary.jpg' rel='lightbox[varia]' </a>" +
	"<a href='images/portfolio/varia/camel.jpg' rel='lightbox[varia]' </a>" +
	"<a href='images/portfolio/varia/hyundai.jpg' rel='lightbox[varia]' </a>" +
	"<a href='images/portfolio/varia/hyundai2.jpg' rel='lightbox[varia]' </a>" +
	"<a href='images/portfolio/varia/ict.jpg' rel='lightbox[varia]' </a>" +
	"<a href='images/portfolio/varia/play2.jpg' rel='lightbox[varia]' </a>" +
	"<a href='images/portfolio/varia/ardoullie.jpg' rel='lightbox[varia]' </a>" +
	"<a href='images/portfolio/varia/vanneste.jpg' rel='lightbox[varia]' </a>";
	
	
	// alle divs in 1 algemene div inkapselen
	var divPortfolio = document.createElement('div');
			divPortfolio.setAttribute("id", "portfolioAlleAfbeeldingen");
			divPortfolio.innerHTML = picsKleeffilm + picsSpandoeken + picsPrints + picsGeverfd + picsVaria;
	// de div portfolioAlleAfbeeldingen in de div javascriptWriteKleeffilm bijvoegen
	position.appendChild(divPortfolio);
}
