expanding text banner help

[sol8air]

I have downloaded this nice expanding text banner which works great except I don't know how to change the font and font color. The default seems to be black and Times Roman. I'd like to be able to make it any other color, and any other font (preference arial but once I can change that I should be able to modify at will). I've tried a few things on my own and get syntax errors so now it's time for professional help :)

The code is this:

<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Charles Foster (wcms_sf@msn.com) -->
<!-- Web Site: http://kylo.ml.org/flash -->

<!-- Begin
var speed = 100;
var cycledelay = 2000;
var maxsize = 18;

var x = 0;
var y = 0;
var themessage, size;
var esize = "</font>";

function initArray() {
this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++) {
this[i] = initArray.arguments[i];
}
}
var themessage2 = new initArray(
"Welcome To A1 JavaScripts!",
"This is the expanding text banner !",
"Enter any message into it !",
"And be noticed by your visitors !"
);
if(navigator.appName == "Netscape")
document.write('<layer id="wds"></layer><br>');
if (navigator.appVersion.indexOf("MSIE") != -1)
document.write('<span id="wds"></span><br>');
function upwords(){
themessage = themessage2[y];
if (x < maxsize) {
x++;
setTimeout("upwords()",speed);
}
else setTimeout("downwords()",cycledelay);

if(navigator.appName == "Netscape") {
size = "<font point-size='"+x+"pt'>";
document.wds.document.write(size+"<center>"+themessage+"</center>"+esize);
document.wds.document.close();
}
if (navigator.appVersion.indexOf("MSIE") != -1){
wds.innerHTML = "<center>"+themessage+"</center>";
wds.style.fontSize=x+'px'
}
}
function downwords(){
if (x > 1) {
x--;
setTimeout("downwords()",speed);
}
else {
setTimeout("upwords()",cycledelay);
y++;
if (y > themessage2.length - 1) y = 0;
}
if(navigator.appName == "Netscape") {
size = "<font point-size='"+x+"pt'>";
document.wds.document.write(size+"<center>"+themessage+"</center>"+esize);
document.wds.document.close();
}
if (navigator.appVersion.indexOf("MSIE") != -1){
wds.innerHTML = "<center>"+themessage+"</center>";
wds.style.fontSize=x+'px'
}
}
setTimeout("upwords()",speed);
// End -->
</script>


thanks
KJ
sol8air@aol.com
http://awcreations.com

[David Harrison]

Put this in the head of your html document:

<style type="text/css"><!--

#wds{color:#f00;font-family:"arial", sans-serif;}

--></style>