div img in graustufen

[peter]

hallo zusammen,
mir fehlt mal gerade wieder ein wneig der ansatz und hab auch noch nichts passendes gefunden.
und zwar habe ich ein div element, indem eine liste mit farbigen bildern ist.
jetzt möchte ich gerne, dass diese bilder zuerst in graustufen angezeigt werden und dann beim mouseover in farbe gezeigt werden.
derzeit hab ich es mit der transparenz gelöst, find es aber nicht so gut:

  
$(function(){  
            $("div.out-footer").mouseover(function(){  
                $(this).animate({opacity : 1.0},1000);  
				if(hTimer != null){  
      			window.clearTimeout(hTimer);  
     			 hTimer = null;  
    			}  
            }).mouseout(function(){  
					hTimer = window.setTimeout(function(){$("div.out").animate({opacity : 0.5},1000);}, 300000);  
  
            });  
  
        });  

gibst es üebrhaupt die möglichkeit das umzumodeln?
viele grüße
peter