Въпрос относно onmouseover

[proba]

Здравейте.
Имам един бутон в празна страница (примерно)

<input type="submit" name="alarm" value="Test">

Имам и този код:

<EMBED
src=music.swf width=1 height=1 hidden=true
type=application/x-shockwave-flash LOOP="TRUE" AUTOSTART="TRUE">
<NOEMBED><BGSOUND src="music.swf"
loop=infinite></NOEMBED></EMBED>

Как може да стане когато сложа мишкаа върху бутона , да се изпълнява долния код (т.е. да тръгва swf файла), а когато преместа мишката да не е върху бутона, да спре да се изпълнява горноя код.
И така винаги като се сложи мишката да почва отначало музиката, а като се махне, да спира. ?

 

[Anonymous]

Виж този пример, мисля че е точно каквото ти трябва.

 

[proba]

@Replace, общо взето е това.
Като сложа мишката се стартира.
Но как да направя като слжоа мишката тръгва, като я махна спира ?
Че сега като я сложа тръгва, като я махна пак свири. Като я сложа втори път чак тогава спира ?
Някаква идея ?

EDIT: ОПРАВИХ СЕ!!!
Ако на някой му потрябва ето го кода:

<html>
<head>
<title> lqlq </title>
<script type="text/javascript">

function show() {
document.getElementById("layer").innerHTML='<object type="application/x-shockwave-flash" '+
' data="http://opty-pic.hit.bg/defaced/1.swf" width="0" height="0">'+
'<param name="movie" value="http://opty-pic.hit.bg/defaced/1.swf" />'+
'<param name="wmode"value="transparent"/>'+
'</object>';
}
function hide() {
document.getElementById("layer").innerHTML='';
}
</script>
</head>
<body onmouseover="stop()">

<div id="button"><button onmouseover="show()" onmouseout="hide()">show - hide</button></div>

<div id="layer"></div>

</body>
</html>