<!--
//====================== Browser checks
var IE = (document.all && document.getElementById) ? true:false;
var IE7 = navigator.appVersion.indexOf("MSIE 7")!=-1 ? true:false;
var Opera = window.opera ? true : false;
//====================== 
//====================== Initialiseer de volgende functies
function init(){
	if(IE){ 
		MinimumSize(); 
	}
	/*eden jul08*/
	 if((IE) && (!IE7)) {
		if (document.getElementsByTagName("body")[0].id == "home") { 
			// switch pngs to backup gifs
			png2gif();
		}
	}

	//alleen uitvoeren op foto-module pagina
	if(document.getElementById("foto-module")) {
		startFotoModule();
		//toon bladeren functie
		toonBladeren();
	}
	
	//tekstGrootte(); 
	printKnop();
	captchaKeuze();
	blokEerderbezocht();	

	reageerFormRegister();
	showRefreshCaptha();
	
	//voegt mouseover/mouseouts fases
	faseOver();

	// tabbladen op dossier pagina
	dossierTabs();
	
	// in- uitklap functie op zoekpagina
	opnieuwZoeken();
	
	// open and close video panel
	toggleVideo();

	/*eden jul08*/
	kenmerkLinks();

	runWebtrends(); //runwebtrends.jsp
	
}

//onderaan js file:

//====================== Zet Eerder bezocht visibility en functionaliteit
function blokEerderbezocht() {
	// bestaat het blok Eerder bezocht
	var eb = document.getElementById('eerderbezocht');
	if (!eb) {
		return false;
	}
	else {		// laat ons de eerder bezochte links zien!
		eerderBezocht();
	}
}

//====================== 

//====================== voegt rollover functie toe aan span class="fase"
function faseOver()
{
	if(document.getElementById("wetkalender") && IE)
	{
		var ul = document.getElementById("wetkalender");
		var spans = ul.getElementsByTagName("span");
		for(var i=0; i<spans.length; i++){
			if(spans[i].className.indexOf("fase ") !=-1 && spans[i].className.indexOf("huidige") ==-1) {
				spans[i].onmouseover = function () { toggleFaseToelichting(this, 'toon'); };
				spans[i].onmouseout = function () { toggleFaseToelichting(this, 'verberg'); };			
			}
		}
	}	
}
//====================== 

//====================== voegt rollover functie voor toelichting
function toggleFaseToelichting(item, status) {
 	var spans = item.getElementsByTagName("span");
	for(var i=0; i<spans.length; i++){
		if(spans[i].className.indexOf("toelichting") !=-1) {
			if(status=="toon") {
				spans[i].style.display = 'block'; 
				item.className = item.className + " over";
			}
			else if(status=="verberg") {
				spans[i].style.display = 'none'; 
				item.className = item.className.replace(" over", "");
			}
		}
	}
	return false;
 }
//====================== 

//====================== Aanroep functies bij Onload-event
window.onload = function() {
	init();	
}
//====================== 
//====================== Aanroep functies bij Onresize-event
window.onresize = function() {
	if(IE){ 
		MinimumSize(); 
		
	}	
}
//====================== 


//====================== Zet showRefreshCaptha visibility en functionaliteit
function showRefreshCaptha() {
	// bestaat de reageerFormRegister?
	var pk = document.getElementById('reloadpagetorefreshimage');
	if (!pk) {
		return false;
	}
	else {
		var strCurrent = pk.innerHTML; 
		pk.innerHTML = '<a href="#captcha" id="refreshimage" onclick="reloadCaptchaImg()">' + strCurrent.replace(/(.*<!--)(.*?)(-->)/g, "$2") + '</a>';
		refreshlink = document.getElementById('refreshimage');

		this.refreshlink.onclick = function () {
			var randomnumber = Math.random() 
			document.getElementById('imgcaptcha').src = './jcaptchaimage?refresh=' + randomnumber;
		}
	}
}
//====================== 

//====================== Zet reageerFormulierRegister visibility en functionaliteit
function reageerFormRegister() {
	// bestaat de reageerFormRegister?
	var pk = document.getElementById('reageerKnopRegister');
	if (!pk) {
		return false;
	}
	else {
		//het reageren blok openen als de reactie wordt aangepast.	(#reageren staat in de url)
		var strHref = window.location.href;
		if ( strHref.indexOf("#reageren") > -1 )
		{ 
			document.getElementById('formulierReageer').style.display = 'block';
			textCounter(document.getElementById('bericht'),"reactcounter",1000);
		} 
		else 
		{ 
			document.getElementById('formulierReageer').style.display = 'none'; 
		}
		
		plink = pk.getElementsByTagName("span")[0];
		
		// stijl wisselen bij mouseover 
		this.plink.onmouseover = function () {
			this.className='reagerenweblog_over';
		}
		this.plink.onmouseout = function () {
			this.className='reagerenweblog';
		}
		
		// verberg of toon formulier
		this.plink.onclick = function () {
			var fieldset = document.getElementById('formulierReageer')
			if (fieldset.style.display == 'block') {
				fieldset.style.display = 'none'; 
			} else {
				fieldset.style.display = 'block'; 
			}
		}
		
		document.getElementById('bericht').onkeydown = function () {
			textCounter(document.getElementById('bericht'),'reactcounter',1000);
		}
		
		document.getElementById('bericht').onkeyup = function () {
			textCounter(document.getElementById('bericht'),'reactcounter',1000);
		}
	}
}
//====================== 

//====================== Zet print-knop visibility en functionaliteit
function printKnop() {
	// bestaat de print-knop?
	var pk = document.getElementById('print-knop');
	if (!pk) {
		return false;
	}
	else {
		// laat ons de print-knop zien!
		pk.style.display = 'inline';
		plink = pk.getElementsByTagName("span")[0];
		plink.style.display = 'inline';
		// stijl wisselen bij mouseover 
		this.plink.onmouseover = function () {
				this.className='linkjehover';
		}
		this.plink.onmouseout = function () {
				this.className='linkje';
		}
		// print deze pagina
		this.plink.onclick = function () {
			window.print();
	        return false;
		}
	}
}
//====================== 
//====================== Zet captcha keuze menu visibility en functionaliteit aan
function captchaKeuze()
{
		var ck = document.getElementById('captchakeuze');
	if (!ck) { 
							return false; 
						}
	else 	{
					//captchakeuzemenu bestaat
					ck.style.display = 'block';
					document.getElementById('captchageluid').style.display = 'none';
				}
}
//====================== 
function changecaptcha(selectedcaptchavalue)
{
	if (selectedcaptchavalue == 'geluid') 
	{
			document.getElementById('captchakeuze2').style.display = 'block';
			document.getElementById('captchageluid').style.display = 'block';
			document.getElementById('captchaplaatje').style.display = 'none';
			document.getElementById('captchakeuze').style.display = 'none';
			document.getElementById('reloadpagetorefreshimage').style.display = 'none';
	}
	else
	{
			document.getElementById('captchageluid').style.display = 'none';
			document.getElementById('captchaplaatje').style.display = 'block';
			document.getElementById('captchakeuze').style.display = 'block';
			document.getElementById('captchakeuze2').style.display = 'none';
			document.getElementById('reloadpagetorefreshimage').style.display = 'block';
	}
}
//====================== 


//====================== tel het aantal karakters bij weblog reactie
function textCounter(field,cntfieldid,maxlimit) {
if (field.value.length > maxlimit) // kijken of de tekst de lang wort
field.value = field.value.substring(0, maxlimit);
// otherwise, update 'characters left' counter
else
document.getElementById(cntfieldid).innerHTML = maxlimit - field.value.length;
}
//====================== 


//====================== Zet mouseover/mouseout functionaliteit op knoppen (buttons)
function knopMuisOver()
{
	var alleInputTags=document.getElementsByTagName('input');
 	for(var i=0;i<alleInputTags.length;i++)
  	{
		if(alleInputTags[i].className.indexOf('zoek') != -1 || alleInputTags[i].className.indexOf('toon') != -1 || alleInputTags[i].className.indexOf('knop') != -1)
		{
			//mouseover toevoegen
			alleInputTags[i].onmouseover = function () { veranderKlasse(this,  this.className + " muisOver"); };
			//mouseout toevoegen (verwijder " muisOver")
			alleInputTags[i].onmouseout = function () { veranderKlasse(this,  this.className.substring(0, this.className.length - 9)); };
		}
  	}
 }
 //====================== Hulpfunctie voor knopMuisOver()
 function veranderKlasse(item, klasse)
 {
 	item.className = klasse;
	return false;
 }
//====================== 

/* toon bladeren ul */
function toonBladeren() {
	var alleOngeordendeLijsten = document.getElementsByTagName("ul");
	for(var i=0; i<alleOngeordendeLijsten.length; i++){
		if(alleOngeordendeLijsten[i].className.indexOf("bladeren") !=-1) alleOngeordendeLijsten[i].style.display = "block";
	}
}
//====================== 

/* add tab functionality to dossier pages */
function dossierTabs() {
	this.tabArr = new Array;
	this.tabGroups = new Array;
	var candidates = document.getElementsByTagName("div");
	for (var j=0; j < candidates.length; j++ ) {
		// find all the dossier tabs
		if (candidates[j].className.indexOf("dossier-tabs") != -1) {
			// find all the h3s
			this.h3s = candidates[j].getElementsByTagName("h3");
			for (var k=0; k < this.h3s.length; k++) {
				// filter out h3s without the linker-tab or rechter tab classname
				if ((this.h3s[k].className.indexOf("linker-tab") != -1) || (this.h3s[k].className.indexOf("rechter-tab") != -1)) {
					// make a collection of related tabs within this dossier-tab class
					// so that we can deactivate the other tab when its partner is activated
					this.tabGroups[this.tabGroups.length] = this.h3s[k].parentNode;
				}
				// send them to the tabs function
				this.tabArr[this.tabArr.length] = new tabs(this, this.h3s[k], this.tabGroups);
			}	
		}
		// clear the tabGroups array before processing the next dossier-tab
		this.tabGroups = new Array;
	}
}
tabs = function(dossierTabs, h3, allTabs) {
	this.dossierTabs = dossierTabs;
	this.h3 = h3;
	this.allTabs = allTabs;
	this.h3.tabs = this;
	this.h3.onclick = function() {
		this.tabs.activate();
		return false;
	}
	this.h3.onmouseover = function() {
		this.originalClassName = this.className;
		this.className += ' hover';
	}
	this.h3.onmouseout = function() {
		this.className = this.originalClassName;
	}
}
// activate the tab!
tabs.prototype.activate = function () {
	// first turn off all tabs in this dossier tab
	for (var n=0; n<this.allTabs.length; n++) {
		this.allTabs[n].className = "tab";
	}
	// activate the tab clicked
	this.h3.parentNode.className = "tab actief";
}

//======================
/* open and close "opnieuw zoeken" panel */
function opnieuwZoeken() {
	var ozDiv = document.getElementById("opnieuw-zoeken");
	if (!ozDiv) {
		return;
	}
	else {
		var ozButton = ozDiv.getElementsByTagName("h3");
		var button = ozButton[0];
		button.onmouseover = function() {
			button.className = "hover";
		}
		button.onmouseout = function() {
			button.className = "";
		}
		button.onclick = function() {
			if (ozDiv.className != "open") {
				ozDiv.className = "open";
			} else {
				ozDiv.className = "dicht";
			}
			return false;
		}
	}
}
//======================

//======================
/* switch all pngs with class="backupgif" to gifs - eden jul08 */
function png2gif() {
	var imgArr = document.images;
	for (var p=0; p<imgArr.length; p++) {
		if (imgArr[p].className == "backupgif") {
			imgArr[p].src = imgArr[p].src.replace(".png",".gif");
		}
		
	}
}
//======================

//======================
/* open and close video panel */
// globale variable gezet door kenmerkLinks()
var kenmerkClick = false;

function toggleVideo() {
	var open = false;
	var vidItem = document.getElementById("video-item");
	if (!vidItem) {
		return false;
	}
	else {
		vidItem.onclick = function() {
			if ((open == false) && (kenmerkClick == false)) {
				this.className = "video-open";
			}
			open = false;
			kenmerkClick = false;
			return false;
		}
		var closeSpans = vidItem.getElementsByTagName("span");
		for (var r=0; r<closeSpans.length; r++) {
			if (closeSpans[r].className == "sluit") {
				closeSpans[r].onclick = function() {
					document.getElementById("video-item").className = "video-dicht";
					open = true;
					return false;
				}
				closeSpans[r].onmouseover = function() {
					this.className += " hover";
				}
				closeSpans[r].onmouseout = function() {
					this.className = this.className.replace(" hover","");
				}
			}
		}		
	}
}
//======================

//======================
/* stylesheet toevoegen - eden jul08 */
function kenmerkLinksOLD() {
	this.objArr = new Array;
	// scan door alle lijsten
	var lists = document.getElementsByTagName("ul");
	for (var i=0; i < lists.length; i++) {
		// vind alle lijsten met de class "link-lijst"
		if (lists[i].className == "link-lijst") {
			// binnen link-lijst, vind alle spans
			this.spans = lists[i].getElementsByTagName("span");
			for (var j=0; j < this.spans.length; j++) {
				// zoek op de spans met de class "onderwerp" en "extern"
				if ((this.spans[j].className == "onderwerp") || (this.spans[j].className == "extern")) {
					this.spans[j].onclick = function() {
						// kenmerkClick gebruikt door toggleVideo()
						// als kenmerkClick == true, video-item blijft gesloten
						kenmerkClick = true;
						// zet classnaam terug (nodig voor firefox 3)
						this.className = this.className.replace(" hover","");
						// pak de url vannuit de html
						// voorbeeld html:
						// <span class="onderwerp">Energie <!-- url=http://www.minez.nl --></span>
						this.str = this.innerHTML;
						this.findUrl = this.str.split("url=");
						this.cleanUrl = this.findUrl[1].split("-->");
		        		window.location.href = this.cleanUrl[0];
						return false;
					}
					this.spans[j].onmouseover = function() {
						this.className += " hover";
					}
					this.spans[j].onmouseout = function() {
						this.className = this.className.replace(" hover","");
					}
				}
			}
		}
	}
}
function kenmerkLinks() {
	this.objArr = new Array;

	// scan door alle lijsten
	var lists = document.getElementsByTagName("ul");
	for (var i=0; i < lists.length; i++) {
		// vind alle lijsten met de class "link-lijst"
		if (lists[i].className == "link-lijst") {
			// binnen link-lijst, vind alle spans
			this.onderwerpElems = lists[i].getElementsByTagName("span");
			kenmerkLinksVerwerk(this.onderwerpElems);
		}
	}

	//scan door detail pagina
	var divs = document.getElementsByTagName("div");
	for (var i=0; i < divs.length; i++) {
		// vind alle divs met de class "een-kolom"
		if (divs[i].className == "een-kolom") {
			// binnen een-kolom, vind alle spans
			this.onderwerpElems = divs[i].getElementsByTagName("span");
			kenmerkLinksVerwerk(this.onderwerpElems);
		}
	}
	
}

function kenmerkLinksVerwerk(elems) {
	for (var j=0; j < elems.length; j++) {
		// zoek op de spans met de class "onderwerp" en "extern"
		if ((elems[j].className == "onderwerp") || (elems[j].className == "extern")) {
			elems[j].onclick = function() {
				// kenmerkClick gebruikt door toggleVideo()
				// als kenmerkClick == true, video-item blijft gesloten
				kenmerkClick = true;
				// zet classnaam terug (nodig voor firefox 3)
				this.className = this.className.replace(" hover","");
				// pak de url vannuit de html
				// voorbeeld html:
				// <span class="onderwerp">Energie <!-- url=http://www.minez.nl --></span>
				this.str = this.innerHTML;
				this.findUrl = this.str.split("url=");
				this.cleanUrl = this.findUrl[1].split("-->");
				window.location.href = this.cleanUrl[0];
				return false;
			}
			elems[j].onmouseover = function() {
				this.className += " hover";
				this.style.cursor = "pointer";
			}
			elems[j].onmouseout = function() {
				this.className = this.className.replace(" hover","");
			}
		}
	}
}
//====================== 

//======================
/* stylesheet toevoegen - eden jul08 */
function cssToevoegen(relPath) {
	if(document.getElementsByTagName("head")) {
		var head = document.getElementsByTagName("head")[0];
		var newStyle = document.createElement("link");
   		newStyle.setAttribute("type", "text/css");
		newStyle.setAttribute("rel", "stylesheet");
		newStyle.setAttribute("href", relPath);
		head.appendChild(newStyle);
	}
}

//======================

//-->