Gutoscript

Pessoal,

Fiz uma animacao em gif que e acionada quando passo o mouse em cima de uma figura, tive problemas com o carregamento lento entao fiz um pre carregamento da seguinte maneira:

<var mailfinal = new image();var casinha3 = new image();var correntemov = new image();var maildialog = new image();>
<mailfinal src='mailfinal.gif'>
<casinha3 src='casinha3.gif'>
<corrente src='CorrenteMov.gif'>
<maildialog src='maildialog.gif'>

Estou usando o seguinte codigo para alterar as figura:
onmouseout="document.emailpic.src='mailstatico.gif';document.maildialog.src='cobremail.gif'"
onmouseover="document.emailpic.src='mailfinal.gif';document.maildialog.src='maildialog.gif'"
name="emailpic" alt="e-mail" src="mailstatico.gif">

Agora, o que acontece e que se eu nao deixar a pagina carregar completamente, as figuras nao funcionam como deviam, elas travam e tudo mais, acredito que o problema esteja na hora de carregar a imagem, ele nao esta usandoa variavel mailfinal,casinha3,corrente,maildialog, e sim carregando a partir da figura
Como posso resolver isso? Como fazer para carregar a figura apartir da variavel mailfinal?

Obrigado