$(function () {
        if ($.browser.msie && $.browser.version < 7) return;
        
        $('#sitenav li')
            .removeClass('highlight')
            .find('a')
            .append('<span class="hover" />').each(function () {
                    var $span = $('> span.hover', this).css('opacity', 0);
                    $(this).hover(function () {
                        // on hover
                        $span.stop().fadeTo(350, 1);
                    }, function () {
                        // off hover
                        $span.stop().fadeTo(500, 0);
                    });
                });
                
    });

$(document).ready(function(){
$("#work li, #about li, #process li.grey a").fadeTo("normal", 1.0); // This sets the opacity of the thumbs to fade down to 60% when the page loads

$("#work li, #about li, #process li.grey a").hover(function(){
$(this).fadeTo("normal", 0.4); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo("normal", 1.0); // This should set the opacity back to 60% on mouseout
});
});