function trees(strWat){
            //document.getElementById("trees").innerHTML = strWat;
        }
    
        function ShowPart(strWat){
        //alle layers op z-index 1
            document.getElementById("p2p").style.zIndex = 1
            document.getElementById("s2p").style.zIndex = 1
            document.getElementById("p2s").style.zIndex = 1
            document.getElementById("s2s").style.zIndex = 1
            document.getElementById("txt_p2p").style.display="none"
            document.getElementById("txt_p2s").style.display="none"
            document.getElementById("txt_s2p").style.display="none"
            document.getElementById("txt_s2s").style.display="none"
            document.getElementById("txt_main").style.display="none"
            
            //document.getElementById("wit").style.visibility = "visible"
            //currOpac = maxOpac
            //document.getElementById("wit").style.filter = "alpha(opacity=" + maxOpac + ")"; 
            fadeInWit();
            fadeInTekst();
            //opacity('wit', 0, 85, 100)
            
            //trees("aandacht op " + strWat)
            switch (strWat){
            case "p2p":
                document.getElementById("p2p").style.zIndex = 20;
                document.getElementById("tekstLabelContainer").style.top = "400px";
                document.getElementById("txt_p2p").style.display ="block"
                break;
            case "s2p":
                document.getElementById("s2p").style.zIndex = 20;
                document.getElementById("tekstLabelContainer").style.top = "200px";
                document.getElementById("txt_s2p").style.display ="block"
                break;
            case "p2s":
                document.getElementById("p2s").style.zIndex = 20;
                document.getElementById("tekstLabelContainer").style.top = "400px";
                document.getElementById("txt_p2s").style.display ="block"
                break;
            case "s2s":
                document.getElementById("s2s").style.zIndex = 20;
                document.getElementById("tekstLabelContainer").style.top = "200px";
                document.getElementById("txt_s2s").style.display ="block"
                break;
            default:
                break;
                }
        }
        
        function doenormaal(){
            document.getElementById("wit").style.visibility = "hidden"
        }
       
        
        var currOpac = 0
        var minOpac = 0
        var maxOpac = 80
        var intInterval
        
        var currOpacTekst = 0
        var minOpacTekst = 0
        var maxOpacTekst = 100
        var intIntervalTekst
        
       
        function incrOpacWit(){
            if (currOpac < maxOpac){
                currOpac = currOpac + 10;
                document.getElementById("wit").style.filter = "alpha(opacity=" + currOpac + ")";
                document.getElementById("wit").style.opacity = currOpac / 100;
            }else{
            //trees("incr is klaar")
                clearInterval(intInterval)
            }
        }
        
        function decrOpacWit(){
            if (currOpac > minOpac){
                currOpac = currOpac - 10 ;
                document.getElementById("wit").style.filter = "alpha(opacity=" + currOpac + ")";
                document.getElementById("wit").style.opacity = currOpac / 100;
            }else{
            clearInterval(intInterval)
            }
        }    
        
        function decrOpacTekst(){
            if (currOpacTekst > minOpacTekst){
                currOpacTekst = currOpacTekst - 10 ;
                document.getElementById("tekstLabelContainer").style.filter = "alpha(opacity=" + currOpacTekst + ")";
                document.getElementById("tekstLabelContainer").style.opacity = currOpac / 100;
            }else{
            //trees("decr is klaar")
            clearInterval(intIntervalTekst)
            }
        }    
        
        function incrOpacTekst(){
            if (currOpacTekst < maxOpacTekst){
                currOpacTekst = currOpacTekst + 10 ;
                document.getElementById("tekstLabelContainer").style.filter = "alpha(opacity=" + currOpacTekst + ")";
                document.getElementById("tekstLabelContainer").style.opacity = currOpac / 100;
            }else{
            //trees("decr is klaar")
            clearInterval(intIntervalTekst)
            }
        }  
        
        function fadeInWit(){
            clearInterval(intInterval)
            intInterval = setInterval("incrOpacWit()", 5)
        }
        
        function fadeUitWit(){
             //trees('start fade uit')
            clearInterval(intInterval)
            intInterval = setInterval("decrOpacWit()", 5)
        }

        function fadeUitTekst(){
        return;
            clearInterval(intIntervalTekst)
            intIntervalTekst = setInterval("decrOpacTekst()", 5)
        }
        
        function fadeInTekst(){
        return;
            clearInterval(intIntervalTekst)
            intIntervalTekst = setInterval("incrOpacTekst()", 5)
        }
        
        //change the opacity for different browsers 
        //function changeOpac(opacity, id) { 
        //    var object = document.getElementById(id).style; 
            //object.opacity = (opacity / 100); 
            //object.MozOpacity = (opacity / 100); 
            //object.KhtmlOpacity = (opacity / 100); 
        //    object.filter = "alpha(opacity=" + opacity + ")"; 
        //}
        
        function maakLabel(intW, intH){
            //scherm maken
            
            var mijnTekstLabel = document.getElementById("tekstLabelContainer")
            mijnTekstLabel.style.width = intW
            mijnTekstLabel.style.height = intH
            
            //rekenen aan de 
            document.getElementById("tekstLabelRepB").style.width =  (intW - (18 + 32))
            document.getElementById("tekstLabelRepO").style.width = (intW - (11 + 13))
            document.getElementById("tekstLabelRepR").style.height = (intH - (27 + 15))
            document.getElementById("tekstLabelRepL").style.height = (intH - (27 + 15))
            document.getElementById("tekstLabelInner").style.width = intW - (2 + 13 + 10) 
            document.getElementById("tekstLabelInner").style.height = intH - (27 + 15 + 10)
        }
        
        var booUit
        var strFase
        var presIntervalId
        var tijdLang = 6000
        var tijdKort = 500
        
    
        
        function startAnimatie(){
            strFase = 'start'
            presIntervalId = window.setInterval("amimeer()",tijdLang);
            booUit = false
        }
        
        function amimeer(){
            switch (strFase){
                case 'start':
                ShowPart('p2p');
                strFase = 'stopP2P';
                window.clearInterval(presIntervalId)
                presIntervalId = window.setInterval("amimeer()",tijdLang);
                break;
                
                case 'stopP2P':
                fadeUitWit();
                fadeUitTekst();
                strFase = 'startS2P';
                window.clearInterval(presIntervalId)
                presIntervalId = window.setInterval("amimeer()",tijdKort);
                break;
                
                case 'startS2P':
                ShowPart('s2p');
                strFase = 'stopS2P';
                window.clearInterval(presIntervalId)
                presIntervalId = window.setInterval("amimeer()",tijdLang);
                break;
                
                case 'stopS2P':
                fadeUitWit();
                fadeUitTekst();
                strFase = 'startS2S';
                window.clearInterval(presIntervalId)
                presIntervalId = window.setInterval("amimeer()",tijdKort);
                break;
                
                case 'startS2S':
                ShowPart('s2s');
                strFase = 'stopS2S';
                window.clearInterval(presIntervalId)
                presIntervalId = window.setInterval("amimeer()",tijdLang);
                break;   
                
                case 'stopS2S':
                fadeUitWit();
                fadeUitTekst();
                strFase = 'startP2S';
                window.clearInterval(presIntervalId)
                presIntervalId = window.setInterval("amimeer()",tijdKort);
                break;
                
                case 'startP2S':
                ShowPart('p2s');
                strFase = 'stopP2S';
                window.clearInterval(presIntervalId)
                presIntervalId = window.setInterval("amimeer()",tijdLang);
                break;                
                
                case 'stopP2S':
                fadeUitWit();
                fadeUitTekst();
                strFase = 'start';
                window.clearInterval(presIntervalId)
                presIntervalId = window.setInterval("amimeer()",tijdKort);
                break;
                
                }

         }
        

        
        function stopAnimatie(){
            window.clearInterval(presIntervalId)
        }