onmouse over. billed

hej, jeg har et lille problem..
jeg skal have sådan at mine knapper, skal have en mouseover, og mouseout. hvor det bare bliver ført til en function, med et id.

<script type="text/javascript">
    var timeout    = 500;
var closetimer    = 0;
var ddmenuitem    = 0;
var ddaction = 0;
var imgend = _a.png;
function mopen(pop)
{   
    imgname = pop+imgend;
    ddaction = document.getElementById(pop);
    ddaction.style.backgroundImage="url(images/imgname)";


}
function mouseOut(pop)
{
if(ddaction) {
    ddaction.style.backgroundImage = "url(images/pop_a.png)";
    ddaction.style.heigt= "38px";
    ddaction = null;
   
    }
}
</script>

<a href="index.html" id="index" onmouseover="mopen('index')" onmouseout="mouseOut('index')";></a>
        <div id="menuspace2">
        </div>

        <a href="produkter.html" id="produkter" onmouseover="mopen('produkter')" onmouseout="mouseOut('produkter')";></a>
        <div id="menuspace3">
        </div>

        <a href="butikken.html" id="butikken" onmouseover="mopen('butikken')" onmouseout="mouseOut('butikken')";></a>
        <div id="menuspace4">
        </div>

        <a href="referencer.html" id="referencer" onmouseover="mopen('referencer')" onmouseout="mouseOut('referencer')";></a>
        <div id="menuspace5">
        </div>

        <a href="kontakt.html" id="kontakt" onmouseover="mopen('kontakt')" onmouseout="mouseOut('kontakt')";></a>
        <div id="menuspace6">
        </div>


håver i kan hjælpe, mit javascript er blevet lidt rusten.. gerne hurtigt svar! :)