I only know html & css at this point and havn't gotten into JavaScript yet.

I am using css pop-ups to a frame and am wanting to use video content as well as text and pictures. The only way the video works though is having it's 'autostart' param set to true, but this makes it play as soon as page loads.

I just wanting to use JavaScript to toggle this one value in my code via 'onmouseover' & 'onmouseout' for my project but after having gone through the basics on the web, i seem no closer to finding the solution.

I am wanting one JavaScript effect of 'onmouseover' to change the autostart value to 'true' when the preceeding img element is hovered on and to go back to 'false' for onmouseout. I was hoping i'd be able to work it out a simple application maybe with an IF statement but am now unsure if i'll be able to work it out.

Does anyone know a simple javascript that will do the trick?

thank you.



#minis a object#big {height: 0; width: 0; border-width: 0}/*makes object invisible but places it with previous image*/

#minis a:hover object#big {position:fixed; top:118px; left:441px;height:375px;width:500px;border:none}

#frame {position:fixed; top:116px;left:438px;height:355px;width:480px;border:2px solid red;font: 1em "Trebuchet MS", Verdana, sans-serif;color:red;padding:10px} /* create an empty frame so that visitors expect something to go there */





<p><a class="photo" title="video" href="head.jpg"><img class="mini" src="head.jpg" width="100" height="75" />
<img class="big" src="head.jpg" width="100" height="75" /></p>

<p><a class="photo" title="Video" href="Sugg.wmv"><img class="mini" src="sugra_vid.jpg" width="100" height="75" />
<object id="big" type="video/x-ms-wmv" data="Sugg.wmv" width="100" height="75" >
<param name="src" value="Sugg.wmv" />
<param name="autostart" value="false"
<param name="showcontrols" value="true"/>