var boxcheck = "ye";
var kk1 = 1;
var kk2 = 1;
plaatje = "";
group = "geen";
var plaatjesSrc=new Array();
var huidigeAfbeelding1 = "";
var lafb5 = "";
var targetz1 = "niks";
var hoogte = "";
var breedte = "";
var horizontaal1 = "";
var verticaal1 = "";
var yScroll = "";
var myImage = "";
var cazez = "";
var tekst1 = "";

function nexthoverz(){
	 document.getElementById('nextz').src = "style/plaatjes/next2.gif";
	}

function nexthoverz2(){
	 document.getElementById('nextz').src = "style/plaatjes/next.gif";
	}

function prevhoverz(){
	 document.getElementById('prevz').src = "style/plaatjes/previous2.gif";
	}

function prevhoverz2(){
	 document.getElementById('prevz').src = "style/plaatjes/previous.gif";
	}

function tfade1(){
	 document.getElementById('shadowbox2').style.opacity = "0." + kk2;
	 document.getElementById('shadowbox2').style.filter  = "alpha(opacity=" + kk2 + "0)";
	 
	 if (kk2 != 0){
		 kk2--;
		 boxcheck = "neen";
		 setTimeout("tfade1()",30);
		}else{
		 switch(cazez){
			 case 'een':
				 caze1();
				 break;
			 
			 case 'twee':
				 caze2();
				 break;
			 
			 case 'drie':
				 caze3();
				 break;
			 
			 case 'vier':
				 caze4();
				 break;
			 
			 default:
				 alert('Fout op de pagina');
			}
		}
	}

function tfade2(){
	 document.getElementById('shadowbox2').style.opacity = "0." + kk2;
	 document.getElementById('shadowbox2').style.filter  = "alpha(opacity=" + kk2 + "0)";
	 
	 if (kk2 < 9){
		 kk2++;
		 boxcheck = "neen";
		 setTimeout("vsb5()",50);
		}else{
		 boxcheck = "ye";
		}
	}

//christophe beck ferry crossing

function caze1(){
	 myImage = new Image();
	 myImage.onload = resize;
	 myImage.src = plaatjesSrc[targetz1] + "?" + Math.floor(new Date().getTime()/1000);
	}

function caze11(){
	 document.getElementById('shadowbox2').innerHTML = "<div id='tlnboxpadding'><img src='" + myImage.src + "' onclick='vsbNext();' style='cursor:pointer;' /><div id='tlnboxfloat'><div style='text-align:left;padding-top:1px;'><img src='style/plaatjes/previous.gif' onmouseover='prevhoverz();' onmouseout='prevhoverz2();' id='prevz' style='margin-right:30px;' onclick='vsbPrev();' /><img src='style/plaatjes/next.gif' onmouseover='nexthoverz();' onmouseout='nexthoverz2();' id='nextz' onclick='vsbNext();' /></div><div><a onclick='vsb6();'>Sluiten</a></div></div></div>";
	 
	 tfade2();
	}

function caze2(){
	 myImage = new Image();
	 myImage.onload = resize;
	 myImage.src = plaatjesSrc[targetz1] + "?" + Math.floor(new Date().getTime()/1000);
	}

function caze22(){
	 document.getElementById('shadowbox2').innerHTML = "<div id='tlnboxpadding'><img src='" + myImage.src + "' /><div id='tlnboxfloat'><div style='text-align:left;padding-top:1px;'><img src='style/plaatjes/previous.gif' onmouseover='prevhoverz();' onmouseout='prevhoverz2();' id='prevz' onclick='vsbPrev();' /></div><div><a onclick='vsb6();'>Sluiten</a></div></div></div>";
	 
	 tfade2();
	}

function caze3(){
	 myImage = new Image();
	 myImage.onload = resize;
	 myImage.src = plaatjesSrc[targetz1] + "?" + Math.floor(new Date().getTime()/1000);
	}

function caze33(){
	 document.getElementById('shadowbox2').innerHTML = "<div id='tlnboxpadding'><img src='" + myImage.src + "' onclick='vsbNext();' style='cursor:pointer;' /><div id='tlnboxfloat'><div style='text-align:left;padding-top:1px;'><img src='style/plaatjes/next.gif' onmouseover='nexthoverz();' onmouseout='nexthoverz2();' id='nextz' style='margin-left:48px;' onclick='vsbNext();' /></div><div><a onclick='vsb6();'>Sluiten</a></div></div></div>";
	 
	 tfade2();
	}

function caze4(){
	 myImage = new Image();
	 myImage.onload = resize;
	 myImage.src = plaatjesSrc[targetz1] + "?" + Math.floor(new Date().getTime()/1000);
	}

function caze44(){
	 document.getElementById('shadowbox2').innerHTML = "<div id='tlnboxpadding'><img src='" + myImage.src + "' onclick='vsbNext();' style='cursor:pointer;' /><div id='tlnboxfloat'><div style='text-align:left;padding-top:1px;'><img src='style/plaatjes/previous.gif' onmouseover='prevhoverz();' onmouseout='prevhoverz2();' id='prevz' onclick='vsbPrev();' style='margin-right:30px;' /><img src='style/plaatjes/next.gif' onmouseover='nexthoverz();' onmouseout='nexthoverz2();' id='nextz' onclick='vsbNext();' /></div><div><a onclick='vsb6();'>Sluiten</a></div></div></div>";
	 
	 tfade2();
	}

function resize(){
	 var widthz = myImage.width;
	 var heightz = myImage.height;
	 
	 var widthz2 = widthz / 2;
	 var heightz2 = heightz / 2;
	 
	 document.getElementById('tlnboxpadding').style.marginTop = yScroll + "px";
	 document.getElementById('shadowbox2').style.marginLeft = "-" + widthz2 + "px";
	 document.getElementById('shadowbox2').style.marginTop = "-" + heightz2 + "px";
	 
	 switch(cazez){
			 case 'een':
				 caze11();
				 break;
			 
			 case 'twee':
				 caze22();
				 break;
			 
			 case 'drie':
				 caze33();
				 break;
			 
			 case 'vier':
				 caze44();
				 break;
			 
			 default:
				 alert('Fout op de pagina');
			}
	}

function vsbNext(){
	 if (boxcheck == "ye"){
		 if (targetz1 == "niks"){
			 targetz1 = huidigeAfbeelding1 + 1;
			}else{
			 targetz1++;
			}
		 
		 if (targetz1 == lafb5){
			 cazez = "twee";
			 tfade1();
			}else{
			 cazez = "een";
			 tfade1();
			}
		}
	 boxcheck = "neen";
	}

function vsbPrev(){
	 if (boxcheck == "ye"){
		 if (targetz1 == "niks"){
			 targetz1 = huidigeAfbeelding1 - 1;
			}else{
			 targetz1--;
			}
		 
		 if (targetz1 == 0){
			 cazez = "drie";
			 tfade1();
			}else{
			 cazez = "vier";
			 tfade1();
			}
		}
	 boxcheck = "neen";
	}

function vsb7(){
	 
	 var plaatjesAray1 = plaatjesSrc.length;
	 for (plaatjez1 = 1;plaatjez1 <= plaatjesAray1;plaatjez1++){
		 var plaatjez2 = plaatjez1 - 1;
		 var bronzor1 = plaatjesSrc[plaatjez2];
		 
		 if (bronzor1 == plaatje){
			 huidigeAfbeelding1 = plaatjez2;
			}
		}
	 
	 var lafb1 = huidigeAfbeelding1;
	 var lafb2 = 1;
	 while (lafb2 == 1){
		 var lafb4 = plaatjesSrc[lafb1];
		 if (lafb4 === undefined){
			 lafb2 = 2;
			}else{
			 lafb1++;
			}
		}
	 
	 lafb5 = lafb1 -1;
	 
	 myImage = new Image();
	 myImage.onload = vsb4;
	 myImage.src = plaatje + "?" + Math.floor(new Date().getTime()/1000);
	 
	 if (huidigeAfbeelding1 == 0){
		 document.getElementById('shadowbox2').innerHTML = "<div id='tlnboxpadding'><img src='" + myImage.src + "' onclick='vsbNext();' style='cursor:pointer;' /><div id='tlnboxfloat'><div style='text-align:left;padding-top:1px;'><img src='style/plaatjes/next.gif' onmouseover='nexthoverz();' onmouseout='nexthoverz2();' id='nextz' style='margin-left:48px;' onclick='vsbNext();' /></div><div><a onclick='vsb6();'>Sluiten</a></div></div></div>";
		}else if(huidigeAfbeelding1 == lafb5 || huidigeAfbeelding1 > lafb5){
		 document.getElementById('shadowbox2').innerHTML = "<div id='tlnboxpadding'><img src='" + myImage.src + "' /><div id='tlnboxfloat'><div style='text-align:left;padding-top:1px;'><img src='style/plaatjes/previous.gif' onmouseover='prevhoverz();' onmouseout='prevhoverz2();' id='prevz' onclick='vsbPrev();' /></div><div><a onclick='vsb6();'>Sluiten</a></div></div></div>";
		}else{
		 document.getElementById('shadowbox2').innerHTML = "<div id='tlnboxpadding'><img src='" + myImage.src + "' onclick='vsbNext();' style='cursor:pointer;' /><div id='tlnboxfloat'><div style='text-align:left;padding-top:1px;'><img src='style/plaatjes/previous.gif' onmouseover='prevhoverz();' onmouseout='prevhoverz2();' id='prevz' onclick='vsbPrev();' style='margin-right:30px;' /><img src='style/plaatjes/next.gif' onmouseover='nexthoverz();' onmouseout='nexthoverz2();' id='nextz' onclick='vsbNext();' /></div><div><a onclick='vsb6();'>Sluiten</a></div></div></div>";
		}
	}

function vsb6(){
	 document.getElementById('shadowbox2').style.opacity = "0." + kk2;
	 document.getElementById('shadowbox2').style.filter  = "alpha(opacity=" + kk2 + "0)";
	 
	 if (kk2 != 0){
		 kk2--;
		 boxcheck = "neen";
		 setTimeout("vsb6()",30);
		}else{
		 document.getElementById('shadowbox2').innerHTML = "";
		 vsb2();
		}
	}

function vsb5(){
	 document.getElementById('shadowbox2').style.opacity = "0." + kk2;
	 document.getElementById('shadowbox2').style.filter  = "alpha(opacity=" + kk2 + "0)";
	 
	 if (kk2 < 9){
		 kk2++;
		 boxcheck = "neen";
		 setTimeout("vsb5()",50);
		}else{
		 boxcheck = "ye";
		}
	}

function vsb45(){
	 document.getElementById('tlnboxpadding').style.marginTop = yScroll + "px";
	 document.getElementById('shadowbox2').style.marginLeft = "-" + horizontaal1 + "px";
	 document.getElementById('shadowbox2').style.marginTop = "-" + verticaal1 + "px";
	 
	 vsb5();
	}

function vsb4(){
	 hoogte = document.getElementById('shadowbox2').offsetHeight;
	 breedte = document.getElementById('shadowbox2').offsetWidth;
	 
	 document.getElementById('sbTekstDiv').style.width = breedte-8+'px';
	 
	 document.getElementById('sbTekstDiv').innerHTML =  tekst1;
	 
	 horizontaal1 = breedte / 2;
	 verticaal1 = hoogte / 2;
	 
	 
	 
	 if (self.pageYOffset) {
		 yScroll = self.pageYOffset;
		} else if (document.documentElement && document.documentElement.scrollTop){
		 yScroll = document.documentElement.scrollTop;
		} else if (document.body) {
		 yScroll = document.body.scrollTop;
		}
	 
	 vsb45();
	}

function vsb3(){
	 if (group != "geen"){
		 var relz1 = document.getElementsByTagName('img');
		 var relz2 = relz1.length;
		 for (relzz = 0;relzz < relz2;relzz++){
			 var relz3 = relz1[relzz].src;
			 var relz4 = relz3.split("style/plaatjes/klein/");
			 var relz5 = relz4[1];
			 
			 var relz6 = relz1[relzz].name;
			 if (relz6 == group){
				 plaatjesSrc[relzz] = "style/plaatjes/groot/" + relz5;
				}
			}
		 
		 vsb7();
		}else{
		 myImage = new Image();
		 myImage.onload = vsb4;
		 myImage.src = plaatje + "?" + Math.floor(new Date().getTime()/1000);
		 
		 document.getElementById('shadowbox2').innerHTML = "<div id='tlnboxpadding'><img src='" + myImage.src + "' /><div id='tlnboxfloat'><div style='text-align:left;padding-top:1px;' id='sbTekstDiv'></div><div><a onclick='vsb6();'>Sluiten</a></div></div></div>";
		}
	}

function vsb2(){
	 document.getElementById('shadowbox1').style.opacity = "0." + kk1;
	 document.getElementById('shadowbox1').style.filter  = "alpha(opacity=" + kk1 + "0)";
	 
	 if (kk1 != 0){
		 kk1--;
		 boxcheck = "neen";
		 setTimeout("vsb2()",30);
		}else{
		 
		 
		 kk1 = 1;
		 kk2 = 1;
		 plaatje = "";
		 group = "geen";
		 plaatjesSrc=new Array();
		 huidigeAfbeelding1 = "";
		 lafb5 = "";
		 targetz1 = "niks";
		 myImage = "";
		 hoogte = "";
		 breedte = "";
		 horizontaal1 = "";
		 verticaal1 = "";
		 yScroll = "";
		 cazez = "";
		 
		 boxcheck = "ye";
		 
		 document.getElementById('shadowbox1').style.height = "0px";
		 document.getElementById('shadowbox1').style.width = "0px";
		 
		 boxcheck = "ye";
		}
	}

function vsb1(){
	 document.getElementById('shadowbox1').style.opacity = "0." + kk1;
	 document.getElementById('shadowbox1').style.filter  = "alpha(opacity=" + kk1 + "0)";
	 
	 if (kk1 < 9){
		 kk1++;
		 boxcheck = "neen";
		 setTimeout("vsb1()",30);
		}else{
		 vsb3();
		}
	}

function tlnbox1(pad, groep, tekst){
	 if (boxcheck == "ye"){
		 var lol = document.getElementById('mainWrapper').offsetHeight;
		 
		 document.getElementById('shadowbox1').style.height = lol + "px";
		 document.getElementById('shadowbox1').style.width = "100%";
		 document.getElementById('shadowbox1').style.opacity = "0";
		 document.getElementById('shadowbox1').style.filter  = "alpha(opacity=0)";
		 plaatje = pad;
		 group = groep;
		 tekst1 = tekst;
		 vsb1();
		}
	}
	
function tlnbox2(){
	 if (boxcheck == "ye"){
		 vsb6();
		}
	}

function check_esc(eventobjekt) {
var var_key;

if (window.event && window.event.keyCode) {
var_key = window.event.keyCode;
} else if (eventobjekt && eventobjekt.keyCode) {
var_key = eventobjekt.keyCode;
}
if (var_key == 27)
tlnbox2();
}

function keydetect(){
if (document.addEventListener) {
document.addEventListener('keydown', check_esc, false);
} else if (document.attachEvent) {
document.attachEvent('onkeypress', check_esc);
}
}