var groep=null;
var g_context=null;
var imgp=null;
var stapgrootte=5;
var xdiv=0;
var haltes;
var huidigepositie=-1;
var url;
var link;
var tempimage;

function beginscroll(){
		tempimage=document.getElementById('vrmi');
		groep = document.getElementById('scrollbar');
        g_context = groep.getContext('2d');
        url = document.getElementById('scrolllink');
        haltes=new Array();
        haltes[0]=0;
        haltes[1]=220;
        haltes[2]=440;
        haltes[3]=690;
        haltes[4]=925;
        haltes[5]=1095;
        haltes[6]=1255;
        haltes[7]=1450;
        link=new Array();
        link[0]="vrijmiboys";
        link[1]="3hoog";
        link[2]="goederaad";
        link[3]="4b";
        link[4]="timenpleun";
        link[5]="3hoog-classic";
        link[6]="3hoog-gold";
        link[7]="kantooreiland";
        imgp= new Image();
        imgp.src="http://www.fotostrips.nl/scrollbar/groep.jpg";
        g_context.drawImage(imgp,0,0);
        tempimage.setAttribute('class','hidden');
        groep.removeAttribute('class');
        doestap();
}

function animatiestap(){
if(haltes[huidigepositie]>xdiv){
xdiv=xdiv+stapgrootte;
if(huidigepositie==7){
g_context.drawImage(imgp,210-xdiv+1450,0);
}
if(xdiv<0){g_context.drawImage(imgp,-haltes[7]-(xdiv+210),0);}
g_context.drawImage(imgp,-xdiv,0);
setTimeout(animatiestap, 20);
}
else{url.setAttribute('href', link[huidigepositie]);}
}

function doestap(){
if(huidigepositie==7){huidigepositie=0; xdiv=-210;}
else{
huidigepositie++;}
animatiestap();

setTimeout(doestap,3000);



}