$(function() {

    var rollPos = 0;

    $('#goLeft').click(function() {
        rollPos = rollPos + 500;
        $('#siennaPicRoll').stop().animate({ backgroundPosition: rollPos + 'px 0px' }, 500, 'swing');
    });

    $('#goRight').click(function() {
        rollPos = rollPos - 500;
        $('#siennaPicRoll').stop().animate({ backgroundPosition: rollPos + 'px 0px' }, 500, 'swing');
    });

    $('div.siennaNav').hover(function() {
        $(this).stop().animate({ opacity: 0.5 }, 300);
    }, function() {
        $(this).stop().animate({ opacity: 1.0 }, 300);
    });

});