JS-Hover global für eine Seite

[peaceman]

Hallo Forenuser!

Ich habe ein Script angedacht, dass alle Bilder auf der Seite
mit einem möglichen Hover-Austausch versieht. Alle Bilder sind
"bildname_up.jpg" benannt, alle zugehörigen HoverImages mit
"bildname_over.jpg". Leider habe ich anscheinend Tomaten auf den
Augen, und weiß nicht, wo hier der Haken ist. Hier der
zugehörige Quelltext:

Beispiel IMG-Tag in der Seite:

<img src="/images/image1_up.jpg" onmouseover="imghover(this, 'over');" onmouseout="imghover(this, 'up');">

Eingebundenes JS:

function imghover(imgobj, dir) {

if (dir = 'over') {
  var oldsrc = imgobj.src;
  var newsrc = oldsrc.replace(/_up/, "_over");
  imgobj.src = newsrc;
 }
 if (dir = 'up') {
  var oldsrc = imgobj.src;
  var newsrc = oldsrc.replace(/_over/, "_up");
  imgobj.src = newsrc;
 }
}

Vielen Dank für Tipps und Schubser in die richtige Richtung.