var themePhotos;
var imgCounter = 0;
function initThemePhotos() {
    $.getJSON('/services/ThemaFotos.ashx?type=json', function (data) {
        themePhotos = data;
        var img = '<img id="bgrImage" src="http://www.reisspecialist.nl/Content/public/themas/' + themePhotos[imgCounter] + '" style="display:none;" border="0" title="Foto"/>';
        $('#backgroundImage').html(img);
        imgCounter++;
        changeMainPhoto();
    });
}

var imgCounter = 0;
var imgFader = '';
var imgHolder = null;

function changeMainPhoto() {
    $('#backgroundImage').css('background-image', 'url(http://www.reisspecialist.nl/Content/public/themas/' + themePhotos[imgCounter - 1] + ')');
    $('#bgrImage').fadeOut('fast', function () {
        $('#bgrImage').attr("src", "http://www.reisspecialist.nl/Content/public/themas/" + themePhotos[imgCounter]);
        $('#bgrImage').fadeIn('slow', function () {
            if (imgCounter >= themePhotos.length) {
                imgCounter = 0;
            }
            else {
                imgCounter++;
            }
            //Debug Only $('#searchField').val(imgCounter);
            setTimeout(changeMainPhoto, 10000);
        });
    });
}

$(document).ready(function () {
    initThemePhotos();
});