Pausa nello SlideShow

[kikk@]

Salve
ho uno script slideshow in cui le immagini scorrono una dopo l'altra...
vorrei aggiungere la possibilità di fermare lo scorrimento delle immagini quando il mouse ci va sopra e riprendere quando tolgo il mouse
il comando dovrebbe essere questo:

onmouseover='this.stop()' onmouseout='this.start()'

da aggiungere a questo script:

<html>

<script> 

var speed = 4500 
var Pic = new Array() 
Pic[0] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.png' 
Pic[1] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.2.png' 
Pic[2] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.3.png' 
Pic[3] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.4.png' 
Pic[4] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.5.png' 
Pic[5] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.6.png'
Pic[6] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.7.png' 
Pic[7] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.8.png'
Pic[8] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.9.png'
Pic[9] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.10.png' 
Pic[10] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.11.png'
Pic[11] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.12.png'
Pic[12] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.13.png' 
Pic[13] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.14.png'
Pic[14] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.15.png'
Pic[15] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.16.png' 
Pic[16] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.17.png'
Pic[17] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.18.png'
Pic[18] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.19.png' 
Pic[19] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.20.png'
Pic[20] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.21.png'
Pic[21] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.22.png' 
Pic[22] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.23.png'
Pic[23] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.24.png'
Pic[24] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.25.png' 
Pic[25] = 'http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-102.26.png' 

var t 
var j = 0 
var p = Pic.length 

var preLoad = new Array() 
for (i = 0; i < p; i++) 
{ 
   preLoad[i] = new Image() 
   preLoad[i].src = Pic[i] 
} 

function runSlideShow() 
{ 
   document.images.SlideShow.src = preLoad[j].src 
   j = j + 1 
   if (j > (p-1)) j=0 
   t = setTimeout('runSlideShow()', speed) 
} 

</script> 
<SCRIPT LANGUAGE="JavaScript1.2" src="http://www.kataweb.it/static/js/library.js"> 
</script> 


<style>
<!--
.response { font: 14px Trebuchet MS; color: #2222FF; font-weight: bold; font-style: normal; text-decoration: none; }
-->
</style>


</HEAD> 


<body onload="runSlideShow()" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0" style="background-color: #000000"> 
<div align="left"> 
<table border="1" width="290" id="table2"> 
   	<tr>
      <td width="280" align="center" bgcolor="#D3E5F0" colspan="2" background="http://www.fantagrotta.com/prova/7/empty_video.jpg"> 

				<img src="http://www.televideo.rai.it/televideo/pub/tt4web/Nazionale/page-100.png" name='SlideShow' width=360 height=400> 

</body>

</html>