// ALGEMENE INSTELLINGEN //	 
// Het veranderen van deze getallen kan leiden tot onverwachte dingen
var delay   = 50;		// de snelheid van het draaien (hoger is langzamer)
var skip    = 2;		// het aantal frames dat wordt overgeslagen (hoger getal > snellere animatie maar met minder kwaliteit)
var offset  = -100;
var afstand = 74;

/* Variabelen		*/
// De huidig weergegeven afbeelding in het groot
var sel = 0;
// Pointers naar het stijlattribuut van alle <IMG>-tags (img.style)
var img = new Array(document.getElementById("een").style, document.getElementById("twee").style, document.getElementById("drie").style, document.getElementById("vier").style, document.getElementById("vijf").style);
// Pointers naar alle <IMG>-tags
var obj = new Array(document.getElementById("een"), document.getElementById("twee"), document.getElementById("drie"), document.getElementById("vier"), document.getElementById("vijf"));

// Welke foto op welke plaats in het wiel
var schijf = new Array(6);
// Frame in de animatie (afstand = max)
var bezig = 0;

// Geklikt op een afbeelding -> doorsturen naar URL van afbeelding opgeslagen in het ALT-attribuut
function klik(e) {
    window.open(this.alt);
}

// Verplaatsen van [object] naar de coordinaten X en Y
function verplaats(object, x, y) {
      object.left=x+"px";
      object.top=y+"px";
}
// Vergroten of verkleinen van [object] naar Height x Width pixels
function zoomen(object, height, width) {
    object.height = height+"px";
    object.width = width+"px";
}

// Daadwerkelijke doorschuiven van alle foto's
// Apart van reset() gezet voor compatibiliteit met Firefox
function wijzigFoto() {
   for(i=0; i<5; i++) {
      obj[i].src = foto[schijf[i]];
   }
}

// Voorbereiden op de volgende draaibeweging
function reset() {
   // Bereken welke foto waar hoort te staan
   if (bezig<1) { sel++; } else { sel--; }
   for(i=sel-2;i<sel+3;i++) 
		schijf[i-(sel-2)] = i;
   for (i=0; i<5; i++) {
     if (schijf[i] < 0) schijf[i] = foto.length + schijf[i];
     if (schijf[i]>foto.length-1) schijf[i] -= foto.length;
   }
   // Alle foto's worden ingesteld op de middelste foto zodat deze niet zal terugspringen naar een vorige
   // Toegevoegd voor compatibiliteit met Firefox
   sel = schijf[2];

   // Aanpassen van tekst onder de grote foto aan de nieuwe foto
   document.getElementById("tekstWiel").innerHTML = tekst[sel];

   // Instellen van nieuwe ALT en OnClick attributen
   obj[2].src = foto[schijf[2]];
   for(i=0; i<5; i++) {
       obj[i].alt = url[schijf[i]];
       if (obj[i].alt!="") {
			obj[i].onclick = klik;
			obj[i].cursor = "default";
		} else {
            obj[i].cursor = "pointer";
		}
   }

   // Alle <IMG> terugplaatsen naar oorspronkelijke locatie en grootte
   img[1].marginLeft = "0px";
   img[2].marginLeft = "50px";
   img[2].marginRight = "50px";
   img[3].marginRight = "0px";
   var x = offset + "px";
   for(i=0; i<5; i++)
      img[i].left = x;
   zoomen(img[1], 33, 70);
   zoomen(img[2], 153, 325);
   zoomen(img[3], 33, 70);

   // Daadwerkelijke wijzigen van foto
   setTimeout("wijzigFoto();", 1);

   // Reset frameteller
   bezig = 0;
}

function schuifRechts() {
    if (bezig<0) return;
	bezig += skip;
	
    for(i=0; i<4; i++) {
      verplaats(img[i], offset + bezig, 0);
    }
	img[1].marginLeft = (bezig*.67) + "px";
	img[2].marginRight = (50-(bezig*.67)) + "px";
    zoomen(img[2], 150 - (bezig*1.58), 325 - (bezig*3.44));
    zoomen(img[1], 33 + (bezig*1.62), 70 + (bezig*3.44));
    
    if (bezig+1 > afstand) {
		reset();
    } else {
        setTimeout("schuifRechts();", delay);
    }
}

function schuifLinks() {
    if (bezig>0) return;
	bezig -= skip;

    for(i=1; i<5; i++) {
        verplaats(img[i], offset + bezig, 0);
    }
	img[3].marginRight = (bezig*-.67) + "px";
	img[2].marginLeft = (50+(bezig*.67)) + "px";
    zoomen(img[2], 150 + (bezig*1.58), 325 + (bezig*3.44));
    zoomen(img[3], 33 - (bezig*1.62), 70 - (bezig*3.44));

    if (bezig+1 < (-afstand)) {
        reset();
    } else {
        setTimeout("schuifLinks();", delay);
    }
}

function init() {
   sel--;

   // Voorladen van alle afbeeldingen
   for(i=0;i<foto.length-1;i++) {
       preload = new Image();
       preload.src = foto[i];
   }
   
   // Voorbereiden op de eerste draaibeweging
   reset(); 
   
   document.getElementById("Vorige").onmouseover = schuifLinks;
   document.getElementById("Vorige").onclick = schuifLinks;

   document.getElementById("Volgende").onmouseover = schuifRechts;
   document.getElementById("Volgende").onclick = schuifRechts;
}

init();