display favicons next to links

favicon.js

// Requires prototype.js
// assumes you have some container with class .favicon with a bunch of links inside
// As seen on http://ideafoundry.info/embassy
// Documentation at http://daniel.collectiveidea.com/blog/2009/5/1/fun-with-favicons

function loadFavicons() {
  $$('.favicon a').each(function(link){
    link.setStyle({
      background: 'url('+link.href+'favicon.ico) no-repeat 0 0',
      paddingLeft: '24px'
    });
    link.setStyle("background-size: 16px; -webkit-background-size: 16px; -khtml-background-size: 16px;");
  });
}

Event.observe(window, "dom:loaded", loadFavicons)