jquery - 背景画像スイッチに fadeIn() 効果を挿入するにはどうすればよいですか

Question

私のテストサイト http://www.behringer-mauch.de/Tischler_Hehmann/index.phpには、ラッパー コンテナー用の背景画像スイッチャーがあります。コードはbasic.jsにあり、コードにfadeIn() jQuery Animateを挿入します。でも、どこに置けばいいのかわからない。

ここに私のコード：

var images = ['layout/images/background_image.jpg', 'layout/images/background_image_2.jpg'];
var i = 0;
var timeoutVar;

function changeBackground() {
    clearTimeout(timeoutVar); // just to be sure it will run only once at a time

    jQuery("#wrapper").css('background-image', function() {
        if (i >= images.length) {
            i=0;
        }
        return 'url(' + images[i++] + ')';
    });

    // call the setTimeout every time to repeat the function
    timeoutVar = setTimeout(changeBackground, 3000);
}

$( document ).ready(function() {
    $( "#logo" ).click(function() {
        window.location.href="index.php";
    });



    // Call it on the first time and it will repeat
    changeBackground();


});