/* SPLITNAAM ######################################################################################### */
/* 
	Functie voor het Splitsen van de bedrijfsnaam, om deze in meerdere kleuren te tonen. 

	STAP 1 
		 >> Voeg de volgende HTML in op de plaats waar de Bedrijfsnaam geplaatst zou moeten worden. ## 
	
	## ---------------------------------------------- ##
		<div id="bedrijfsnaam" class="bedrijfsnaam">Edwin Hendriks</div>
		<script type="text/javascript">
			Splitsnaam();
		</script>		
	## ---------------------------------------------- ##

	STAP 2 
		 >> Voeg de volgende Classes toe aan de style sheet behorende bij het ontwerp.
	
	## ---------------------------------------------- ##
		.color0 {}
		.color1 {}
		.color2 {}
		.color3 {}
		.color4 {}
		.color5 {}
		.bedrijfsnaam {
			position : absolute;
			left : -2000px;
			top :- 200px;
		}	
	## ---------------------------------------------- ##
*/
function Splitsnaam() {
	var Bedrijfsnaamtemp = document.getElementById('bedrijfsnaam').innerHTML;
	var Splitresultaat = Bedrijfsnaamtemp.split(" ");
	for(i = 0; i < Splitresultaat.length; i++){
		document.write("<div class=color" + [i] + ">");
		document.write("&nbsp;" + Splitresultaat[i]); 
		document.write("</div>");

	}
}

/* Image Change OnMouseOver / OnMouseOut #########################################################################################

<a href="http://www.ziza.nl" onMouseOver="change('/images/nmt1/krt_1.gif');" onMouseOut="change('/images/nmt1/krt_2.gif')"><img src="/images/nmt1/krt_2.gif" name="picture" border="0"></a>

 */
function change (picurl) {
document.picture.src = picurl;
}
/* Voor een tweede banner in de pagina achter "change" een 2 zetten  vb : 
<a href="http://www.ziza.nl" onMouseOver="change2('/images/nmt1/krt_1.gif');" onMouseOut="change2('/images/nmt1/krt_2.gif')"><img src="/images/nmt1/krt_2.gif" name="picture2" border="0"></a>
*/
function change2 (picurl) {
document.picture2.src = picurl;
}
/* Voor een tweede banner in de pagina achter "change" een 3 zetten  vb : 
<a href="http://www.ziza.nl" onMouseOver="change3('/images/nmt1/krt_1.gif');" onMouseOut="change3('/images/nmt1/krt_2.gif')"><img src="/images/nmt1/krt_2.gif" name="picture3" border="0"></a>
*/
function change3 (picurl) {
document.picture3.src = picurl;
}
/* Voor een tweede banner in de pagina achter "change" een 4 zetten  vb : 
<a href="http://www.ziza.nl" onMouseOver="change4('/images/nmt1/krt_1.gif');" onMouseOut="change4('/images/nmt1/krt_2.gif')"><img src="/images/nmt1/krt_2.gif" name="picture4" border="0"></a>
*/
function change4 (picurl) {
document.picture4.src = picurl;
}