var images = ['banner1.jpg', 'banner2.jpg', 'banner3.jpg', 'banner4.jpg'];
    var path = '/Content/images/'
    var index = 0;

    $(function() {
        var banner = $('#banner');
        $.each(images, function(i, item) {
        images[i] = $('<a href="/index.html" title="Healthy Smiles Dental Group"></a>').css('background-image', 'url(' + path + item + ')');
            new Image().src = path + item;
            //images[index].appendTo(banner);
        });
        setInterval(function() {
            var cItem = banner.find('h2');
            cItem.fadeOut(1000, function() { $(this).remove(); });
            images[index].hide();
            images[index].appendTo(banner);
            images[index].fadeIn(1000, function() {
                index++;
                if (index == images.length)
                    index = 0;
            });
        }, 6000);
    });