Roll over Menu

Hej
jeg kan ikke få denne rollover menu til at virke.
Kan i? Eller kan i en nemmere måde at lave den på så svar:D

<div style="text-align: center;">
        <img src="/res/Image/articles/graphics/photoshop/making-a-rollover-menu-bar/menubar/left.gif"/>
            <a href="#" onmouseout="button_off('forside');" onmouseover="button_on('forside');"><img src="/view/kennelfurball/button/forside_off.gif" style="border: none;" width="150" height="40" name="home" alt="home"/></a>
            <a href="#" onmouseout="button_off('about');" onmouseover="button_on('about');"><img src="/res/Image/articles/graphics/photoshop/making-a-rollover-menu-bar/menubar/about_off.gif" style="border: none;"/></a>
            <a href="#" onmouseout="button_off('cat');"  onmouseover="button_on('cat');"><img src="/res/Image/articles/graphics/photoshop/making-a-rollover-menu-bar/menubar/cat_off.gif" style="border: none;"/></a>
            <a href="#" onmouseout="button_off('links');" onmouseover="button_on('links');"><img src="/res/Image/articles/graphics/photoshop/making-a-rollover-menu-bar/menubar/links_off.gif" style="border: none;"/></a>
        <img src="/res/Image/articles/graphics/photoshop/making-a-rollover-menu-bar/menubar/right.gif"/>
    </div>

    <script type="text/javascript">

if ( document.images )
{
    forside_on = new Image ( 150, 40 );
    forside_off = new Image ( 150, 40 );
    forside_on.src = "/view/kennelfurball/button/forside_on.gif";
    forside_off.src = "/view/kennelfurball/button/forside_off.gif";

    about_on = new Image ( 114, 55 );
    about_off = new Image ( 114, 55 );
    about_on.src = "/view/kennelfurball/images/about_on.gif";
    about_off.src = "/view/kennelfurball/images/about_off.gif";
   
    cat_on = new Image ( 89, 55 );
    cat_off = new Image ( 89, 55 );
    cat_on.src = "/view/kennelfurball/images/cat_on.gif";
    cat_off.src = "/view/kennelfurball/images/cat_off.gif";
   
    links_on = new Image ( 65, 55 );
    links_off = new Image ( 65, 55 );
    links_on.src = "/view/kennelfurball/images/links_on.gif";
    links_off.src = "/view/kennelfurball/images/links_off.gif";

}

function button_on ( imgName )
{
    if ( document.images )
    {

        butOn = eval ( imgName + "_on.src" );
        document [imgName].src = butOn;

    }
}


function button_off ( imgName )
{
    if ( document.images )
    {

            butOff = eval ( imgName + "_off.src" );
            document [imgName].src = butOff;

    }
}

</script>