﻿var Slides=[];
var SlidesLocation="/images/Logoslide/";
Slides[1] = "logo_choiz;Choiz Makelaars & Taxateurs;www.choiz.nl";
Slides[2] = "logo_kcnd;KCND;www.kcnd.nl";
Slides[3] = "logo_meijer;meijer;www.meijerbouwsassenheim.nl";
Slides[4] = "logo_node;nodema;www.nodema.nl";
Slides[5] = "logo_pwc;PricewaterhouseCoopers ;www.pwc.com";
Slides[6] = "logo_tibboel;Tibboel Exclusieve Interieurs;www.tibboel.com";
Slides[7] = "logo_topsign;Topsign reclame;www.topsignreclame.nl"

function preloadLogos() {
var  toWrite="";
for (var a = 1; a < Slides.length; a++) {
    var thisSlide = Slides[a].split(';');
    toWrite += "<img  src='" + SlidesLocation + thisSlide[0] + "_bw.gif'/>";
    toWrite += "<img  src='" + SlidesLocation + thisSlide[0] + ".gif'/>";
}
 document.getElementById('preloadLogos').innerHTML = toWrite;
}

   

function setSlices(){
    var toWrite = "<div id='stidecontainer' style='position:relative;top:0px;left:-15px;height:100px;width:"+Slides.length*200+"px'>"; 
    var counterA = 1;
    while (counterA<Slides.length){
    var thisSlide = Slides[counterA].split(';');
    
        toWrite += "<div onclick='window.open(\"http://"+thisSlide[2]+"\",\"_blank\")' id='Slide"+counterA+"' style='width:200px;height:100px;float:left;text-align:center;color:#D5D5D5'>";
        toWrite +="<img id='SlideIMG"+counterA+"' height='47px' src='"+SlidesLocation+thisSlide[0]+"_bw.gif'/>";
        toWrite +="<div>"+thisSlide[1]+"</div>";
        toWrite +="</div>"
        counterA+=1;
        }  toWrite +="</div>"  
    document.getElementById('Slices').innerHTML= toWrite;
    highliteSlices(3);
    }
    
function highliteSlices(nummer){
    document.getElementById('Slide'+nummer).style.color = "#000000";
    var src = document.getElementById('SlideIMG'+nummer).src;
    src = src.substring(src.indexOf('Logoslide/')+10,src.length-7);
    document.getElementById('SlideIMG'+nummer).src = SlidesLocation+src+".gif"
    
    setTimeout('goToNextSlide("'+nummer+'");',5000);
  
    
    }
function goToNextSlide(nummer){
    document.getElementById('Slide'+nummer).style.color = "#d5d5d5";
    var src = document.getElementById('SlideIMG'+nummer).src;
    src = src.substring(src.indexOf('Logoslide/')+10,src.length-4);
    document.getElementById('SlideIMG'+nummer).src = SlidesLocation+src+"_bw.gif"


var left = document.getElementById('stidecontainer').style.left;
left= left.substring(0,left.indexOf('px'))*1;

// wandel(left);


document.getElementById('stidecontainer').style.left = left-200 +'px'






var nummer=nummer*1+1;
var x= document.getElementById('stidecontainer').childNodes.length;
var toWrite=[];
var a=0
while (a<x){
var z= document.getElementById('stidecontainer').childNodes[a];
var onclicka=''+z.onclick;
var onclicks=onclicka.indexOf('ss');
onclicka=onclicka.substring(onclicka.indexOf('w'),onclicka.indexOf(';')+1);

var toSetOnclick = Slides[z.id.substring(5,6)];
toSetOnclick = toSetOnclick.split(';')
toWrite[a] = '<div  onclick="window.open(\'http://'+toSetOnclick[2]+'\',\'_blank\')" id="'+z.id+'" style="width:200px;height:100px;float:left;text-align:center;color:#D5D5D5">';
toWrite[a] += z.innerHTML;
toWrite[a] += '</div>';
a+=1;
}
a=1;
var totalToWrite="";
while (a<x){
totalToWrite +=toWrite[a];
a+=1;
}
totalToWrite +=toWrite[0];

var left = document.getElementById('stidecontainer').style.left;
left= left.substring(0,left.indexOf('px'))*1;
document.getElementById('stidecontainer').style.left = left+200 +'px'
document.getElementById('stidecontainer').innerHTML=totalToWrite;

if (nummer >= Slides.length) nummer=1;

highliteSlices(nummer);
    }   
    
    
    function wandel(left){
    setTimeout (function(){
    var xs = 0
    for ( var xs = 0; xs <= 200; xs += 1 ) 
    {
        (function()
        {
            var xpos = xs;

            setTimeout(function(){
            // alert (left-xpos);
                document.getElementById('stidecontainer').style.left = left-xpos + "px";
               
            }, ( xpos + 1 ) * 10 );
        } 
        )();
    }
    },2400); }
    
    
function pausecomp(millis)
{
var date = new Date();
var curDate = null;

do { curDate = new Date(); }
while(curDate-date < millis);
} 