// JavaScript Document
var clients = new Array();
clients[0] = "client0";
clients[1] = "client1";
clients[2] = "client2";
clients[3] = "client3";
clients[4] = "client4";

var afbeeldingsboxen = new Array();
afbeeldingsboxen[0] = "afbeeldingsbox0";
afbeeldingsboxen[1] = "afbeeldingsbox1";
afbeeldingsboxen[2] = "afbeeldingsbox2";
afbeeldingsboxen[3] = "afbeeldingsbox3";
afbeeldingsboxen[4] = "afbeeldingsbox4";

var navigatieVolgend = "navigatie_volgend";
var navigatieVorig = "vorig_project";

var currClient = 0;

function visi(nr, action)
{	
		if (document.layers)
	{
		//current = (document.layers[nr].display == 'none') ? 'block' : 'none';
		if(action == 'block') {current = 'block';} else {current = 'none';}
		document.layers[nr].display = current;
	}
	else if (document.all)
	{
		//current = (document.all[nr].style.display == 'none') ? 'block' : 'none';
		if(action == 'block') {current = 'block';} else {current = 'none';}
		document.all[nr].style.display = current;
	}
	else if (document.getElementById)
	{
		//vista = (document.getElementById(nr).style.display == 'none') ? 'block' : 'none';
		if(action == 'block') {current = 'block';} else {current = 'none';}
		document.getElementById(nr).style.display = current;
	}
	
}

function changeclient(type) {
		
		if(type == "next") {
			
			if(currClient < clients.length - 1) {			
				newClient = clients[currClient + 1];
				visi(newClient, 'block');
				visi(clients[currClient], 'none');
				
				newAfbeeldingbox = afbeeldingsboxen[currClient + 1];
				visi(newAfbeeldingbox, 'block');
				visi(afbeeldingsboxen[currClient], 'none');
				
				currClient = currClient + 1;
				
				if(currClient == clients.length - 1) {
					visi(navigatieVolgend, 'none');
				} else if (currClient > 0) {
					visi(navigatieVorig, 'block');
				}
			}
			
		} else {
			if(currClient > 0) {			
				newClient = clients[currClient - 1];
				visi(newClient, 'block');
				visi(clients[currClient], 'none');
				
				newAfbeeldingbox = afbeeldingsboxen[currClient - 1];
				visi(newAfbeeldingbox, 'block');
				visi(afbeeldingsboxen[currClient], 'none');
				
				currClient = currClient - 1;

				if (currClient < 1) {
					visi(navigatieVorig, 'none');
				} else if(currClient < clients.length - 1) {
					visi(navigatieVolgend, 'block');
				} 

			}
		}
		
}


		
i = 1;

function replace() {
	if(i == 23) {i=0}
	if(messages.length > i) {
		document.getElementById('header-text').innerHTML = messages[i];
	}
	i++;
}


	var messages = new Array();
	messages[0] = "Welkom bij Pikzel.";
	messages[1] = "Elke keer dat u op de Pikzel rechts klikt, verandert deze boodschap.";
	messages[2] = "Zo dus.";
	messages[3] = "Wij zijn een creatief ontwerpbureau.";
	messages[4] = "Dat betekent dat we niet alleen prachtige ontwerpen maken,";
	messages[5] = "maar ook slimme en leuke concepten bedenken.";
	messages[6] = "Een prachtig ontwerp kan een huisstijl zijn. ";
	messages[7] = "Of een website.";
	messages[8] = "Een concept kan een idee voor een kleine promotiecampagne zijn.";
	messages[9] = "Of een manier om uw jubileum te vieren.";
	messages[10] = "We doen branding.";
	messages[11] = "Dat is een vaag woord om het volgende te zeggen:";
	messages[12] = "we kijken heel goed naar uw merk en uw bedrijf,";
	messages[13] = "en vertellen u waar wij mogelijkheden zien. ";
	messages[14] = "Een opgefriste website bijvoorbeeld, of een duidelijker merkbelofte. ";
	messages[15] = "Er is een reden waarom u op onze site bent.";
	messages[16] = "Wilt u een mooie huisstijl?";
	messages[17] = "Of een website? Daar zijn we echt goed in.";
	messages[18] = "Heeft u iets te vieren, en wilt u dat eens op originele manier doen?";
	messages[19] = "Wij bedenken wel iets.";
	messages[20] = "Waarschijnlijk wilt u gewoon meer weten.";
	messages[21] = "Bel ons, het telefoonnummer staat onderaan deze website. ";
	messages[22] = "Met vriendelijke groet,";