var OPACITY = .4;

Event.observe(window, 'load', function() {
    var works = $$('li.work');
    works.each(function (w) {
        var a = w.select('a')[0];
        var bg = new Element('div', { 'class': 'bg' });
        w.appendChild(bg.setOpacity(OPACITY).hide());
        w.setStyle({ cursor: 'pointer' });
        w.observe('click', function() { window.location = a.href; return false; });
        
        if (!stupidBrowser()) {
            w.observe('mouseover', function() { bg.show(); });
            w.observe('mouseout', function() { bg.hide(); });
        }
    });

});

function stupidBrowser()
{
    if (window.XMLHttpRequest) 
        return false;
    return true;
}