// hieronder de variabelen
 
	var Beeldbreedte=450;//breedte
	var Beeldhoogte=500;//hoogte
	var Rand=false;//wel of geen rand ( false or true )
	var Randkleur="#800000";//kleur rand
	var Snelheid=15;//snelheid
	var Pauze=2500; // 1 seconde = 1000
	var Verticaal=0;//horizontaal of vertikaal fotoboek ( 1 of 0 )
	
// plaats hieronder je afbeeldingen iedere foto is apart zelfs aan een link te koppelen
	Afbeeldingen=new Array(
                "image/beuken-keepboom-trappen.jpg","http://www.maatkracht.nl/stalen-trappen.html",
                "image/bedrijfpand-trappen.jpg","http://www.maatkracht.nl/stalen-trappen.html",
                "image/bordes-trappen.jpg","http://www.maatkracht.nl/stalen-trappen.html",
                "image/bedrijf-pand-trappen.jpg","http://www.maatkracht.nl/stalen-trappen.html",
                "image/essen-houten-trap.jpg","http://www.maatkracht.nl/stalen-trappen.html",
                "image/eikenstalen-trappen-boven.jpg","http://www.maatkracht.nl/stalen-trappen.html",
                "image/eikenstalen-trappen.jpg","http://www.maatkracht.nl/stalen-trappen.html",
                "image/grenen-stalen-trappen.jpg","http://www.maatkracht.nl/stalen-trappen.html",
                "image/houten_trap.jpg","http://www.maatkracht.nl/stalen-trappen.html",
                "image/houten-trap-met-r.v.s-leuning-3.jpg","http://www.maatkracht.nl/stalen-trappen.html",
                "image/houten-trap-met-r.v.s-leuning-2.jpg","http://www.maatkracht.nl/stalen-trappen.html",
                "image/houten-trap-met-r.v.s-leuning.jpg","http://www.maatkracht.nl/stalen-trappen.html",
                "image/houten-steek-trappen.jpg","http://www.maatkracht.nl/stalen-trappen.html",
                "image/houten_trap_1.jpg","http://www.maatkracht.nl/stalen-trappen.html",
                "image/iroko-stalen-trappen.jpg","http://www.maatkracht.nl/stalen-trappen.html",
                "image/houten-trap-tegen-muur.jpg","http://www.maatkracht.nl/stalen-trappen.html",
                "image/houtentrappen-onderkwart.jpg","http://www.maatkracht.nl/stalen-trappen.html",
                "image/keepboom-trappen.jpg","http://www.maatkracht.nl/stalen-trappen.html",
                "image/iroko-stalen-trappen-boven.jpg","http://www.maatkracht.nl/stalen-trappen.html",
                "image/mahonie-houten-trap.jpg","http://www.maatkracht.nl/stalen-trappen.html",
                "image/mahonie-trappen.jpg","http://www.maatkracht.nl/stalen-trappen.html",
                "image/Merbau-bordes-trap.jpg","http://www.maatkracht.nl/stalen-trappen.html",
                "image/onderkwarttrappen.jpg","http://www.maatkracht.nl/stalen-trappen.html",
                "image/platform-trappen.jpg","http://www.maatkracht.nl/stalen-trappen.html",
                "image/TrappenLaarstraat.jpg","http://www.maatkracht.nl/stalen-trappen.html",
                "image/trap-twee-bordesen.jpg","http://www.maatkracht.nl/stalen-trappen.html",
                "image/trappen-aan-de-muur.jpg","http://www.maatkracht.nl/stalen-trappen.html",
                "image/trappenhuis-essen-stalen-trappen.jpg","http://www.maatkracht.nl/stalen-trappen.html",
                "image/trappen-met-verlichting.jpg","http://www.maatkracht.nl/stalen-trappen.html",
                "image/trappenhuis-stalen-trappen.jpg","http://www.maatkracht.nl/stalen-trappen.html",
                "image/twee-trappen.jpg","http://www.maatkracht.nl/stalen-trappen.html",
                "image/tweekwartentrappen.jpg","http://www.maatkracht.nl/stalen-trappen.html",
                "image/2-kwarten.jpg","http://www.maatkracht.nl/stalen-trappen.html",
                "image/zweefende-trede.jpg","http://www.maatkracht.nl/stalen-trappen.html",
                "image/balustrade-trap.jpg","http://www.maatkracht.nl/stalen-trappen.html",
                "image/vuren-trap-met-vloerbedeking.jpg","http://www.maatkracht.nl/stalen-trappen.html",
		        "image/Dikertjedap_trap.jpg","http://www.maatkracht.nl/stalen-trappen.html",
		        "image/grenen-houten-tweekwarten-trappen.jpg","http://www.maatkracht.nl/stalen-trappen.html",
	         	"image/beuken-trede-vuren-bomen.jpg","http://www.maatkracht.nl/stalen-trappen.html",
	        	"image/bordestrappen.jpg","http://www.maatkracht.nl/stalen-trappen.html"
		);
// Hieronder niets meer wijzigen
 
	var BLI,BMI,BRI,BTI,HOEK=0,AFBC=6,MAXB,RICHTING=1;
	var B_MSz,HALT=false;AFBV=new Array(Afbeeldingen.length);
 
	function fotoboek(){
		if(document.getElementById){
			for(i=0;i<Afbeeldingen.length;i+=2){
				AFBV[i]=new Image();AFBV[i].src=Afbeeldingen[i]}
			BoekDiv=document.getElementById("Boek");
			BLI=document.createElement("img");BoekDiv.appendChild(BLI);	
			BRI=document.createElement("img");BoekDiv.appendChild(BRI);
			BMI=document.createElement("img");BoekDiv.appendChild(BMI);	
			BLI.style.position=BMI.style.position=BRI.style.position="absolute";
			BLI.style.zIndex=BRI.style.zIndex=0;BMI.style.zIndex=1;
			BLI.style.top=(Verticaal?Beeldhoogte+1:0)+"px";
			BLI.style.left=0+"px";
			BMI.style.top=0+"px";
			BMI.style.left=(Verticaal?0:Beeldbreedte+1)+"px";
			BRI.style.top=0+"px";
			BRI.style.left=(Verticaal?0:Beeldbreedte+1)+"px";
			BLI.style.height=Beeldhoogte+"px";
			BMI.style.height=Beeldhoogte+"px";
			BRI.style.height=Beeldhoogte+"px";
			BLI.style.width=Beeldbreedte+"px";
			BMI.style.width=Beeldbreedte+"px";
			BRI.style.width=Beeldbreedte+"px";
			if(Rand){
				BLI.style.borderStyle=BMI.style.borderStyle=BRI.style.borderStyle="solid";
				BLI.style.borderWidth=1+"px";
				BMI.style.borderWidth=1+"px";
				BRI.style.borderWidth=1+"px";
				BLI.style.borderColor=BMI.style.borderColor=BRI.style.borderColor=Randkleur}
			BLI.src=AFBV[0].src;
			BLI.lnk=Afbeeldingen[1];
			BMI.src=AFBV[2].src;
			BMI.lnk=Afbeeldingen[3];
			BRI.src=AFBV[4].src;
			BRI.lnk=Afbeeldingen[5];
			BRI.src=AFBV[6].src;
			BRI.lnk=Afbeeldingen[7];
			BRI.src=AFBV[8].src;
			BRI.lnk=Afbeeldingen[9];
			BRI.src=AFBV[10].src;
			BRI.lnk=Afbeeldingen[11];
			BLI.onclick=BMI.onclick=BRI.onclick=HYPERLINK;
			BLI.onmouseover=BMI.onmouseover=BRI.onmouseover=STOP;
			BLI.onmouseout=BMI.onmouseout=BRI.onmouseout=START;
			AFBEELDINGEN()}}
 
	function AFBEELDINGEN(){
		if(!HALT){
			if(Verticaal){
				B_MSz=Math.abs(Math.round(Math.cos(HOEK)*Beeldhoogte));
				MidOffset=!RICHTING?Beeldhoogte+1:Beeldhoogte-B_MSz;
				BMI.style.top=MidOffset+"px";
				BMI.style.height=B_MSz+"px"}
			else{B_MSz=Math.abs(Math.round(Math.cos(HOEK)*Beeldbreedte));
				MidOffset=RICHTING?Beeldbreedte+1:Beeldbreedte-B_MSz;
				BMI.style.left=MidOffset+"px";
				BMI.style.width=B_MSz+"px"}
			HOEK+=Snelheid/720*Math.PI;
			if(HOEK>=Math.PI/2&&RICHTING){
				RICHTING=0;
				if(AFBC==Afbeeldingen.length)AFBC=0;
				BMI.src=AFBV[AFBC].src;
				BMI.lnk=Afbeeldingen[AFBC+1];
				AFBC+=2}
			if(HOEK>=Math.PI){
				RICHTING=1;
				BTI=BLI;
				BLI=BMI;
				BMI=BTI;
				if(Verticaal)BMI.style.top=0+"px";
				else BMI.style.left=Beeldbreedte+1+"px";			
				BMI.src=BRI.src;
				BMI.lnk=BRI.lnk;
 
				setTimeout("PAUZEREN()",Pauze)}
			else setTimeout("AFBEELDINGEN()",50)}
		else setTimeout("AFBEELDINGEN()",50)}
 
	function PAUZEREN(){
			if(AFBC==Afbeeldingen.length)AFBC=0;
			BRI.src=AFBV[AFBC].src;
			BRI.lnk=Afbeeldingen[AFBC+1];
			BMI.style.zIndex=2;
			BLI.style.zIndex=1;
			HOEK=0;
			AFBC+=2;
		setTimeout("AFBEELDINGEN()",50)}
 
	function HYPERLINK(){if(this.lnk)window.location.href=this.lnk}
	function STOP(){HALT=true;this.style.cursor=this.lnk?"pointer":"default"}
	function START(){HALT=false}