// JavaScript Document

var categorie = "logo";
var logoMouseOut = false;
var diverseMouseOut = true;
var websiteMouseOut = true;
var huisstijlMouseOut = true;
var advertentieMouseOut = true;
var onclickEvent = "";


function changeCategorie(categorie)
{
	this.categorie = categorie;
}
function swapImage(img, newImg)
{
	img.src = "images/"+newImg;
}

function swapPage(page)
{
	window.location = page;
}

function $(id)
{
	return document.getElementById(id);
}



var logo = new Array(new Array("coolmart", "dolfijn", "duncan", "flevo", "govert", "heg", "hogeboom", "lichtconcept", "qline", "veilinghuis"),
						   new Array("Het ontwerpen van een logo voor een discountwinkel gespecialiceerd in diepvries producten.", 
									 "Het ontwerpen van een logo voor een discountwinkel gevestigd in Harderwijk.",
									 "Het ontwerpen van een logo voor een keltisch eetcafé.", 
									 "Het ontwerpen van een logo dat gebruikt wordt voor aanbiedingen in de winkels en voor een actiefolder.",  
									 "Het ontwerpen van een logo voor een zelfstandige ondernemer op het gebied van risicomanagement en financiële informatievoorziening.", 
									 "Het restylen van het reeds bestaande logo.", 
									 "Het ontwerpen van een logo voor een beheersmaatschappij.", 
									 "Het ontwerpen van een logo voor een nieuwe formule voor presentatie van verlichtingsartikelen.", 
									 "Het ontwerpen van een logo voor een nieuwe lijn van verlichtingsartikelen.", 
									 "Het ontwerpen van een logo voor een veilinghuis."), 
						   new Array("Coolmart B.V.", 
									 "Dolfijn",
									 "Eetcafé Duncan's", 
									 "Flevolicht & Wonen", 
									 "Govert", 
									 "G. van de Heg B.V.", 
									 "Hogeboom B.V.", 
									 "G. van de Heg B.V.", 
									 "G. van de Heg B.V.", 
									 "Veilinghuis Ermelo B.V."));

var diverse = new Array(new Array("binnenhofuitnodiging", "flevobonnen", "flevouitnodiging", "hamuuitnodiging", "hegverpakking", "qlineverpakking", "weldoen", "weldoen2", "ideaal"),
						   new Array("Het ontwerpen van een poster en een entreekaart voor het oud- en nieuwfeest.", 
									 "Het ontwerpen van een serie cadeaubonnen.",
									 "Het ontwerpen van een uitnodigingskaart voor de heropening van de nieuwe winkelformule in Amersfoort.", 
									 "Het ontwerpen van een uitnodigingskaart en enveloppe voor een nieuw te openen pand.", 
									 "Het ontwerpen van een verpakkingslijn voor een specifieke lampenserie.", 
									 "Het ontwerpen van een verpakkingslijn voor een nieuwe lijn van verlichtingsartikelen.",
									 "Het opmaken van de 4 pagina tellende WelDoen,  de nieuwsbrief van International Child Support",
									 "Het opmaken van de 6 pagina tellende WelDoen,  de nieuwsbrief van International Child Support",
									 "Het ontwerpen van een poster voor een tentoonstelling Nederlandse ontwerpen door de jaren heen op het gebied van wonen."), 
						   new Array("Café 't Binnenhof", 
									 "Flevolicht & Wonen",
									 "Flevolicht & Wonen", 
									 "Hamu automaterialen", 
									 "G. van de heg B.V.", 
									 "G. van de heg B.V.",
									 "ICS",
									 "ICS",
									 "Ideaal!wonen"));

var huisstijlen = new Array(new Array("hogeboom", "veilinghuis"),
						   new Array("Het ontwerpen van een huisstijl voor een beheersmaatschappij.", 
									 "Het ontwerpen van een huisstijl voor een veilinghuis."), 
						   new Array("Hogeboom B.V.", 
									 "Veilinghuis Ermelo B.V."));

var website = new Array(new Array("fitima", "govert", "lodenroos"),
						   new Array("Het ontwerpen van een website voor een zelfstandig werkende projectmanager die zich richt op het sturen en begeleiden van grote veranderingstrajecten.", 
									 "Het ontwerpen van een website voor een zelfstandige ondernemer op het gebied van risicomanagement en financiële informatievoorziening.",
									 "Het ontwerpen van een website voor een winkel die interieur, woninginrichting, meubilair en cadeauartikelen verkoopt."), 
						   new Array("Fitima B.V.",
									 "Govert",
									 "De Loden Roos"),
						   new Array("http://www.fitima.nl", 
									 "http://www.govertadvies.nl",
									 "http://www.delodenroos.nl"));

var advertentie = new Array(new Array("flevoliggend", "flevospread", "flevostaand", "binnenhof", "hamuhalf", "hamuvervolg", "icsgroot", "icsmiddel", "betecom"),
						   new Array("Het ontwerpen van diverse advertenties voor verschillende magazines.", 
									 "Het ontwerpen van diverse advertenties voor verschillende kranten.",					 					
									 "Het ontwerpen van diverse advertenties voor verschillende magazines.", 
									 "Het ontwerpen en het regelen van de plaatsing van diverse advertenties.", 
									 "Het ontwerpen en het regelen van de plaatsing van diverse advertenties voor de opening van een nieuw pand.", 
									 "Het ontwerpen en het regelen van de plaatsing van een reclamecampagne voor diverse kranten.", 
									 "Het ontwerpen van diverse stopperadvertenties welke gebruikt zullen worden in verschillende kranten.", 
									 "Het ontwerpen van diverse stopperadvertenties welke gebruikt zullen worden in verschillende kranten.",
									 "Het opmaken van een serie advertenties voor diverse bladen."), 
						   new Array( "Flevolicht & Wonen",
									 "Flevolicht & Wonen", 
									 "Flevolicht & Wonen",
									 "Café 't Binnenhof",
									 "Hamu automaterialen", 
									 "Hamu automaterialen", 
									 "ICS",  
									 "ICS",
									 "Betecom"));

function menuItemMouseOut()
{
	$("logoKnop").onmouseout();
	$("advertentieKnop").onmouseout();
	$("huisstijlenKnop").onmouseout();
	$("websiteKnop").onmouseout();
	$("diverseKnop").onmouseout();
	
}

function nextImage(volgende,  id)
{
	
	mouseOut = false;
	switch(this.categorie)
	{		
		case "logo":
		{
			logoMouseOut = false;
			diverseMouseOut = true;
			websiteMouseOut = true;
			huisstijlMouseOut = true;
			advertentieMouseOut = true;	
			
			while($('linkContainer').childNodes[0])
			{
				$('linkContainer').removeChild($('linkContainer').childNodes[0]);
			}
			
			for(var i = 0; i<logo[0].length; i++)
			{
				var newLink = document.createElement('a');
				newLink.href = 'images/'+ categorie +'/'+ logo[0][i] +'_HR.jpg';
				newLink.rel = 'lightbox[portfolio]';
				$('linkContainer').appendChild(newLink);
			}
			
			if(volgende)
			{
				if(((+id) + 1) >= logo[0].length)
				{
					id = 0;
				}else{
					id = (+id) + 1
				}
			}else{
				if((+id) <= 0)
				{
					id = (logo[0].length -1);
				}else{
					id = (+id) - 1
				}
			}
			swapImage($("portfolioimg"), categorie+"/" + logo[0][id] + ".jpg");
			$("portfolioimg").name = id;
			$("portfolioimglink").href = "images/" + categorie+ "/" + logo[0][id] + "_HR.jpg";
			$("portfolioimglink").onclick = onclickEvent;
			$("portfoliotextInner").innerHTML = "opdracht: <br />" + logo[1][id];
			$("portfoliotextHeader").innerHTML = "klant: " + logo[2][id];
			
			this.menuItemMouseOut();
		}
		break;
		
		case "diverse":
		{
			logoMouseOut = true;
			diverseMouseOut = false;
			websiteMouseOut = true;
			huisstijlMouseOut = true;
			advertentieMouseOut = true;
			
			while($('linkContainer').childNodes[0])
			{
				$('linkContainer').removeChild($('linkContainer').childNodes[0]);
			}
			
			for(var i = 0; i<diverse[0].length; i++)
			{
				var newLink = document.createElement('a');
				newLink.href = 'images/'+ categorie +'/'+ diverse[0][i] +'_HR.jpg';
				newLink.rel = 'lightbox[portfolio]';
				$('linkContainer').appendChild(newLink);
			}
			
			if(volgende)
			{
				if(((+id) + 1) >= diverse[0].length)
				{
					id = 0;
				}else{
					id = (+id) + 1
				}
			}else{
				if((+id) <= 0)
				{
					id = (diverse[0].length -1);
				}else{
					id = (+id) - 1
				}
			}
			swapImage($("portfolioimg"), categorie+"/" + diverse[0][id] + ".jpg");
			$("portfolioimglink").href = "images/" + categorie+ "/" + diverse[0][id] + "_HR.jpg";
			$("portfolioimglink").onclick = onclickEvent;
			$("portfolioimg").name = id;
			$("portfoliotextInner").innerHTML = "opdracht: <br />" + diverse[1][id];
			$("portfoliotextHeader").innerHTML = "klant: " + diverse[2][id];
			
			this.menuItemMouseOut();
		}
		break;
		
		case "huisstijlen":
		{
			logoMouseOut = true;
			diverseMouseOut = true;
			websiteMouseOut = true;
			huisstijlMouseOut = false;
			advertentieMouseOut = true;
			
			while($('linkContainer').childNodes[0])
			{
				$('linkContainer').removeChild($('linkContainer').childNodes[0]);
			}
			
			for(var i = 0; i<huisstijlen[0].length; i++)
			{
				var newLink = document.createElement('a');
				newLink.href = 'images/'+ categorie +'/'+ huisstijlen[0][i] +'_HR.jpg';
				newLink.rel = 'lightbox[portfolio]';
				$('linkContainer').appendChild(newLink);
			}
			
			if(volgende)
			{
				if(((+id) + 1) >= huisstijlen[0].length)
				{
					id = 0;
				}else{
					id = (+id) + 1
				}
			}else{
				if((+id) <= 0)
				{
					id = (huisstijlen[0].length -1);
				}else{
					id = (+id) - 1
				}
			}
			swapImage($("portfolioimg"), categorie+"/" + huisstijlen[0][id] + ".jpg");
			$("portfolioimglink").href = "images/" + categorie+ "/" + huisstijlen[0][id] + "_HR.jpg";
			$("portfolioimglink").onclick = onclickEvent;
			$("portfolioimg").name = id;
			$("portfoliotextInner").innerHTML = "opdracht: <br />" + huisstijlen[1][id];
			$("portfoliotextHeader").innerHTML = "klant: " + huisstijlen[2][id];
			
			this.menuItemMouseOut();
		}
		break;
		
		case "website":
		{
			logoMouseOut = true;
			diverseMouseOut = true;
			websiteMouseOut = false;
			huisstijlMouseOut = true;
			advertentieMouseOut = true;
			
			if(volgende)
			{
				if(((+id) + 1) >= website[0].length)
				{
					id = 0;
				}else{
					id = (+id) + 1
				}
			}else{
				if((+id) <= 0)
				{
					id = (website[0].length -1);
				}else{
					id = (+id) - 1
				}
			}
			swapImage($("portfolioimg"), categorie+"/" + website[0][id] + ".jpg");
			$("portfolioimglink").href = website[3][id];
			$("portfolioimglink").target = "_blank";
			$("portfolioimglink").onclick = null;
			$("portfolioimg").name = id;
			$("portfoliotextInner").innerHTML = "opdracht: <br />" + website[1][id];
			$("portfoliotextHeader").innerHTML = "klant: " + website[2][id];
			
			this.menuItemMouseOut();
		}
		break;
		
		case "advertentie":
		{
			logoMouseOut = true;
			diverseMouseOut = true;
			websiteMouseOut = true;
			huisstijlMouseOut = true;
			advertentieMouseOut = false;
			
			while($('linkContainer').childNodes[0])
			{
				$('linkContainer').removeChild($('linkContainer').childNodes[0]);
			}
			
			for(var i = 0; i<advertentie[0].length; i++)
			{
				var newLink = document.createElement('a');
				newLink.href = 'images/'+ categorie +'/'+ advertentie[0][i] +'_HR.jpg';
				newLink.rel = 'lightbox[portfolio]';
				$('linkContainer').appendChild(newLink);
			}
			
			if(volgende)
			{
				if(((+id) + 1) >= advertentie[0].length)
				{
					id = 0;
				}else{
					id = (+id) + 1
				}
			}else{
				if((+id) <= 0)
				{
					id = (advertentie[0].length -1);
				}else{
					id = (+id) - 1
				}
			}
			swapImage($("portfolioimg"), categorie+"/" + advertentie[0][id] + ".jpg");
			$("portfolioimglink").href = "images/" + categorie+ "/" + advertentie[0][id] + "_HR.jpg";
			$("portfolioimglink").onclick = onclickEvent;
			$("portfolioimg").name = id;
			$("portfoliotextInner").innerHTML = "opdracht: <br />" + advertentie[1][id];
			$("portfoliotextHeader").innerHTML = "klant: " + advertentie[2][id];
			
			this.menuItemMouseOut();
		}
		break;		
	}
}

function setOnclick()
{
	onclickEvent = $("portfolioimglink").onclick;
}

function createLinks()
{
	for(var i = 0; i<logo[0].length; i++)
	{
		var newLink = document.createElement('a');
		newLink.href = 'images/logo/'+ logo[0][i] +'_HR.jpg';
		newLink.rel = 'lightbox[portfolio]';
		$('linkContainer').appendChild(newLink);
	}
}