Płynne przejścia między zdjęciami

Cześć,
chcę zrobić płynne przejścia pomiędzy zdjęciami umiejscowionymi w:

<div class="header">
   <img src="img/header.png"/>
</div>

W tym miejscu dodałem zdjęcie headera.
Poniżej kod efektu znikania i pojawiania się zdjęcia. Niestety działa to tylko na jednym zdjęciu. Jak zatem doda możliwość przejść na większej ilości zdjęć?

<script>
        $(document).ready(function () {
            setInterval(function() {
                $(".header").fadeOut('slow')
                $(".header").fadeIn(500);
            }, 5000);
        });
</script>

Mógłbyś stworzyć funkcje np: zmienfoto() i potem podpiąć do tego

setTimeout(zmienfoto(), 5000)

. Funkcja ta zmieniałaby zdjęcie co 5 sekund.