Bildwechsel, mit style.background

[derTobi]

ich verwende dies bei meinen seiten als allgemeine Effekt-Funktionen

<TD CLASS="MIDNAV" WIDTH="60"  onmouseout="ChangeMid(this,1)" onmouseover="ChangeMid(this,0)" style="cursor:hand">

CSS dazu:

TD.MIDNAV
{
    BACKGROUND-COLOR: #EF9749;
    TEXT-ALIGN:       RIGHT;
    FONT-SIZE:   13px;
    BORDER-COLOR: #333333;
}

und die Funktion dazu:

function ChangeMid(obj,art)
{
   if(art==1)
      obj.style.backgroundColor="#EF9749";
   else
      obj.style.backgroundColor="#F9F9F9";
}

----------------------
nun wollte ich das ganze mit bildern probieren:

TD.MIDNAV
{
    /*BACKGROUND-COLOR: #EF9749;*/
    BACKGROUND-IMAGE: url("inactive.gif");

TEXT-ALIGN:       RIGHT;
    FONT-SIZE:   13px;
    BORDER-COLOR: #333333;
}
bis hier her klappt alles, die Bilder werden richtig angezeigt,
nur schaff ich den Schritt ins JavaScript nicht mehr

function ChangeMid(obj,art)
{
   new_blue = "new_blue.gif";

if(art==1)
      obj.style.background-image  = "inactive.gif";
   else
      obj.style.backgroundImage = "new_blueg.gif";
}
aber auch Angaben mit url("bild") funktionieren nicht, erbitte Hilfe