$(document).ready(function() {

    $('#pic1a').hover(function() {
        if(isPic2Open == 1){
            $('#pic2a').animate({
                marginLeft: "+=170px"
            }, 1000);
            isPic2Open = 0;
            isPic1Open = 1;
        }
        if (isPic3Open == 1) {
            $('#pic2a').animate({
                marginLeft: "+=170px"
            }, 1000);
            $('#pic3a').animate({
                marginLeft: "+=170px"
            }, 1000);
            isPic3Open = 0;
            isPic1Open = 1;
        }
    });

    $('#pic2a').hover(function() {
        if(isPic1Open == 1){
            $('#pic2a').animate({
                marginLeft: "-=170px"
            }, 1000);
            isPic1Open = 0;
            isPic2Open = 1;
        }
        if (isPic3Open == 1) {
            $('#pic3a').animate({
                marginLeft: "+=170px"
            }, 1000);
            isPic3Open = 0;
            isPic2Open = 1;
        }
    });

    $('#pic3a').hover(function() {
        if(isPic1Open == 1){
            $('#pic2a').animate({
                marginLeft: "-=170px"
            }, 1000);
            $('#pic3a').animate({
                marginLeft: "-=170px"
            }, 1000);
            isPic1Open = 0;
            isPic3Open = 1;
        }
        if (isPic2Open == 1) {
            $('#pic3a').animate({
                marginLeft: "-=170px"
            }, 1000);
            isPic2Open = 0;
            isPic3Open = 1;
        }
    });
});