Botón animado usando javascript

[Hipo]

Hola,

Les comento la siguiente situación a ver si me dan una mano para resolver algo para un cliente. El cliente me pidió hacer una animación al cargar unos botones en el home, que son 4 recuadros de color tipo banners, no tienen el aspecto de un botón normal. No use flash por le tema de los navegadores, y los dispositivos móviles que algunos no lo permiten visualizar.

Esta es la web: http://www.vientocomunicadores.com/esp/

Utilice el clásico y antiguo gif animado, el tema es que el botón tiene 2 imagenes para el estado normal y el hover. El normal tiene el .gif animado y el hover un ,jpg
ahora bien cuando te paras sobre el botón cambia, pero al retirarte carga nuevamente el .gif animado, y el cliente no lo quiero solo al inicio.

Pense en armar una función en javascript usando los identificados de ById usando algún tipo de estado active, hover, link etc.

Alguna ayuda o consejo. La idea es que el botón se pueda reproducir solo una vez al inicio, un jpg hover estático, y que se pueda visualizar en los celulares y tablet.

Muchas gracias.

Andrés (Argentina)