Basic JS stop function help

Hello all,
Now to get the ball rolling, I am not too good at the whole javascript thing, I am still learning. This seemed like a great place to get some ideas on how to write this…

Currently I am trying to develop a reall simple menu, and in this menu I want some very basic animation on hoverover. So I got the hoverover to work like a champ, but it wont stop ? I was wondering how do you write a second function to get the first one to stop doing whatever it is its doing. This is what I got.

[B]<script>

var SlideShowSpeed = 200;
var Picture = new Array();

Picture[1] = ‘ud.GIF’;
Picture[2] = ‘bltr.GIF’;
Picture[3] = ‘lr.GIF’;
Picture[4] = ‘tlbr.GIF’;

var tss;
var i;
var jss = 1;
var pss = Picture.length-1;

var preLoad = new Array();
for (i = 1; i < pss+1; i++){
preLoad[i] = new Image();
preLoad[i].src = Picture[i];}

function runSlideShow(){
if (document.all){
document.images.PictureBox.style.filter=”blendTrans(duration=.2)”;
document.images.PictureBox.filters.blendTrans.Apply();}
document.images.PictureBox.src = preLoad[jss].src;
if (document.all) document.images.PictureBox.filters.blendTrans.Play();
jss = jss + 1;
if (jss > (pss)) jss=1;
tss = setTimeout(‘runSlideShow()’, SlideShowSpeed);
}

if (document.images)
{
pic1off= new Image(15,15);
pic1off.src=”ud.gif”;
}
</script>[/B]

Pretty basic, I know, all it does is do a slideshow, switches between 4 pictures. Great…. now heres what I have for the HTML code:

[B] <td width=1024 height=768>
<A HREF=”test.html” onMouseover=”runSlideShow();” onMouseout=”[COLOR=Red]???[/COLOR]“>
<img src=ud.GIF name=PictureBox width=15 height=15>[/B]

so this is my delima… I need a second function to stop the first function onMouseout, and return to the original picture… I tried writing a return; function, but I dont think I did it right. Any ideas? Like I said, its really a simple question (at least it seems it would be).

Also in #JavaScript _↴