function init()
{
	rollover();
	footer();
	
	preload_tekst();
	
	addEventHandler("contact","mouseover", function(){toon_tekst(1)});
	addEventHandler("contact","mouseout", function(){toon_tekst(7)});
	addEventHandler("producten","mouseover", function(){toon_tekst(2)});
	addEventHandler("producten","mouseout", function(){toon_tekst(7)});
	addEventHandler("ophaling","mouseover", function(){toon_tekst(3)});
	addEventHandler("ophaling","mouseout", function(){toon_tekst(7)});
	addEventHandler("rondleiding","mouseover", function(){toon_tekst(4)});
	addEventHandler("rondleiding","mouseout", function(){toon_tekst(7)});
	addEventHandler("vacatures","mouseover", function(){toon_tekst(5)});
	addEventHandler("vacatures","mouseout", function(){toon_tekst(7)});
	addEventHandler("nieuwsbrief","mouseover", function(){toon_tekst(6)});
	addEventHandler("nieuwsbrief","mouseout", function(){toon_tekst(7)});
	
}

function rollover() {
	for (var i=0; i<document.images.length; i++) {
		if (document.images[i].parentNode.tagName == "A") {
			setupRollover(document.images[i]);
		}
	}
}

function setupRollover(thisImage) {
	if (thisImage.className == 'rollover') {
		thisImage.outImage = new Image();
		thisImage.outImage.src = thisImage.src;
		thisImage.onmouseout = rollOut;
	
		thisImage.overImage = new Image();
		thisImage.overImage.src = "../images/" + thisImage.id + "2.gif";
		thisImage.onmouseover = rollOver;	
	}
}

function rollOver() {
	this.src = this.overImage.src;
}

function rollOut() {
	this.src = this.outImage.src;
}


var teksten = new Array();

function preload_tekst()
{	
	teksten[1] ="<p>Welkom op de nieuwe site van kringwinkel De Cirkel! Op deze pagina vindt u alle contactinformatie. </p>";
	teksten[2] ="<p>De Kringwinkel staat garant voor kwaliteitsvolle tweedehandsgoederen.</p>";
	teksten[3] ="<p>Wij komen de goederen volledig gratis bij u thuis ophalen.</p>";
	teksten[4] ="<p>De Cirkel organiseert ook rondleidingen, voor jong en oud!</p>";
	teksten[5] ="<p>Onze winkel groeit nog steeds en we hebben vaak nood aan nieuwe enthousiaste werkkrachten.</p>";
	teksten[6] ="<p>Wij houden u op de hoogte van onze acties en evenementen.</p>";
	var standaardTekst = document.getElementById("zijnav_tekst_standaard");
	teksten[7] = standaardTekst.innerHTML;
}

function toon_tekst(nrTekst)
{
	if(nrTekst <= teksten.length)
	{
		//het div-element
		var tekst = document.getElementById("zijnav_tekst");
		tekst.innerHTML = teksten[nrTekst];
	};
	if(tekst.innerHTML == teksten[7])
	{
		tekst.style.color = "white";
	}else{
		tekst.style.color = "#FADAC7";
	}
}

function footer() 
{
	var windowHeight = 0;
	if( typeof( window.windowHeight ) == 'number' ) {
	//Non-IE
	windowHeight = window.innerHeight;
	} else if( document.documentElement && document.documentElement.clientHeight ) {
	//IE 6+ in 'standards compliant mode'
	windowHeight = document.documentElement.clientHeight;
	} else if( document.body && document.body.clientHeight ) {
	//IE 4 compatible
	windowHeight = document.body.clientHeight;
	}
	
	var topFooter = windowHeight - 29;
	document.getElementById("footer").style.top = topFooter + "px";
	
}