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];}
}

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 zoeken(){
	document.formulier.submit();
}

function verstuur(velden){ 
   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])
	    if(fld.value==''){ 
	      alert (argv[i+argc]+' is verplicht')
	      fld.focus();
	      return;
	    }else{
   			if(argv[i+(2*argc)]=='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;
    	     }
    	     if(document.formulier.vanemail){document.formulier.vanemail.value=fld.value}
  			}
	    }
		  
    }
  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;
}

function openwin(page, w, h) {
	feat='width=' + w + ', height=' + h + ',status=1, scrollbars=1, resizable=1'
  	window.open(page, 'Popup',feat)
}


function zenden(){
	if(document.sendform.naam.value==""){
		alert("Het formulier is niet compleet ingevuld. Uw naam is verplicht")
		document.sendform.naam.focus();
	}else{
		if((document.sendform.email.value == "") || (document.sendform.email.value.indexOf('@') == -1) || (document.sendform.email.value.indexOf('.') == -1)) {
		  alert("Het formulier is niet compleet ingevuld. Uw e-mail adres is verplicht")
		  document.sendform.email.focus();
		  return;
		}
	
		document.sendform.submit()
	}
}
function doAanmelden(){
	if(document.sendform.naam.value==""){
		alert("Het formulier is niet compleet ingevuld. Uw naam is verplicht")
		document.sendform.naam.focus();
	}else{
		
		if(document.sendform.email.value == "") {
		  alert("Uw e-mail adres is verplicht")
		  document.sendform.email.focus();
		  return;
		} else	{
				val = document.sendform.email.value.indexOf(' ') == -1 //geen spaties
  				val &= document.sendform.email.value.indexOf('@') > 0 //er zit een @ in
  				val &= document.sendform.email.value.indexOf('@') == document.sendform.email.value.lastIndexOf('@') //slechts 1 @
  				val &= document.sendform.email.value.indexOf('@') < document.sendform.email.value.lastIndexOf('.') //een @ voor een punt
  				val &= document.sendform.email.value.lastIndexOf('.') < document.sendform.email.value.length-2 //twee letters achter de punt
  				if (!val){  				  
    				alert ('Er is geen geldig email adres ingevuld')
	    	      document.sendform.email.focus();
	    	      return;
    	      }
		}
		document.sendform.submit()
	}
}


function volgende(page) {
	document.cat.page.value = page;
	document.cat.id.value = 0;
	anderePagina(1);
}
function vorige(page) {
	document.cat.page.value = page;
	document.cat.id.value = 0;
	anderePagina(-1);           
}

function andereCat(){
	document.cat.page.value = 0;
	document.cat.sc.value = 0;
	document.cat.id.value = 0;
	document.cat.submit();
}
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()
}
