změna rozměrů obrázku

Mám takový script, který mění velikost obrázku na určitou velikost. Musím ji nejdříve vypočítat v JS a pak to nastavuji, při události onload obrázku:



Poté když najedu myší na obrázek (událost onmouseover), zavolám funkci zoom(this). A tam přidělím třídu zoom_in.

Bastavuji to buď na 125%, nebo na zkoušku zkouším 100%.



V obou případech se šířka nezmění vůbec a výška se změní extrémně (cca 300%). Tak se chci zeptat jak to správně udělat, abych mohl nejdříve javascriptem změnit napevno velikost na vypočítaný rozměr, a pak to měnit do zoomu pomocí třídy nebo nějak jinak.

Udělal jsem takovou ukázku jak to má být, ale nejsem si jistý, zda se mi povedlo tam dát vše jak má být protože mi to nedělá tu samou chybu jako na svém pc. A použil jsem na to obrázky s jiným rozměrem, ale jde o to, že obrázek se musí nejdříve zmenšit na určitou velikost, kteou vypočítává setImages() na onload obrázku.

http://jsfiddle.net/Uynsx/2/
http://jsfiddle.net/5mfbM/4/

Onmouseover spouští zoom_in() fnc.

WMPopi:
To by neměl být nadřazený prvek. Funkce se volá když přejedu myší přes obrázek, takže přes this. Někdo mi to vysvětloval, ale já moc nechápu smysl té věty: "inline css overrides css rules, so height is getting set by css, but doesn't match your scripted inline height" a hlavně nenacházím to řešení, správné nastavení šířky a výšky, tak aby bylo možné to zase vrátit do původního stavu.

WMPopi:
Měl si pravdu. Čím to tedy je, že se nastavuje šířka toho nadřazeného prvku a ne toho obrázku?

A nevíš jak zjistit pozici toho obrázku od horního kraje obrazovky?