var d;

function plaatsInhoud(naam, waarde){
d = document.getElementById(naam);
d.innerHTML = waarde;} 
      
function haalInhoud(naam){
d = document.getElementById(naam);
return d.innerHTML;}

function plaatsKleur(naam, waarde){
d = document.getElementById(naam);
d.style.color = waarde;}

function haalKleur(naam) {
d = document.getElementById(naam);
return d.style.color;}

function animeer(naam, kolom) {
var waarde = haalInhoud(naam);
if (waarde.indexOf('<span') >= 0) {return;}
var lengte = 0;
var string = '';
var karakter;
var teken = '';
var htmltag = false;	
for (i = 0; i < waarde.length; i++) {
karakter = waarde.substring(i, i+1);
if (i < waarde.length - 1) { volgendKarakter = waarde.substring(i+1, i+2); } else { volgendKarakter = ' '; }
teken += karakter;
if (karakter == '>' && htmltag) { htmltag = false; }
if (!htmltag && karakter.charCodeAt(0) > 30 && karakter != ' ' && karakter != '\n') {		
string += '<span id="' + naam + '_' + lengte + '">' + teken + '</span>';
teken = '';
lengte++;}
}
plaatsInhoud(naam, string);
start = 'animeerloop(\'' + naam + '\', ' + lengte + ', 0, 1, \'' + kolom + '\')';
setTimeout(start , 150);
}

function animeerloop(naam, lengte, index, toename, kolom) {
var next = index + toename;
if (next >= lengte) { toename = toename * -1; next = index + toename; }
if (next < 0) { toename = toename * -1; next = index + toename; }
plaatsKleur(naam + '_' + index, haalKleur(naam + '_' + next));
plaatsKleur(naam + '_' + next, kolom);
start = 'animeerloop(\'' + naam + '\', ' + lengte + ', ' + next + ', ' + toename + ', \'' + kolom + '\')';
setTimeout(start , 150); // de snelheid kun je hier aanpassen
}