var prvId = -1;
var curId = -1;
var aantImgs = 0;
var tm = "";
var time = 5000;
var pauze = false;
var functie="";

var opacity;

function MaakOtherImgZichtbaar(imgId){
    clearTimeout(tm);
     
    try {
        document.getElementById("nummering").getElementsByTagName("a")[curId].className = "nr";
        document.getElementById("nummering").getElementsByTagName("a")[prvId].className = "nr";
    } catch (e) {}
    
    prvId = curId;
    curId = imgId;
    
    if (prvId >= 0) {
         //document.getElementById("Slideshow").getElementsByTagName("img")[prvId].style.display = "none";
         if ((prvId + 1) < aantImgs) {
             document.getElementById("nummering").getElementsByTagName("a")[prvId + 1].className = "nr";
             document.getElementById("Slideshow").getElementsByTagName("img")[prvId+ 1].zIndex = 2;

         } else {
             document.getElementById("nummering").getElementsByTagName("a")[prvId].className = "nr";
             document.getElementById("Slideshow").getElementsByTagName("img")[prvId].zIndex = 2;
         }
    }
    
    opacity = 100;
    //document.getElementById("Slideshow").getElementsByTagName("img")[curId].zIndex = 2;
    document.getElementById("Slideshow").getElementsByTagName("img")[curId].style.display = 'block';
    
    document.getElementById("nummering").getElementsByTagName("a")[imgId].className = "nr nractief";
    
    functie = dofade;
    tm = setTimeout(dofade, 20);

    //tm = setTimeout(NextImage, time);
}


function MaakImgZichtbaar(imgId){
    clearTimeout(tm);
    curId = imgId;
     
    try {
        document.getElementById("nummering").getElementsByTagName("a")[prvId].className = "nr";
    } catch (e) {}
    
    if (prvId >= 0) {
         //document.getElementById("Slideshow").getElementsByTagName("img")[prvId].style.display = "none";
         if ((prvId + 1) < aantImgs) {
             document.getElementById("nummering").getElementsByTagName("a")[prvId + 1].className = "nr";
             document.getElementById("Slideshow").getElementsByTagName("img")[prvId+ 1].zIndex = 2;

         } else {
             document.getElementById("nummering").getElementsByTagName("a")[prvId].className = "nr";
             document.getElementById("Slideshow").getElementsByTagName("img")[prvId].zIndex = 2;
         }
    }
    
    opacity = 100;
    //document.getElementById("Slideshow").getElementsByTagName("img")[curId].zIndex = 2;
    document.getElementById("Slideshow").getElementsByTagName("img")[curId].style.display = 'block';
    
    document.getElementById("nummering").getElementsByTagName("a")[imgId].className = "nr nractief";
    
    functie = dofade;
    tm = setTimeout(dofade, 20);

    //tm = setTimeout(NextImage, time);
}

function dofade(){
    opacity -= 3;
    
    try {
       document.getElementById("Slideshow").getElementsByTagName("img")[prvId].style.opacity = (opacity / 100);
    } catch (e) {}
    
    try{
        document.getElementById("Slideshow").getElementsByTagName("img")[prvId].style.filter = 'alpha(opacity=' + opacity + ',style=0)';
    }catch(e){}
    
    if(opacity <= 0){
        showPic(curId);
    }else{
        functie = dofade;
        tm = setTimeout(dofade, 20);
    }
}

function showPic(newIndex){
    try{
        document.getElementById("Slideshow").getElementsByTagName("img")[prvId].style.display = 'none';
    }catch(e){}
    try{
        document.getElementById("Slideshow").getElementsByTagName("img")[prvId].style.opacity = 1;
    }catch(e){}
    try{
        document.getElementById("Slideshow").getElementsByTagName("img")[prvId].style.filter = 'alpha(opacity=100,style=0)';
    }catch(e){}
    
    document.getElementById("Slideshow").getElementsByTagName("img")[newIndex].style.display = 'block';
    try{
        document.getElementById("Slideshow").getElementsByTagName("img")[newIndex].style.opacity = 1;
    }catch(e){}
    try{
        document.getElementById("Slideshow").getElementsByTagName("img")[newIndex].style.filter = 'alpha(opacity=100,style=0)';
    }catch(e){}
    document.getElementById("Slideshow").getElementsByTagName("img")[newIndex].style.zIndex = 3;
    
    document.getElementById("Slideshow").getElementsByTagName("img")[newIndex].style.zIndex 
    
    //curId = newIndex;
    //NextImage();
    functie = NextImage;
    tm = setTimeout(NextImage, time);
}

function NextImage(){
    if (prvId>0){
       document.getElementById("Slideshow").getElementsByTagName("img")[prvId].style.zIndex = 1;
    }
    prvId = curId;
    curId++;
    
    if(curId >= aantImgs)
        curId = 0;
        
    MaakImgZichtbaar(curId);
}
        
function Start(){
    aantImgs = document.getElementById("Slideshow").getElementsByTagName("img").length;
    MaakImgZichtbaar(0);
}

function Pauzeer(img) {
    pauze = !pauze;
    if (pauze) {
        img.className  = 'ActivePauze';
        clearTimeout(tm);
    } else {
        img.className  = 'LnkPauzeer';
        tm = setTimeout(functie, 1);
    }
}

function ChangeQuote() {
    if (document.getElementById("Slideshow_banner_klein").style.display == "none") {
        
        document.getElementById("Slideshow_banner_klein").style.display = "block";
        document.getElementById("Slideshow_banner").style.display = "none";
        
    } else {
        document.getElementById("Slideshow_banner_klein").style.display = "none";
        document.getElementById("Slideshow_banner").style.display = "block";

    }
}
function ChangeQuoteFr() {
    if (document.getElementById("Slideshow_banner_klein").style.display == "none") {
        
        document.getElementById("Slideshow_banner_klein").style.display = "block";
        document.getElementById("Slideshow_banner_fr").style.display = "none";
        
    } else {
        document.getElementById("Slideshow_banner_klein").style.display = "none";
        document.getElementById("Slideshow_banner_fr").style.display = "block";

    }
}