Textlink Animation: generate a color-movie for each textlink

Textlink animation: color-movie for each textlink
This script generates a unqiue color-change-animation if you move your cursor over your textlinks. Create a different effect for each textlink. Easy configuration. Internet Explorer 4 or higher.

Test it
sample 1
sample 1
sample 1

Configuration:

Step 1: Open your webpage. Paste the following code between the <head> and </head> tags of your webpage (below the title-tags):

// speed of animation. Smaller means faster
var pause=100

// Do not edit the values below

var newcolor=new Array
var timer
var animation_on=true
var thislink
var i_color=0

function startanimation(newlink, c1, c2, c3, c4, c5) {
    if (document.all) {
		newcolor[0]=c1
		newcolor[1]=c2
		newcolor[2]=c3
		newcolor[3]=c4
		newcolor[4]=c5
        animation_on=true
        thislink=eval("document.all."+newlink+".style")	
        colorup()
    }
}

function colorup() {
    if (animation_on && i_color<newcolor.length-1) { 
        thislink.color=newcolor[i_color]
        i_color++
		timer=setTimeout("colorup()",pause)
	}
    else if (animation_on) {
        clearTimeout(timer)
		timer=setTimeout("colordown()",pause)
    }
	else {
        clearTimeout(timer)
    }
}

function colordown() {
    if (animation_on && i_color>0) { 
        thislink.color=newcolor[i_color]
        i_color--
		timer=setTimeout("colordown()",pause)
	}
    else if (animation_on) {
        clearTimeout(timer)
		timer=setTimeout("colorup()",pause)
    }
	else {
        clearTimeout(timer)
    }
}

function stopanimation() { 
    if (document.all) {
        animation_on=false
		clearTimeout(timer)
    }
} 
--> 
</script>

Step 2: Open your webpage and put the green-red-blue code into any textlink that you want to animate:

<href="http://www.your.com" name="animation1" onMouseOver="startanimation('this.name','black','brown','blue','green','yellow',) onMouseOut="stopanimation()">your textlink</a>

GREEN: Do not change the green code in any way!
RED: Give each textlink a name of its own, for instance animation1 or sample1 or love or whatsoever.
BLUE: The colors for your animation! Set up 5 different colors, no more, no less!

Step 3: Have fun!