$(document).ready( function() {
    $(".thumbnail img").click( function() {
        var changeSrc = this.src;
        $("#target").fadeOut(
            "slow",
            function() {
                $(this).attr("src", changeSrc);
                $(this).fadeIn();
            }
        );
    });
});

$(document).ready( function() {
    $(".thumbnail1 img").click( function() {
        var changeSrc = this.src;
        $("#target1").fadeOut(
            "slow",
            function() {
                $(this).attr("src", changeSrc);
                $(this).fadeIn();
            }
        );
    });
});

$(document).ready( function() {
    $(".thumbnail2 img").click( function() {
        var changeSrc = this.src;
        $("#target2").fadeOut(
            "slow",
            function() {
                $(this).attr("src", changeSrc);
                $(this).fadeIn();
            }
        );
    });
});

$(document).ready( function() {
    $(".thumbnail3 img").click( function() {
        var changeSrc = this.src;
        $("#target3").fadeOut(
            "slow",
            function() {
                $(this).attr("src", changeSrc);
                $(this).fadeIn();
            }
        );
    });
});

$(document).ready( function() {
    $(".thumbnail4 img").click( function() {
        var changeSrc = this.src;
        $("#target4").fadeOut(
            "slow",
            function() {
                $(this).attr("src", changeSrc);
                $(this).fadeIn();
            }
        );
    });
});

$(document).ready( function() {
    $(".thumbnail5 img").click( function() {
        var changeSrc = this.src;
        $("#target5").fadeOut(
            "slow",
            function() {
                $(this).attr("src", changeSrc);
                $(this).fadeIn();
            }
        );
    });
});

$(document).ready( function() {
    $(".thumbnail6 img").click( function() {
        var changeSrc = this.src;
        $("#target6").fadeOut(
            "slow",
            function() {
                $(this).attr("src", changeSrc);
                $(this).fadeIn();
            }
        );
    });
});

$(document).ready( function() {
    $(".thumbnail7 img").click( function() {
        var changeSrc = this.src;
        $("#target7").fadeOut(
            "slow",
            function() {
                $(this).attr("src", changeSrc);
                $(this).fadeIn();
            }
        );
    });
});

$(document).ready( function() {
    $(".thumbnail8 img").click( function() {
        var changeSrc = this.src;
        $("#target8").fadeOut(
            "slow",
            function() {
                $(this).attr("src", changeSrc);
                $(this).fadeIn();
            }
        );
    });
});

