Hoverproblem

Jag har precis börjat med Javascript och tänkte skapa ett enkelt hoverscript.

<script language="javascript">
function hover(menu)
	{
		(menu).src=(menu)+"h.jpg";
	}
</script>

<img src="bilder/menu1.jpg" name="menu1" onmouseover="hover(menu1)">

Men jag får sökvägen [object].jpg istället för menu1h.jpg

Hjälp!

Jag gissar lite, eftersom JavaScript inte är min starkaste sida. ;)

<script language="javascript">
function hover(menu)
	{
		document[menu].src=(menu)+"h.jpg";
	}
</script>

<img src="bilder/menu1.jpg" name="menu1" onmouseover="hover('menu1')">

eller

<script language="javascript">
function hover(menu)
	{
		document.getElementById[menu].src=(menu)+"h.jpg";
	}
</script>

<img src="bilder/menu1.jpg" name="menu1" onmouseover="hover(this.id)">

RED. Ändrade lite.
RED2. Nu kom Palle och fixade till det. :e ;)

Använd getElementById istället.. :) ex.

[red]<script type="text/javascript">
function hover(menu)
{
	document.getElementById(menu).src = menu+"h.jpg";
}
</script>

...

<img src="bilder/menu1.jpg" id="menu1" onmouseover="hover('menu1');">[/red]

Men jag får fortfarande [object] istället för min variabel i sökvägen.

Btw, Palleman, nu är det dags för en ny hemsida! ;)

Testar jag detta får jag en alert som säger menu1h.jpg.

[red]<script language="javascript">
function hover(menu)
{
	[blue]alert(menu +"h.jpg");
	return false;[/blue]
	document.getElementById(menu).src = menu+"h.jpg";
}
</script>

...

<img src="bilder/menu1.jpg" id="menu1" onmouseover="hover('menu1');">[/red]

Det fungerar nu. Tack för hjälpen.