Animowana zmiana tła na stronie

Witam serdecznie,
Mam taki kod:

 
body {
    background: url(../img/gl/tlo.jpg) 50% 15% no-repeat; 
    background-color: rgb(89, 89, 89);
}

jQuery(document).ready(function() {
var cnt=0, bg;
var $body = jQuery('body');
var arr = ['1.jpg','2.jpg'];

animate = function(){

}
var bgrotater = setInterval(function() {
    if (cnt==2) cnt=0;
    bg = 'url("slajdy/' + arr[cnt] + '")';
    cnt++;
    jQuery('#nihaiugsds').animate({opacity:1}, 2000, function(){
        $body.css('background-image', bg);
    });


    jQuery('#nihaiugsds').animate({opacity:0}, 2000);
},2000);
  }); 

Chcę zrobić animację podmieniającą tła na stronie. Powyższy kod działa prawie dobrze - animuje wraz z tłem całą stronę (menu, obrazki itp) - a chciałbym same tło...

Wie ktoś może jak poprawić powyższy skrypt żeby to działało?

Tak to aktualnie wygląda na stronie: http://goo.gl/fV4ItI

jak chcesz animować tylko tło to umieść je w oddzielnym divie Dude