$(document).ready(function() {

    $('#global').scrollTo('50%', 1, { axis: 'x' });

    $('#midslideright').click(function(){
        $('#global').scrollTo('100%', 1000, { axis: 'x' });
    })

    $('#midslideleft').click(function(){
        $('#global').scrollTo('0%', 1000, { axis: 'x' });
    })

    $('#leftslideright').click(function(){
        $('#global').scrollTo('50%', 1000, { axis: 'x' });
    })

    $('#rightslideleft').click(function(){
        $('#global').scrollTo('50%', 1000, { axis: 'x' });
    })   
        
    $('#placard-left').hover(function (){
        $('#painting-left-before').stop().animate({ opacity: 0.0 }, 1000);
        $('#placard-left-before').stop().animate({ opacity: 0.0 }, 1000);
    }, function () {
        $('#painting-left-before').stop().animate({ opacity: 1.0 }, 1000);
        $('#placard-left-before').stop().animate({ opacity: 1.0 }, 1000);
    });

    $('#painting-left-before').hover(function (){
        $('#painting-left-before').stop().animate({ opacity: 0.0 }, 1000);
        $('#placard-left-before').stop().animate({ opacity: 0.0 }, 1000);
    }, function () {
        $('#painting-left-before').stop().animate({ opacity: 1.0 }, 1000);
        $('#placard-left-before').stop().animate({ opacity: 1.0 }, 1000);
    });

    $('#placard-middle-before').hover(function () {
        $('#painting-middle-before').stop().animate({ opacity: 0.0 }, 1000);
        $('#placard-middle-before').stop().animate({ opacity: 0.0 }, 1000);
    }, function () {
        $('#painting-middle-before').stop().animate({ opacity: 1.0 }, 1000);
        $('#placard-middle-before').stop().animate({ opacity: 1.0 }, 1000);
    });

    $('#painting-middle-before').hover(function () {
        $('#painting-middle-before').stop().animate({ opacity: 0.0 }, 1000);
        $('#placard-middle-before').stop().animate({ opacity: 0.0 }, 1000);
    }, function () {
        $('#painting-middle-before').stop().animate({ opacity: 1.0 }, 1000);
        $('#placard-middle-before').stop().animate({ opacity: 1.0 }, 1000);
    });

    $('#placard-right').hover(function () {
        $('#painting-right-before').stop().animate({ opacity: 0.0 }, 1000);
        $('#placard-right-before').stop().animate({ opacity: 0.0 }, 1000);
    }, function () {
        $('#painting-right-before').stop().animate({ opacity: 1.0 }, 1000);
        $('#placard-right-before').stop().animate({ opacity: 1.0 }, 1000);
    });

    $('#painting-right-before').hover(function () {
        $('#painting-right-before').stop().animate({ opacity: 0.0 }, 1000);
        $('#placard-right-before').stop().animate({ opacity: 0.0 }, 1000);
    }, function () {
        $('#painting-right-before').stop().animate({ opacity: 1.0 }, 1000);
        $('#placard-right-before').stop().animate({ opacity: 1.0 }, 1000);
    });
});