var type = "IE";	//Variable used to hold the browser name
BrowserSniffer();
//detects the capabilities of the browser
function BrowserSniffer() {
	if (navigator.userAgent.indexOf("Opera")!=-1 && document.getElementById) type="OP";		//Opera
	else if (document.all) type="IE";														//Internet Explorer e.g. IE4 upwards
	else if (document.layers) type="NN";													//Netscape Communicator 4
	else if (!document.all && document.getElementById) type="MO";							//Mozila e.g. Netscape 6 upwards
	else type = "IE";		//I assume it will not get here
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
var vorigeItem=1;
var gestart=0;
var huidigeItem=1;
var intervalID=0;
function showCarrouselMetID(inId,aantal){
	clearTimeout(TimeoutID);
	functie="autoShowCarrousel("+aantal+")";	
	if(inId!=vorigeItem || gestart==0){
		$('#carrousel_' + vorigeItem).children("div").fadeOut(900);
		vorigeItem=inId;
		huidigeItem=inId;
		$('#carrousel_'+inId).children("div").fadeIn(900);
		gestart=1;
	}
	TimeoutID = setTimeout(functie, 5000);
}


function autoShowCarrousel(aantal){
	if(huidigeItem<aantal){
		huidigeItem=huidigeItem+1;
	}else{
		huidigeItem=1;	
		vorigeItem=aantal;
	}
	showCarrouselMetID(huidigeItem,aantal);
}
function ChangeDivBG(inDiv, inColor){
	document.getElementById(inDiv).style.backgroundColor=inColor;
}
function hideDiv(inDiv) {
	obj= document.getElementById(inDiv);
	if(obj){obj.style.display="none";}
}
function showDiv(inDiv) {
	obj= document.getElementById(inDiv);
	if(obj){obj.style.display="block";}
}
oudeHi=0;
function wissel_carrousel(inNr){
	for(i=1;i<=3;i++){
		document.getElementById("carrousel_"+i).style.display="none";
	}
	document.getElementById("carrousel_"+inNr).style.display="block";
}
function uitloggen(){
	document.formulier.logout.value=1;
	document.formulier.submit();
}
function stem(inId) {
	var radioObj = document.getElementsByName("pollgekozen");
	user_input=0;
	for (i=0;i<radioObj.length;i++) {
		if (radioObj[i].checked) {
			user_input = radioObj[i].value;
		}
	}
	if(user_input!=0){
		document.formulier["gestemd"+inId].value=1;
		document.formulier.submit()
	}else{
		alert("U moet nog een keuze maken");	
	}
}
function vorige_foto(aantalFotos){
	if(!oudeFoto){oudeFoto=0}
	gekozenFoto=oudeFoto-1;
	if(gekozenFoto>0){
		document.getElementById("foto_0").style.display="none"; //initiele foto altijd uitzetten
		document.getElementById("foto_"+oudeFoto).style.display="none";
		document.getElementById("foto_"+gekozenFoto).style.display="block";
		document.getElementById("foto_"+oudeFoto).style.zIndex =0;
		document.getElementById("foto_"+gekozenFoto).style.zIndex=10;
		oudeFoto=gekozenFoto;
	}
	if(gekozenFoto==1){
		document.getElementById("btn_foto_terug").style.display="none";
	}
	if(gekozenFoto<aantalFotos){
		document.getElementById("btn_foto_verder").style.display="block";
	}
}
function volgende_foto(aantalFotos){
	if(!oudeFoto){oudeFoto=0;}
	gekozenFoto=oudeFoto+1;
	if(gekozenFoto<=aantalFotos){
		document.getElementById("foto_0").style.display="none"; //initiele foto altijd uitzetten
		document.getElementById("foto_"+oudeFoto).style.display="none";
		document.getElementById("foto_"+gekozenFoto).style.display="block";
		document.getElementById("foto_"+oudeFoto).style.zIndex =0;
		document.getElementById("foto_"+gekozenFoto).style.zIndex=10;
		oudeFoto=gekozenFoto;
	}
	if(gekozenFoto==aantalFotos){
		document.getElementById("btn_foto_verder").style.display="none";
	}
	if(gekozenFoto>1){
		document.getElementById("btn_foto_terug").style.display="block";
	}
}

function setCheckedValue(objNaam, newValue) {
	var radioObj = document.getElementsByName(objNaam);
	if(!radioObj)
		return;
	var radioLength = radioObj.length;
	if(radioLength == undefined) {
		radioObj.checked = (radioObj.value == newValue.toString());
		return;
	}
	for(var i = 0; i < radioLength; i++) {
		radioObj[i].checked = false;
		if(radioObj[i].value == newValue.toString()) {
			radioObj[i].checked = true;
		}
	}
}

function getLayer(name) {

  // Returns a handle to the named layer.

  if (document.layers)
    return(document.layers[name]);
  else if (document.all) {
    layer = eval('document.all.' + name + '.style');
    //alert (layer.id);
    return(layer);
   //return (document.getElementById(name))
  }
  else
    {
      return (document.getElementById(name))
      //return(null);
    }
}
//Show and hide a layer
//id is the name of the layer
//action is either hidden or visible
//Seems to work with all versions NN4 plus other browsers
function showLayer(id, action){
	if (type=="IE") eval("document.all." + id + ".style.visibility='" + action + "'");
	if (type=="NN") eval("document." + id + ".visibility='" + action + "'");
	if (type=="MO" || type=="OP") eval("document.getElementById('" + id + "').style.visibility='" + action + "'");
}

function hideLayer(id){
	if (type=="IE") eval("document.all." + id + ".style.visibility='hidden'");
	if (type=="NN") eval("document." + id + ".visibility='hide'");
	if (type=="MO" || type=="OP") eval("document.getElementById('" + id + "').style.visibility='hidden'");
}

function verstuur(velden){ 
	if(document.formulier.woord){document.formulier.woord.value=''}
	var argv = verstuur.arguments;
	var argc = (verstuur.arguments.length)/3 
	//1=veldnaam, 2=naam, 3=type
	for(i=0;i<argc;i++) {
		fld = eval('document.formulier.' + argv[i])
		switch(argv[i+(2*argc)]){
			case '1': //een regel
			case '7': //voornaam
			case '8': //achternaam
			case '9': //tussenvoegsels
			 	if(fld.value==''){ 
					alert (argv[i+argc]+' is verplicht')
					fld.focus();
					return;
				}
			  break;
			case '2':
			  
			  break;
			case '3'://email
			  	val = fld.value.indexOf(' ') == -1 //geen spaties
				val &= fld.value.indexOf('@') > 0 //er zit een @ in
				val &= fld.value.indexOf('@') == fld.value.lastIndexOf('@') //slechts 1 @
				val &= fld.value.indexOf('@') < fld.value.lastIndexOf('.') //een @ voor een punt
				val &= fld.value.lastIndexOf('.') < fld.value.length-2 //twee letters achter de punt
				if (!val){  				  
					alert ('Er is geen geldig email adres ingevuld')
					fld.focus();
					return;
				}
			  break;
			case '4'://pulldown
			  if(fld.selectedIndex==0){ 
			  		andersfld = eval('document.formulier.anders_' + argv[i]);
			  		if(andersfld){
			  			if(andersfld.value==''){
			  				alert (argv[i+argc]+' is verplicht')
			  				fld.focus();
							return;
			  			}
			  		}else{
						alert (argv[i+argc]+' is verplicht')
						fld.focus();
						return;
					}
	 				
				}
			  break;
			default:
			 //rest
		}
	}
	if(document.formulier.verstuurd){document.formulier.verstuurd.value=11}
	document.formulier.submit()
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
tel=0
function openwin(page, w, h) {
	tel=tel+1;
	feat='width=' + w + ', height=' + h + ',status=1, scrollbars=1, resizable=1'
  	window.open(page, 'Popup'+tel,feat)
}
function zoeken(){
	document.formulier.action="index.php?page=zoek_resultaat&woord="+document.formulier.woord.value;
	document.formulier.submit();
}
function getElementPosition(elemID){
	var offsetTrail = document.getElementById(elemID);
	var offsetLeft = 0;
	var offsetTop = 0;
	while (offsetTrail){
		offsetLeft += offsetTrail.offsetLeft;
		offsetTop += offsetTrail.offsetTop;
		offsetTrail = offsetTrail.offsetParent;
	}
	if (navigator.userAgent.indexOf('Mac') != -1 && typeof document.body.leftMargin != 'undefined'){
		offsetLeft += document.body.leftMargin;
		offsetTop += document.body.topMargin;
	}
	return {left:offsetLeft,top:offsetTop};
}
function getXY(e) {
   x = (window.Event) ? e.pageX : event.clientX;
	relx=x-300;

	speed=parseInt(relx/70);
	if(speed<1){speed=1}
}

function Left(str, n){
	if (n <= 0)
	    return "";
	else if (n > String(str).length)
	    return str;
	else
	    return String(str).substring(0,n);
}

function user_upload_zz(u,f,n,w,h,t) {
	//vierkant
	window.open('ip/upl_user_progress_zz.asp?w=' + w + '&h=' + h + '&field=' + n + '&upload=' + u+ '&naam=' + n + '&t=' + t, '_blank','status=yes, resizable=yes, scrollbars=no, height=270, width=550')
}
function user_upload_doc_zz(u,f,n,w,h,t) {
	//vierkant
	window.open('ip/upl_user_doc_progress.asp?w=' + w + '&h=' + h + '&field=' + n + '&upload=' + u+ '&naam=' + n + '&t=' + t, '_blank','status=yes, resizable=yes, scrollbars=no, height=270, width=550')
}

function setFilename(f,n,k,bt,bg) {
	fld = eval('document.forms[0].' + f)
	fld.value = n
	nam = f + '_name'
	if(document.images[nam]) {document.images[nam].src=n}
	//nu evt bestandsgrootte en type invullen
  fld2 = eval('document.forms[0]._' + f + 'kort')
  if (fld2){fld2.value = k}
  
 	uploadname=f+'_upload_button'
  wijzigname=f+'_wijzig_button'
  bekijkname=f+'_bekijk_button'
  ShowE(uploadname, 0)
  ShowE(wijzigname, 1)
  ShowE(bekijkname, 1)
  
  uploadenname=f+'_uploaden';
  geuploadname=f+'_geupload';
  ShowE(geuploadname, 1);
  ShowE(uploadenname, 0);
}
function openUpload(f) {
	
  	bestand = document.getElementById(''+f).value;
 	openwin(bestand, 800, 660);
}
function delUpload(f) {
	fld = eval('document.forms[0].' + f)
	uploadname=f+'_upload_button'
	wijzigname=f+'_wijzig_button'
	bekijkname=f+'_bekijk_button'
	ShowE(uploadname, 1)
	ShowE(wijzigname, 0)
	ShowE(bekijkname, 0)
	fld.value = ''
	uploadenname=f+'_uploaden';
  geuploadname=f+'_geupload';
	ShowE(geuploadname, 0);
  ShowE(uploadenname, 1);
}
function GetE( elementId )
{
	return document.getElementById( elementId )  ;
}

function ShowE( element, isVisible )
{
	if ( typeof( element ) == 'string' )
		element = GetE( element ) ;
	element.style.display = isVisible ? '' : 'none' ;
}
function setCookie(name, value, expires) {
    var deCookie = name + "=" + escape(value);
    if(expires){
        expires= expires.toGMTString();
        deCookie += "; expires="; 
        deCookie += expires; 
    }
    document.cookie = deCookie;
}
function getCookie(name) {
  var dc = document.cookie;
  var prefix = name + "=";
  var begin = dc.indexOf("; " + prefix);
  if (begin == -1) {
    begin = dc.indexOf(prefix);
    if (begin != 0) return null;
  }
  else begin += 2;
  var end = document.cookie.indexOf(";", begin);
  if (end == -1)
    end = dc.length;
  return unescape(dc.substring(begin + prefix.length, end));
}
function delCookie(name){
 expires = new Date(1970,10,12);
 expires = expires.toGMTString();
 deCookie = name
 deCookie += "=delete; expires=";
 deCookie += expires;
 document.cookie = deCookie;
}
/***********************************************
* Ultimate Fade-In Slideshow (v1.51): © Dynamic Drive (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

var fadebgcolor="white"
 
var fadearray=new Array() //array to cache fadeshow instances
var fadeclear=new Array() //array to cache corresponding clearinterval pointers
 
var dom=(document.getElementById) //modern dom browsers
var iebrowser=document.all
 
function fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder){
	this.pausecheck=pause
	this.mouseovercheck=0
	this.delay=delay
	this.degree=10 //initial opacity degree (10%)
	start=getCookie('start')
	if(!start){start=0}
	if (start>=theimages.length-1){start=0}
	this.curimageindex=Math.floor(start)
	this.nextimageindex=this.curimageindex+1
	fadearray[fadearray.length]=this
	this.slideshowid=fadearray.length-1
	this.canvasbase="canvas"+this.slideshowid
	this.curcanvas=this.canvasbase+"_0"
	if (typeof displayorder!="undefined")
		theimages.sort(function() {return 0.5 - Math.random();}) //thanks to Mike (aka Mwinter) :)
	this.theimages=theimages
	this.imageborder=parseInt(borderwidth)
	this.postimages=new Array() //preload images
	for (p=0;p<theimages.length;p++){
		this.postimages[p]=new Image()
		this.postimages[p].src=theimages[p][0]
	}
 
	var fadewidth=fadewidth+this.imageborder*2
	var fadeheight=fadeheight+this.imageborder*2
	 
	if (iebrowser&&dom||dom) //if IE5+ or modern browsers (ie: Firefox)
		document.write('<div id="master'+this.slideshowid+'" style="position:relative;width:'+fadewidth+'px;height:'+fadeheight+'px;overflow:hidden;"><div id="'+this.canvasbase+'_0" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div><div id="'+this.canvasbase+'_1" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div></div>')
	else
		document.write('<div><img name="defaultslide'+this.slideshowid+'" src="'+this.postimages[0].src+'"></div>')
	 
	if (iebrowser&&dom||dom) //if IE5+ or modern browsers such as Firefox
		this.startit()
	else{
		this.curimageindex++
		setInterval("fadearray["+this.slideshowid+"].rotateimage()", this.delay)
	}
}

function fadepic(obj){
	if (obj.degree<100){
		obj.degree+=5
		if (obj.tempobj.filters&&obj.tempobj.filters[0]){
			if (typeof obj.tempobj.filters[0].opacity=="number") //if IE6+
				obj.tempobj.filters[0].opacity=obj.degree
			else //else if IE5.5-
				obj.tempobj.style.filter="alpha(opacity="+obj.degree+")"
		}
	else if (obj.tempobj.style.MozOpacity)
		obj.tempobj.style.MozOpacity=obj.degree/101
	else if (obj.tempobj.style.KhtmlOpacity)
		obj.tempobj.style.KhtmlOpacity=obj.degree/100
	else if (obj.tempobj.style.opacity&&!obj.tempobj.filters)
		obj.tempobj.style.opacity=obj.degree/101
	}
	else{
		clearInterval(fadeclear[obj.slideshowid])
		obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1"
		obj.tempobj=iebrowser? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas)
		obj.populateslide(obj.tempobj, obj.nextimageindex)
		obj.nextimageindex=(obj.nextimageindex<obj.postimages.length-1)? obj.nextimageindex+1 : 0
		setTimeout("fadearray["+obj.slideshowid+"].rotateimage()", obj.delay)
	}
}
 
fadeshow.prototype.populateslide=function(picobj, picindex){
	var slideHTML=""
	if (this.theimages[picindex][1]!="") //if associated link exists for image
		slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">'
	slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px">'
	if (this.theimages[picindex][1]!="") //if associated link exists for image
		slideHTML+='</a>'
	picobj.innerHTML=slideHTML
}
 
 
fadeshow.prototype.rotateimage=function(){
	if (this.pausecheck==1) //if pause onMouseover enabled, cache object
		var cacheobj=this
	if (this.mouseovercheck==1)
		setTimeout(function(){cacheobj.rotateimage()}, 100)
	else if (iebrowser&&dom||dom){
		this.resetit()
		var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
		crossobj.style.zIndex++
		fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",50)
		this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0"
	}
	else{
		var ns4imgobj=document.images['defaultslide'+this.slideshowid]
		ns4imgobj.src=this.postimages[this.curimageindex].src
	}
	setCookie('start',this.curimageindex)
	this.curimageindex=(this.curimageindex<this.postimages.length-1)? this.curimageindex+1 : 0
	
}
 
fadeshow.prototype.resetit=function(){
	this.degree=10
	var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
	if (crossobj.filters&&crossobj.filters[0]){
		if (typeof crossobj.filters[0].opacity=="number") //if IE6+
			crossobj.filters(0).opacity=this.degree
		else //else if IE5.5-
			crossobj.style.filter="alpha(opacity="+this.degree+")"
	}
	else if (crossobj.style.MozOpacity)
		crossobj.style.MozOpacity=this.degree/101
	else if (crossobj.style.KhtmlOpacity)
		crossobj.style.KhtmlOpacity=this.degree/100
	else if (crossobj.style.opacity&&!crossobj.filters)
		crossobj.style.opacity=this.degree/101
}
 
 
fadeshow.prototype.startit=function(){
	var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
	this.populateslide(crossobj, this.curimageindex)
	if (this.pausecheck==1){ //IF SLIDESHOW SHOULD PAUSE ONMOUSEOVER
		var cacheobj=this
		var crossobjcontainer=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid)
		crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1}
		crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0}
	}
	this.rotateimage()
}