Removing colors from image?

[ryeman98]

I was wondering if this could even be done in AJAX and I'm not sure how to go about it. I want to display navigation using images (logos) and I want it to work like this:

 

There are multiple logos in a row, all with color. The user hovers their cursor over one of the logos and as soon as they hover, the logo goes colorless.

 

Thanks in advance,

Rye

[mainewoods]

<img src="image.gif" width="88" height="31" style="filter:gray();">

http://www.xentrik.net/css/filters.php

the code below works in ie, but not ff:

<a href="url" 
    onmouseover="document.getElementById('myimage').style.filter = 'gray()';"
    onmouseout="document.getElementById('myimage').style.filter = '';"
><img id="myimage" src="image.gif"></a>

[Azu]

Isn't that activex? I think that will only work in ie and even then only on windoz ie.

 

Better to just have the image change to a greyed out one when the mouse is over it. Can probably be done in pure css