javascript to pause onmousover function
I have an animated gif with onmouseover function applied to it. I want the gif to finish playing before the onmouseover takes effect. I've been trying to do this with some javascript but am so far unsuccessful. Thanks for any help. here my code so far:
<SCRIPT LANGUAGE="JavaScript">
<!--
var js = 1.0;
Version = parseInt(navigator.appVersion);
if (navigator.appName == "Netscape")
js = ((Version >= 4) ? 1.2 : ( (Version == 3) ? 1.1 : 1.0 ));
else
if (navigator.appVersion.indexOf('MSIE') != -1)
js = ((Version >= 4) ? 1.1 : 1.0);
function changeImagemap(newImage) {
if (js > 1.0) document ['boxImage'].src = eval(newImage + ".src");
}
if (js > 1.0) {
white = new Image();
white.src = "year1/year1.gif";
one = new Image();
one.src = "year1/p1-8.jpg";
two = new Image();
two.src = "year1/p2-8.jpg";
}
//-->
</SCRIPT>
</head>
<body>
<MAP NAME="image-map">
<AREA SHAPE="RECT" COORDS="0,0,50,50"
onMouseOver="changeImagemap('one');self.status='';return true">
<AREA SHAPE="RECT" COORDS="50,0,100,50"
onMouseOver="changeImagemap('two');self.status='';return true">
</map>
<IMG NAME="boxImage" SRC="year1/year1.gif" BORDER=0
WIDTH=700 USEMAP="#image-map">