$(document).ready(function() {
    // Set initial background position for the animator 
    $('a.nav-entry').css('background-position', '0 0');
    
    // Background position animator
    $('a.nav-entry').hover(
        function() {
            $(this).stop().animate({
                backgroundPosition: '(0px 73px)',
                color: '#8c0001',
            }, 'slow');
        },
        function() {
            $(this).stop().animate({
                backgroundPosition: '(0px 0px)',
                color: '#888888'
            }, 'slow');
        }
    );
    
    // Animate the opacity change for photo hovers
    $('div.picasa-photo img, div.picasa-album img').hover(
        function() {
            $(this).stop().animate({opacity: '0.75'}, 'slow');
        },
        function() {
            $(this).stop().animate({opacity: '1'}, 'slow');
        }
    );
});