Javascript [EASY]

Oke ik ben echt brak in javascript dus als jullie me zouden willen helpen graag

<html>
<head>
</head>
<body>
<img src=http://blog.wouterbuning.nl/wp-content/uploads/2010/01/icon_buienradar2.jpg onmouseover=document.write("hier komt script widget") />
</body>
</html>

Het is de bedoeling als ze over het logo gaan dat de widget tevoorschijn komt. En als ze hun muis er weer weghalen dat die er weer is . Dit doe je met onmouseout maar als ik bij onmouseover er overheen ga is meteen me hele icoon weg.

Dit is de widget:

<object width=220 height=341><param name=movie value=http://gadget.buienradar.nl/buienradar_220.swf /><param name=menu value=false /><param name=wmode value=transparent /><param name=allowscriptaccess value=always /><embed src=http://gadget.buienradar.nl/buienradar_220.swf width=220 height=341 menu=false wmode=transparent allowscriptaccess=always type=application/x-shockwave-flash /></object>

toevoeging op 29 januari 2012, 00:01:39:
Niemand die java kan?

<html>
<head>
</head>
<body>
<div id="widgetHolder" onmouseover=document.getElementById("widget").style.display = "block"; onmouseout=document.getElementById("widget").style.display = "none";>
<img src=http://blog.wouterbuning.nl/wp-content/uploads/2010/01/icon_buienradar2.jpg />
<div id="widget" style="display: none">
<object width=220 height=341><param name=movie value=http://gadget.buienradar.nl/buienradar_220.swf /><param name=menu value=false /><param name=wmode value=transparent /><param name=allowscriptaccess value=always /><embed src=http://gadget.buienradar.nl/buienradar_220.swf width=220 height=341 menu=false wmode=transparent allowscriptaccess=always type=application/x-shockwave-flash /></object>
</div>
</div>
</body>
</html>

Is dit wat je bedoelt?
Voorbeeld; http://thommity.nl/t.html

Nee het moet midden in het scherm verschijnen.