var randomColors = ['#ff6206','#fc6b62','#def59c','#fed74a','#0dab5c','#ffda2a','#fe2970','#232e7e','#314536','#2a8226','#d75400',
					'#e8141b','#fcab0f','#377cc2','#039bd4','#ff629e','#aadcd4','#def59c','#5380ac'];

var projects = new Hash({
	
	'Care to Care': {
		thumb: 't_0001_care2care.jpg',
		year: 2007,
		images: [
			{url: 'caretocare1.jpg', caption: 'Luc Lassche, een avontuurlijke fietser voor het goede doel, vroeg Keeple om een logo en een website te maken voor zijn stichting Care to Care.', caption_eng: 'Luc Lassche, een avontuurlijke fietser voor het goede doel, vroeg Keeple om een logo en een website te maken voor zijn stichting Care to Care.'},
			{url: 'caretocare4.jpg', caption: 'Een lang proces ging vooraf aan het perfecte logo ontwerp. Een logo kies je -als het goed is- maar 1 keer!'},
			{url: 'caretocare2.jpg', caption: 'Het uiteindelijke logo symboliseert een moeder-kind relatie, ofwel de onvoorwaardelijke liefde van een moeder voor haar kind.'},
			{url: 'caretocare3.jpg', caption: 'Als onderdeel van de site kon Luc zijn foto\'s vanuit fotosite Flickr eenvoudig integreren in een gallerij op de Care to Care site.'},
			{url: 'caretocare5.jpg', caption: 'Een ander belangrijk aspect is de koppeling met Google Maps. Luc kon via een GPS tracker en een satelliet telefoon zijn lokatie doorgeven aan de site.'},
			{url: 'caretocare6.jpg', caption: 'Tenslotte maakte Keeple de donatie thermometer. Deze kan door de stichting gemakkelijke aangepast worden zonder technische kennis.'}
		]
		
	},
	
	'TrustLedger': {
		thumb: 't_0008_trustledger.jpg',
		year: 2003,
		images: [
			{url: 'trustledger1.jpg', caption: 'Rond 2002 was de enorme toename van internet startups een vrij nieuw fenomeen. Trustledger was zo\'n startup waarvoor Keeple logo en site ontwierp.'}
		]
	},
	
	'TypeArtGraphy': {
		thumb: 't_0007_typeart.jpg',
		year: 2002,
		images: [
			{url: 'typeart0.jpg', caption: '"When photography meets typography some wonderful thing can happen..."'},
			{url: 'typeart1.jpg', caption: '"The smooth edges of the photo medium are often in great contrast with the sharp boundaries of type."'},
			{url: 'typeart2.jpg', caption: 'Geboren uit een liefde voor Typography, werd deze site snel een bron van inspiratie voor vrienden en collega-designers.'},
			{url: 'typeart3.jpg', caption: 'Helaas, veel van het materiaal was niet vrij van copyright, en na een jaar werd besoten de site offline te halen.'}
		]
	},
	
	'Ego Profile': {
		thumb: 't_0000_portfolio.jpg',
		year: 2001,
		images: [
			{url: 'ego1.jpg', caption: 'De voorloper van de site waar u nu naar kijkt was dit online portfolio.'}
		]
	},
	
	'eZone Casino': {
		thumb: 't_0004_ezone.jpg',
		year: 2004,
		images: [
			{url: 'ezone1.jpg', caption: 'Begin 2002 begon online gokken big business te worden. Voor eZone maakte Keeple een aantal spellen.'},
			{url: 'ezone2.jpg', caption: 'Alles werd vanaf scratch ontwikkeld. Zo werd een slotmachine gerenderd die in Director tot leven werd gebracht.'},
			{url: 'ezone3.jpg', caption: 'Ook de roulette tafel en een blackjack omgeving werden ontworpen en geanimeerd in Director.'},
			{url: 'ezone4.jpg', caption: 'Koppeling met een backend was complex omdat aan veel regels moest worden voldaan en valsspelen moest worden uitgesloten.'},
			{url: 'ezone5.jpg', caption: 'Helaas werd voortijdig de stekker uit het project getrokken, maar niet voordat deze drie onderdelen wat front-end betreft klaar waren.'}
		]
	},
	
	'MynaVoice': {
		thumb: 't_0003_mynavoice.jpg',
		year: 2006,
		images: [
			{url: 'mynavoice1.jpg', caption: 'MynaVoice wordt overal ter wereld gebruikt voor het vastleggen, opslaan en terughalen van telefoon en gegevensverkeer...'},
			{url: 'mynavoice2.jpg', caption: 'De mensen achter Keeple waren verantwoordelijk voor het framewerk en de interface van deze webapplicatie.'},
			{url: 'mynavoice3.jpg', caption: 'Via deze webinterface kon de recorder worden geconfigureerd, en kon er worden gezocht op gesprekken en data.'},
			{url: 'mynavoice4.jpg', caption: 'MynaVoice is geheel \'skinnable\', wat inhoudt dat de recorder gemakkelijk in andere kleuren en met andere branding uitgevoerd kan worden.'},
			{url: 'mynavoice5.jpg', caption: 'Voor deze interface werd veelvuldig gebruik gemaakt van technieken als ajax om het geheel te doen aanvoelen als een desktop applicatie.'}
		]
	},
	
	'Ricardo.nl': {
		thumb: 't_0010_ricardo.jpg',
		year: 2000,
		images: [
			{url: 'ricardo1.jpg', caption: 'Eind \'99 werd Nederlands eerste internetveiling geboren onder de naam Veiling.com - Keeple ontwierpt de site die in korte tijd zeer populair werd.'},
			{url: 'ricardo2.jpg', caption: 'Al gauw werd ook gevraagd om een identiteit aan de jonge startup te geven. Keeple ontwierp een huisstijl om het al bestaande veiling.com logo.'},
			{url: 'ricardo3.jpg', caption: 'Het succes bleef niet onopgemerkt en na een succesvolle startperiode nam de grote Duitse veilingsite Ricardo de boel over...'},
			{url: 'ricardo4.jpg', caption: '..Een klein redesign was oppnieuw noodzakelijk.'},
			{url: 'ricardo5.jpg', caption: 'Al met al draaide de site ongeveer 5 jaar, in april 2006 viel uiteindelijk het doek voor de veilingsite.'}
		]
	},
	
	'Storm, De Kronieken van Pandarve': {
		thumb: 't_0009_storm.jpg',
		year: 2001,
		images: [
			{url: 'storm1.jpg', caption: 'Ah, Storm. Wie kent hem niet? Van jongs af aan al waren wij bij Keeple fans van deze geweldige strip.'},
			{url: 'storm2.jpg', caption: 'Groot was de vreugd toen er een site gemaakt moest worden ter ere van het verschijnen van het nieuwste Storm album.'},
			{url: 'storm3.jpg', caption: 'Uitgever Big Balloon gaf ons toegang tot dia\'s van de laatste 12 albums, de "Kronieken van Pandarve".'},
			{url: 'storm4.jpg', caption: 'Het scannen van de meer dan 500 dia\'s was trouwens een hels karwei.'},
			{url: 'storm5.jpg', caption: 'Maar de interactieve reis door de wereld van Storm was het meer dan waard!'},
			{url: 'storm6.jpg', caption: 'Een van Keeple\'s leukste opdrachten!'}
		]
	},
	
	'Bookmate': {
		thumb: 't_0006_bookmate.jpg',
		year: 2003,
		images: [
			{url: 'bookmate1.jpg', caption: 'Keeple bouwde de frontend voor het eerste online boekhoudpakket in Nederland: Bookmate.'},
			{url: 'bookmate2.jpg', caption: 'Ook de website werd door keeple ontworpen en gebouwd.'},
			{url: 'bookmate3.jpg', caption: 'En zo zag de webapplicatie er uit.'}
		]
	},
	
	'Payless Teleservices': {
		thumb: 't_0005_payless.jpg',
		year: 2003,
		images: [
			{url: 'payless1.jpg', caption: 'Een piepklein telecom bedrijfje uit Alkmaar wilde automatiseren. Keeple hielp daarbij.'},
			{url: 'payless2.jpg', caption: 'Alleen al het klantenbestand koppelen aan brief en envelop scheelde PayLess enorm veel tijd.'}
		]
	},
	
	'License Manager': {
		thumb: 't_0002_licensemanager.jpg',
		year: 2007,
		images: [
			{url: 'license1.jpg', caption: 'Met de License Manager kunnen klanten van CyberTech Telecom gemakkelijk online hun software licenties uitbreiden.'},
			{url: 'license2.jpg', caption: 'Een zeer gebruiksvriendelijke interface staat alleen upgrades toe die voor het bordtype van de klant fysiek mogelijk zijn.'},
			{url: 'license3.jpg', caption: 'Kanalen en opties toevoegen aan een bestaand bord gebeurt in een handomdraai.'},
			{url: 'license4.jpg', caption: 'Een koppeling met CyberTechs eigen programmer software zal dit produkt in de toekomst helemaal compleet maken.'}
		]
	},
	
	'RRrrr': {
		thumb: 't_0021_rrrrr.jpg',
		year: 2000,
		images: [
			{url: 'rrrrr1.jpg', caption: 'Persoonlijke website van Robin van Mourik, uit plusminus 2000.'},
			{url: 'rrrrr2.jpg', caption: 'Muziek lijst.'},
			{url: 'rrrrr3.jpg', caption: 'Winamp Skin "ContrastAmp".'}
		]
	},
	
	'GLA Chipcard': {
		thumb: 't_0020_gla.jpg',
		year: 1998,
		images: [
			{url: 'chipcard1.jpg', caption: 'Keeple maakte het winnende design in een ontwerpwedstrijd voor de nieuwe chipkaart van het Grafisch Lyceum.'},
			{url: 'chipcard2.jpg', caption: 'Deze kaart was enkele jaren het betaal- en toegangsmiddel binnen alle vestigingen van het Grafisch Lyceum.'}
		]
	},
	
	'Argus Openingsflyer': {
		thumb: 't_0019_argus.jpg',
		year: 1999,
		images: [
			{url: 'argus1.jpg', caption: 'Flyer designs voor non profits, zoals hier jongerencentrum Argus in Alkmaar doet Keeple met veel plezier.'}
		]
	},
	
	'Ikke': {
		thumb: 't_0018_veedeejay.jpg',
		year: 1998,
		images: [
			{url: 'ikke1.jpg', caption: 'Dit project was een interactieve cd-rom over "de persoon Robin".'},
			{url: 'ikke2.jpg', caption: 'Verschillende onderdelen vertelden een verhaal...'},
			{url: 'ikke3.jpg', caption: 'Hoogtepunt was de VeeDeeJay machine waarmee video- en geluid in een grid geplaatst kon worden waardoor telkens een nieuwe audiovisuele compositie ontstond.'},
			{url: 'ikke4.jpg', caption: 'Gemaakt in opdracht van het GLA in het kader van het IKKE project.'}
		]
	},
	
	'bvdlinden.nl': {
		thumb: 't_0017_bvdlinden.jpg',
		year: 2004,
		images: [
			{url: 'bvdlinden1.jpg', caption: 'Voor autobedrijf Bart van de Linden in Tienhoven was het internet een groot vraagteken.'},
			{url: 'bvdlinden2.jpg', caption: 'Keeple ontwierp een website waarop de eigenaar gemakkelijk zelf auto\'s kon plaatsen. Later volgde ook een geautomatiseerde koppeling met Autotrack.'},
			{url: 'bvdlinden3.jpg', caption: 'Onderdeel van de site was ook een fotosessie van Bart\'s grote liefdes: zijn gerestaureerde T- en A-Fords.'}
		]
	},
	
	'Syntens Tour de Finance': {
		thumb: 't_0015_syntens.jpg',
		year: 2000,
		images: [
			{url: 'syntens1.jpg', caption: 'Dit project voor Syntens was een site over financiering van startende ondernemingen.'},
			{url: 'syntens2.jpg', caption: 'De site werd feestelijk geopend door Staatssecretaris Ybema van Economische Zaken '}
		]
	},
	
	'Dada': {
		thumb: 't_0014_dada.jpg',
		year: 2001,
		images: [
			{url: 'dada1.jpg', caption: 'Dada of het Dadaïsme was een culturele beweging die begon tijdens de Eerste Wereldoorlog in Zürich in het neutrale Zwitserland.'},
			{url: 'dada2.jpg', caption: 'De kunstenaars in Dada hielden zich vooral bezig met beeldende kunst, poëzie, theater en grafisch ontwerp.'},
			{url: 'dada3.jpg', caption: 'Deze interactieve CD-rom is een eerbetoon aan de dadaisten.'},
			{url: 'dada4.jpg', caption: 'Automatisch gegenereerde gedichten...'},
			{url: 'dada5.jpg', caption: 'Interactieve rijmen...'},
			{url: 'dada6.jpg', caption: 'Gekheid op een stokje in dit boerderijgedicht (inclusief dierengeluiden)...'},
			{url: 'dada8.jpg', caption: 'Het dadalfabet bevat een hilarische hoeveelheid onzinwoorden, inclusief foto- of video materiaal.'},
			{url: 'dada7.jpg', caption: 'Een indicatie van de hoeveelheid geziene onzin.'}
		]
	},
	
	'For Fellows': {
		thumb: 't_0013_forfellows.jpg',
		year: 2000,
		images: [
			{url: 'forfellows1.jpg', caption: 'Veel mensen weten niet dat sportjournalist Jack van Gelder al jaren een eigen kledinglijn heeft: For Fellows.'},
			{url: 'forfellows2.jpg', caption: 'Keeple ontwierp voor For Fellows een site waarin de collectie en het gevoel van For Fellows werd uitgedragen.'},
			{url: 'forfellows3.jpg', caption: 'Omdat in die tijd flash intro\'s nog helemaal in waren, had deze site een schitterende full screen flash intro.'}
		]
	},
	
	'GE Plastics Auction': {
		thumb: 't_0012_gep.jpg',
		year: 2000,
		images: [
			{url: 'gep0.jpg', caption: 'Op de GE Plastics Auction die Keeple maakte in de "veiling hoogtij dagen" kon geboden worden op ...'},
			{url: 'gep1.jpg', caption: '... plastic overschotten uit de GE plastics fabriek.'}
		]
	},
	
	'Freestyle Fotografie Frank': {
		thumb: 't_0022_freestyle.jpg',
		year: 2008,
		images: [
			{url: 'freestyle0.jpg', caption: 'Freelance fotograaf Frank Otten is een zeer enthousiaste vakman die naar Keeple kwam voor een logo en een website.'},
			{url: 'freestyle1.jpg', caption: 'De site bevat een schermvullende gallerij die veel nadruk legt op zijn mooiste foto\'s.'},
			{url: 'freestyle2.jpg', caption: 'De foto\'s komen automatisch voorbij in een slideshow, maar zijn ook handmatig te selecteren.'}
		]
	},
	
	'Halloween Street': {
		thumb: 't_0011_halloween.jpg',
		year: 2001,
		images: [
			{url: 'halloween1.jpg', caption: 'In deze educatieve CD-rom productie over het Halloween feest speelde een straat de hoofdrol.'},
			{url: 'halloween2.jpg', caption: 'Deze saaie straat moest door allerlei spelletjes en raadsels worden versierd en omgetoverd voor het Halloween feest.'},
			{url: 'halloween3.jpg', caption: 'Zo was er het Pompoen Planten, gebaseerd op het spel kamertje verhuren...'},
			{url: 'halloween4.jpg', caption: '...maar ook liedjes van de Griezelbus (van VOF de Kunst) speelden een grote rol, zoals hier bij de zingende regenpijp.'}
		]
	},

	'Pinside.com': {
		thumb: 't_0023_pinside.jpg',
		year: 2008,
		images: [
			{url: 'pinside1.jpg', caption: 'De Pinside is het in eigen beheer ontwikkelde concept waar flipperen centraal staat.. U weet wel, dat spelletje met de zilveren bal.'},
			{url: 'pinside2.jpg', caption: 'In het Pinside.com archief valt van alles te vinden over de 1000 verschillende flipperkasten die tussen 1975 en nu gemaakt zijn.'},
			{url: 'pinside3.jpg', caption: 'De hele site ademt de sfeer van de flipperkast.'},
			{url: 'pinside4.jpg', caption: 'Bezoekers kunnen een account aanmaken en zichzelf op de Pinball map plaatsen.'},
			{url: 'pinside5.jpg', caption: 'Ook kunnen beoordelingen worden gegeven aan de machines. Hieruit ontstaat de Pinside Pinball Top 100.'},
			{url: 'pinside6.jpg', caption: 'Tenslotte is het mogelijk om de eigen flippercollectie te beheren en showcasen in de collection manager.'}
		]
	}	
	
});