проблема при смене фонового изображения через определенное время
 

Приветствую!
Такая проблема, есть div блок с id="main". У него имеется фоновая картинка и в нем также прописан какой-то текст.
Нужно через определенное время менять фон этого блока.
Фоновые картинки имею имена вида bg_img_1, bg_img_2 и тд
Делаю так:

var n=1;
setInterval(function(){
   if(n==6) n=1;
   else n++;
   $('#main').fadeOut('normal',function(){
      $('#main').css('background-image','url(../img/bg_img_'+n+'.jpg)')
   }).fadeIn();
},2000);

Все работает, но при переходах fadeOut и fadeIn видно как скрывается весь блок div вместе с текстом и всем остальным.
Как мне сделать чтобы этот эффект затрагивал только фоновую картинку, а все остальное оставалось на месте?

fadeOut скрывает объект в конце(display: none;), поэтому нужно использовать aminate к opacity, но это не решит проблемы, т.к. свойства применяется ко всему, выход создать div position:absolute c картинкой и к нему применять animate.