js image over

gistfile1.js

(function(){
    var suffix = { normal : '_no.', over   : '_on.'}
    $('a.over, img.over, input.over').each(function(){
        var a,
            img,
            el = $(this).get(0),
            el_name = el.nodeName.toLowerCase();
            src_no,
            src_on,
            cache;

        if( el_name === 'a' ){
            a = $(this);
            img = $('img',this);
        }else if( el_name === 'img' || el_name === 'input' ){
            img = $(this);
        }   

        src_no = img.attr('src');
        src_on = src_no.replace(suffix.normal, suffix.over);

        if( el_name === 'a' ){
            a.bind("mouseover focus",function(){ img.attr('src',src_on); })
             .bind("mouseout blur",  function(){ img.attr('src',src_no); }); 
        }else if( el_name === 'img' ){
            img.bind("mouseover",function(){ img.attr('src',src_on); })
               .bind("mouseout", function(){ img.attr('src',src_no); }); 
        }else if( el_name === 'input' ){
            img.bind("mouseover focus",function(){ img.attr('src',src_on); })
               .bind("mouseout blur",  function(){ img.attr('src',src_no); }); 
        }   

        // cache img
        cache = document.createElement('img');
        cache.src = src_on;
    }); 
}());