function goSub(nummer)
{
	navi = document.getElementById("nav");
	var arrLi = document.getElementsByTagName("li");

	for (i=1; i<=5; i++)
	{
		arrLi[i].style.fontWeight = "300";
		if (i==nummer)
		{
			arrLi[i].style.fontWeight = "600";
		}
	}
	
    switch(nummer)
    {
		case 1:
			navi.innerHTML = "<ul>" + 
							  "<li onclick=\"goText(1);\" onmouseenter=\"IE_fix(this); IE_menu(this); \" onmouseleave=\"IE_fix_end(this); IE_menu_end(this);\">Algemeen</li>" +
							  "<li onclick=\"goText(2);\"  onmouseenter=\"IE_fix(this); IE_menu(this);\" onmouseleave=\"IE_fix_end(this); IE_menu_end(this);\">Visie</li>" +
							  "<li onclick=\"goText(3);\" onmouseenter=\"IE_fix(this); IE_menu(this);\" onmouseleave=\"IE_fix_end(this); IE_menu_end(this);\">Werkwijze</li>" +
							  "<li onclick=\"goText(4);\" onmouseenter=\"IE_fix(this); IE_menu(this);\" onmouseleave=\"IE_fix_end(this); IE_menu_end(this);\">Partners</li>" +								  							
							"</ul>";
			goText(1);							
		break;
		
		case 2:
			navi.innerHTML = "";
		    goText(5);
		break;
		
		case 3:
			navi.innerHTML = "<ul>" + 
							  "<li onclick=\"goText(6);\" onmouseenter=\"IE_fix(this); IE_menu(this); \" onmouseleave=\"IE_fix_end(this); IE_menu_end(this);\">de Unie Veste</li>" +
							  "<li onclick=\"goText(7);\" onmouseenter=\"IE_fix(this); IE_menu(this); \" onmouseleave=\"IE_fix_end(this); IE_menu_end(this);\">Routebeschrijving</li>" +				  							
  						     "</ul>";
			goText(6);							
		break;
		
		case 4:
			navi.innerHTML = "<ul>" + 
							  "<li onclick=\"goText(8);\" onmouseenter=\"IE_fix(this); IE_menu(this); \" onmouseleave=\"IE_fix_end(this); IE_menu_end(this);\">Contactgegevens</li>" +
							  "<li onclick=\"goText(9);\" onmouseenter=\"IE_fix(this); IE_menu(this); \" onmouseleave=\"IE_fix_end(this); IE_menu_end(this);\">Stel uw vraag</li>" +
 							  "<li class=\"lijn\" onclick=\"goText(10);\" onmouseenter=\"IE_fix(this); IE_menu(this); \" onmouseleave=\"IE_fix_end(this); IE_menu_end(this);\">Remote support</li>" +						  							
							 "</ul>";	
			goText(8);							
		break;		
		
		default:
			navi.innerHTML = "";
		break;
	
	}
}
		

function goText(nummer)
{
	tekst = document.getElementById("inhoud");
	switch(nummer)
	{
		case 1:
		tekst.innerHTML = 	"<h1>Algemeen</h1>" +
							"<p>Holland Info is een facilitair IT-bedrijf, geori&euml;nteerd op het midden- en kleinbedrijf in de regio Gelderland en een deel van Noord Brabant. " +
							"Holland Info adviseert en verzorgt voor bedrijven de levering, installatie, beheer en het onderhoud van PC's, netwerken, " +
							"kantoorautomatisering en het toepassen van Internet en Intranet.</p>" +
							"<p>\"Wij denken met de ondernemer mee op welke wijze zijn of haar bedrijf zo optimaal mogelijk geautomatiseerd zou kunnen zijn binnen gestelde doelen en uitgangspunten. " +
							"Wij realiseren automatiseringsoplossingen en nemen vervolgens de verantwoordelijkheid over de continu&iuml;teit van de automatisering volledig op ons. " +
							"Met als uiteindelijk resultaat dat de ondernemer zich geen zorgen hoeft te maken ten aanzien van automatisering binnen zijn of haar bedrijf.\"</p>";
		break; 
		 
		case 2:
		tekst.innerHTML = 	"<h1>Visie</h1>" +
							"<p></p>";
		break;		 

		case 3:
		tekst.innerHTML = 	"<h1>Werkwijze</h1>" +
							"<p class=\"olink\">Voor onze leveringsvoorwaarden zoals deze zijn gedeponeerd bij de KvK te Arnhem:<br><br>" +
							"<a href=\"levering.html\" target=\"_blank\"><img src=\"images/pijl_black.png\" alt=\"Link\" />Link</a></p>" + 
							"<br><p class=\"olink\">Voorwaarden in PDF formaat:<br><br>" + 
							"<a href=\"leveringsvoorwaarden.pdf\" target=\"_blank\"><img src=\"images/pijl_black.png\" alt=\"Link\" />Link</a></p>"; 								
		break;
		
		case 4:
		tekst.innerHTML = 	"<h1>Certified partner</h1>" +
							"<p>Holland Info is certified partner van onder andere de volgende bedrijven:</p>" +
							"<div id=\"partners\">" +
							"<p id=\"partnerMs\"><a href=\"https://partner.microsoft.com/40013031\" alt=\"Partner\" target=\"_blank\"></a></p>" + 
							"<p id=\"partnerHp\"><a href=\"http://h41320.www4.hp.com/cda/mwec/display/main/hppp_home.jsp?zn=hpsmb&cp=1931-9445_4064_12__\" alt=\"Partner\" target=\"_blank\"></a></p>" +
							"<p id=\"partnerLinksys\"><a href=\"http://www.cisco.com/web/partners/pr11/linksys.html\" alt=\"Partner\" target=\"_blank\"></a></p>" +
							"</div>";
		break;

		case 5:
		tekst.innerHTML = 	"<h1>Medewerkers</h1>" +
							"<p>Onderstaand vindt u informatie over de mensen die bij Holland Info werkzaam zijn.</p>" +
							"<ul id=\"med_Lijst\">" +
							"<li onmouseover=\"showMedewerker('JJ')\" onmouseenter=\"IE_fix(this)\" onmouseleave=\"IE_fix_end(this);\">dhr. J. Janssen</li>" +
							"<li onmouseover=\"showMedewerker('RK')\" onmouseenter=\"IE_fix(this)\" onmouseleave=\"IE_fix_end(this);\">dhr. R. Kemperman</li>" +
							"<li onmouseover=\"showMedewerker('RN')\" onmouseenter=\"IE_fix(this)\" onmouseleave=\"IE_fix_end(this);\">dhr. R. Noorman</li>" +
							"<li onmouseover=\"showMedewerker('RZ')\" onmouseenter=\"IE_fix(this)\" onmouseleave=\"IE_fix_end(this);\">dhr. R. Zoetenhorst</li>" +
							"<li onmouseover=\"showMedewerker('FPJ')\" onmouseenter=\"IE_fix(this)\" onmouseleave=\"IE_fix_end(this);\">dhr. F.P. Jong</li>" +
							"<li onmouseover=\"showMedewerker('JMA')\" onmouseenter=\"IE_fix(this)\" onmouseleave=\"IE_fix_end(this);\">Mw. J.M.A.Th. Janssen - Jansen</li>" +
							"<li onmouseover=\"showMedewerker('AP')\" onmouseenter=\"IE_fix(this)\" onmouseleave=\"IE_fix_end(this);\">Mw. A. Pennekamp</li>" +
							"</ul>" +
							"<table>" +
							"<tr id=\"med_Info\">" +
							"<td><img id=\"med_Foto\" width=\"60\" height=\"70\" /></td>" +
							"<td><h3 id=\"med_Naam\"></h3><p id=\"med_Tekst\"></p></td>" +
							"</tr>" +
							"</table>";
		break;

		case 6:
		tekst.innerHTML = 	"<h1>Lokatie</h1>" +
							"<p>Holland Info is gevestigd in het gebouw 'de UnieVeste' te Duiven.</p>" +
							"<a href=\"#\" onclick=\"vergroten()\">" +
							"<img src=\"images/unieveste_avond.jpg\" name=\"uniefoto\" alt=\"Klik om te vergroten\" onmouseenter=\"IE_fix(this)\" onmouseleave=\"IE_fix_end(this);\" />" +
							"</a>" +
							"<p class=\"olink\"><a class=\"vlink\" href=\"http://www.unieveste.nl\" target=\"_blank\">Klik voor meer informatie</a></p>";
		break;

		case 7:
		tekst.innerHTML = 	"<h1>Routebeschrijving</h1>" +
							"<p><span>Parallelweg 36<br>6922 HR Duiven</span></p>" +
							"<iframe width=\"320\" height=\"260\" frameborder=\"0\" scrolling=\"no\" marginheight=\"0\" marginwidth=\"0\" src=\"http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=nl&amp;geocode=&amp;q=Parallelweg+36,+Duiven,+Netherlands&amp;sll=37.0625,-95.677068&amp;sspn=53.696917,84.814453&amp;ie=UTF8&amp;hq=&amp;hnear=Parallelweg+36,+6922+Duiven,+Gelderland,+Netherlands&amp;ll=51.947704,6.024542&amp;spn=0.041257,0.082827&amp;z=14&amp;output=embed\"></iframe>" +
							"<br /><small><a href=\"http://maps.google.com/maps?f=q&amp;source=embed&amp;hl=nl&amp;geocode=&amp;q=Parallelweg+36,+Duiven,+Netherlands&amp;sll=37.0625,-95.677068&amp;sspn=53.696917,84.814453&amp;ie=UTF8&amp;hq=&amp;hnear=Parallelweg+36,+6922+Duiven,+Gelderland,+Netherlands&amp;ll=51.947704,6.024542&amp;spn=0.041257,0.082827&amp;z=14\" style=\"color:#0000FF;text-align:left\" target=\"_blank\">Grotere kaart weergeven</a></small>";
		break;

		case 8:
		tekst.innerHTML = 	"<h1>Contactgegevens</h1>" +
							"<p>Voor meer informatie, of voor overige vragen kunt u onderstaande contactgegevens gebruiken:</p>" +
							"<table>" +
							"<tr>" +
							"<td class=\"vrg\">Contactpersoon:</td>" +
							"<td>J.W.M. Janssen</td>" +								
							"</tr>" + 
							"<tr>" +
							"<td class=\"vrg\">Adres:</td>" +
							"<td>Parallelweg 36</td>" +								
							"</tr>" + 
							"<tr>" +
							"<td class=\"vrg\">&nbsp;</td>" +
							"<td>6922 HR Duiven</td>" +								
							"</tr>" + 							
							"<tr>" +
							"<td class=\"vrg\">Telefoon:</td>" +
							"<td>0316-264569</td>" +								
							"</tr>" + 
							"<tr>" +
							"<td class=\"vrg\">E-mail:</td>" +
							"<td class=\"olink\"><a class=\"vlink\" href=\"mailto:info@hollandinfo.nl\" alt=\"Email\">info@hollandinfo.nl</a></td>" +								
							"</tr>" +
							"<tr>" +
							"<td class=\"vrg\">Fax:</td>" +
							"<td>0316-265305</td>" +								
							"</tr>" +								
							"</table>";
		break;

		case 9:
		tekst.innerHTML = 	"<h1>Direct contact!</h1>" +
							"<p>Vul onderstaand uw gegevens en vraag in, dan neemt een van onze medewerkers direct contact met u op.</p>" +
							"<form name=\"frmContact\">" +
							"<table>" +
							"<tr>" + 
							"<td>Voorletters:</td>" + 
							"<td><input type=\"text\" name=\"txtVoorletters\" /></td>" +
							"</tr>" +
							"<tr>" +
							"<td>Naam: *" + 
							"<td><input type=\"text\" name=\"txtNaam\" /></td>" +
							"</tr>" +
							"<tr>" +
							"<td>E-mail: *</td>" + 
							"<td><input type=\"text\" name=\"txtEmail\" /></td>" +
							"</tr>" + 
							"<tr>" + 
							"<td>Vraag: *</td>" +
							"<td><textarea cols=\"15\" rows=\"4\" name=\"txtVraag\" onclick=\"this.value='';\" />Vul hier uw vraag in...</textarea></td>" +
							"</tr>" +
							"<tr>" + 
							"<td></td>" +
							"<td><input type=\"button\" value=\"Versturen\"name=\"btnVerzenden\" onclick=\"sendMail();\" /></td>" +
							"</tr>" +
							"</table>" +
							"<p class=\"sub\">* is een verplicht veld</p>" +
							"</form>";
		break;
		 
		
		case 10:
		tekst.innerHTML = 	"<h1>Inloggen</h1>" +
							"<p>Voor remote ondersteuning kunt u de onderstaande tools gebruiken:</p>" +
							"<p><a href=\"http://www.hollandinfo.nl/rsupport/rsupport1.exe\"><img src=\"images/hs1.jpg\"></a>" +
							"<a href=\"http://www.hollandinfo.nl/rsupport/rsupport2.exe\"><img src=\"images/hs2.jpg\"></a>" +
							"<a href=\"http://www.hollandinfo.nl/rsupport/rsupport3.exe\"><img src=\"images/hs3.jpg\"></a>" +
							"<a href=\"http://www.hollandinfo.nl/rsupport/rsupport4.exe\"><img src=\"images/hs4.jpg\"></a></p>";
		break;
	
		default:
			tekst.innerHTML = "";
		break;

	}
}

function sendMail()
{
	var name = document.frmContact.txtNaam.value;
	var sender = document.frmContact.txtEmail.value;
	var body = document.frmContact.txtVraag.value;
	var mail_link = 'mailto:info@hollandinfo.nl?subject=Vraag via website van ' + name + ' (' + sender + ')&body=' + body;

	win = window.open(mail_link,'emailWindow');
	if (win && win.open &&!win.closed) win.close();
} 
		
function vergroten()
{
	oudPad = document.uniefoto.src;
	newPad = oudPad.replace(/images/,"images/groot");
	window.open(newPad,'uitvergroot','menubar=yes,status=yes,scrollbars=yes');
}

function showMedewerker(naam)
{
	e = document.getElementById("med_Info");
	foto = document.getElementById("med_Foto");
	kop = document.getElementById("med_Naam");
	tekst = document.getElementById("med_Tekst");

switch(naam)
{
  case "JJ":
	foto.src= "images/jos.jpg";
	foto.alt= "Jos Janssen, Directeur";
	kop.innerHTML = "Jos Janssen";
	tekst.innerHTML = "Directeur";
  break;

  case "RK":
	foto.src= "images/rudi.jpg";
	foto.alt= "Rudi Kemperman, Technical Engineer";
	kop.innerHTML = "Rudi Kemperman";
	tekst.innerHTML = "Technical Engineer";
  break;

  case "RN":
	foto.src= "images/ruud.jpg";
	foto.alt= "Ruud Noorman, Technical Engineer";
	kop.innerHTML = "Ruud Noorman";
	tekst.innerHTML = "Technical Engineer";
  break;

  case "RZ":
	foto.src= "images/remko.jpg";
	foto.alt= "Remko Zoetenhorst, Technical Engineer";
	kop.innerHTML = "Remko Zoetenhorst";
	tekst.innerHTML = "Technical Engineer";
  break;

  case "FPJ":
	foto.src= "images/frank.jpg";
	foto.alt= "Frank Jong, Technical Engineer";
	kop.innerHTML = "Frank Jong";
	tekst.innerHTML = "Technical Engineer";
  break;

  case "JMA":
	foto.src= "images/anne.jpg";
	foto.alt= "Anne Marie Janssen, Administratie en receptie";
	kop.innerHTML = "Anne Marie Janssen";
	tekst.innerHTML = "Administratie en receptie";
  break;

  case "AP":
	foto.src= "images/agnes.jpg";
	foto.style.alt= "Agnes Pennekamp, Financiële administratie";
	kop.innerHTML = "Agnes Pennekamp";
	tekst.innerHTML = "Financi&euml;le administratie";
  break;
}

 e.style.visibility = "visible";
}

function IE_menu(obj)
{
	obj.style.color = "#FFF";
	obj.style.backgroundColor = "#039";
	obj.style.backgroundImage = "url(images/pijl2.png)";
}

function IE_menu_end(obj)
{
	obj.style.color = "#000";	
	obj.style.backgroundColor = "#FFF";
	obj.style.backgroundImage = "url(images/pijl.png)";
}
	
function IE_fix(obj)
{
	obj.style.cursor = 'hand';
}

function IE_fix_end(obj)
{
	obj.style.cursor = 'none';
}

function IE_fix2(obj)
{
	obj.style.cursor = 'hand';
}

function IE_fix_end2(obj)
{
	obj.style.cursor = 'none';
}