typewriter effect at shoutout with different color

var vhinM;
var newColor = new Array(5);
var curColor = 0;
newColor[0] = 'black';
newColor[1] = 'gray';
newColor[2] = 'blue';
newColor[3] = 'violet';
newColor[4] = 'lavander';
newColor[5] = 'green';
newColor[6] = 'red';
newColor[7] = 'orange';
newColor[8] = 'indigo';

function rotateColor() {
if (curColor ==
curColor = 0;
else
++curColor;
document.getElementById('cpShoutoutBox').style.color= newColor[curColor];
}

function startRotate() {
if (vhinM != null)
clearInterval(vhinM);
vhinM = setInterval("rotateColor()", 300);
}
window.onload = startRotate();


x1=0;c1=0;cache=new Array()

setTimeout('clearIt()',4000)

function clearIt(){

tSpan = document.getElementById('cpShoutoutBox')
cSpan = tSpan.getElementsByTagName('span')


for(p=0;p<cSpan.length;p++){
cache[p]=cSpan[p].innerHTML
cSpan[p].innerHTML=''
}
toSpan()
}

function toSpan(){
if(x1<cSpan.length){
typeIn = cache[x1]
tp=setInterval('typeIt()', 40)
}else{
p=0;x1=0;c=0;setTimeout('clearIt()', 500)
}
}

function typeIt(){
if(cSpan[x1]!=null && c1<=typeIn.length){
cSpan[x1].innerHTML = typeIn.substring(0,c1++)
}else{
clearInterval(tp);x1++; c1=0;toSpan()
}
}