С помощью jquery каждые 10 секунд меняйте фоновое изображение div с эффектом затухания.

Я хотел бы создать слайд-шоу в области заголовка моей страницы. Он должен менять фоновое изображение каждые 10 секунд с хорошим эффектом затухания. И поскольку я уже использую jQuery для других вещей, я бы хотел использовать его и для этого.

Итак, моя разметка просто:

<div id="header">
    <!--other stuff here...-->
</div>

И мой CSS на данный момент:

#header {
    background:  url('images/header_slides/slide_1.jpg') no-repeat;
}

Итак, теперь я хочу, чтобы через 10 секунд он изменился на

#header {
    background:  url('images/header_slides/slide_2.jpg') no-repeat;
}

с приятным эффектом медленного затухания.