(function(){

    var total  = images.length - 1;
    var count  = 0;
    var toggle = true;

    // set the initial image
    $(document).ready(function(){        
        $('#page-header').append('<div class="slideshow"/>').css('background-image', 'url(' + images[count] + ')');
    });

    $(window).load(function(){

        setTimeout(function(){

            count = (count == total) ? 0 : count + 1;

            var func = arguments.callee;

            // lazy load images
            $('<img/>').load(function(){

                if (toggle) {
                    $('#page-header div')
                    .css('background-image', 'url('+images[count]+')')
                    .fadeIn();
                }
                else {
                    $('#page-header')
                    .css('background-image', 'url('+images[count]+')')
                    .children('div')
                    .fadeOut();
                }

                toggle = !toggle;

                setTimeout(func, 3000);

            }).attr('src', images[count]);

        }, 3000);
    });

})();