Overlay sur une image

Bonjour,

J'aimerais rajouter deux overlay sur des images :
Un overlay blanc quand on passe la souris sur l'image.
Un overlay vert quand on clic sur l'image.

Quand je parles d'overlay, je parle de couleur, j’espère utiliser le mot juste.

Je tiens a préciser que le code n'est pas de moi.

var mnhv='';

function mnh(vl,pb){
if(controle==1){
controle=0;
bl=vl;
pl=pb;
if(document.getElementById(vl).offsetTop<=64){
mnhv=1;
}
if(document.getElementById(vl).offsetTop>=pl){
mnhv=0;
}
}
var Table_haut=document.getElementById(bl)
var divgener=document.getElementById('divgeneral');
if(mnhv==0){
Table_haut.style.top=Table_haut.offsetTop-10+'px';
divgener.style.height=divgener.offsetHeight-10+'px';
if(Table_haut.offsetTop<=64){
return false;
}
setTimeout("mnh(bl)",4);
}
if(mnhv==1){
Table_haut.style.top=Table_haut.offsetTop+10+'px';
divgener.style.height=divgener.offsetHeight+10+'px';
if(Table_haut.offsetTop>=pb){
return false;
}
setTimeout("mnh(bl,pl)",4);
}}