Changer côté d'agrandissement sur "onmouseover"

Bonjour,

J'utilise la fonction onmouseover sur mon site afin d'agrandir les images survolées par la souris.
J'ai trois colonnes d'infos pour lesquelles l'image s'agrandit sur la droite.
Pour celle de gauche, pas de soucis.
Pour celle du centre, j'aimerais que l'image s'agrandisse en dessous (ni sur la gauche ni sur la droite).
Pour celle de droite, j'aimerais que celle-ci s'agrandisse sur la gauche.

La raison est simple, lors de l'agrandissement, l'image sort de la page ...

Mon code (celui ci est tiré de la colonne du centre) :

<img src="images/match-7-femmes-reduit.png" onmouseover="this.src='images/match-7-femmes.png';" onmouseout="this.src='images/match-7-femmes-reduit.png';">

Mon site (les trois colonnes en bas de page) :

http://www.clokc.com/index.php

Il y a certainement un paquet d'erreur dans mes codes, je suis un autodidacte ;)

Merci beaucoup pour votre aide.