[js] zmiana obrazka

Są dwa obrazki, powiedzmy A i B, obsługuje w nich OnMouseOver i OnMouseOut.
Jak najadę myszką nad A to zmienia się obrazek C, to samo gdy nadaję nad B.

function changePic(from, value)  
 {  
  var elem = document.getElementById(from);  
  elem.setAttribute("src", value);

 } 

function changeA()
{
	 changePic("box", "gfx/question.png");
	changePic("a", "a.png");
}
function rechangeA()
{
	changePic("box", "gfx/free.bmp");
	changePic("a", "a.png");
}
function changeB()
{
	changePic("box", "gfx/projectPic.png");
	changePic("B", "B2.png");
}
function rechangeB()
{
	changePic("box", "gfx/free.bmp");
	changePic("B", "B.png");
}

Tak to wygląda, i generalnie działa, tylko czasem jak szybko przejedzie się z A na B to pozostaje niewłaściwy obraz (z A, mimo że myszka jest nad B).
Czy jest to poprawne rozwiązanie i jak ewentualnie pozbyć się tego efektu ?

niestety poprawne :)
czasem tak jest przy szybkim opuszczeniu obrazka ze nie wraca