var banners = {
    'Triple Chocolate': '/images/home/banner-triple-choc.png',
    'Ultimate Fudge': '/images/home/banner-ultimate-fudge.png',
    'Walnut': '/images/home/banner-walnut.png',
    'Chocolate Supreme': '/images/home/banner-choc-supreme.png',
    'Caramel Turtle': '/images/home/banner-caramel.png',
    'Dark Chocolate': '/images/home/banner-dark-choc.png',
    'Double Chocolate': '/images/home/banner-double-choc.png'
};

function recipeToBox(rcp, $box) {
    if (rcp && rcp.UrlName) { // Controlling for #GHIR-85
        $box.fadeOut(1000, function () {
            $box.find("a").attr('href', 'recipes/' + rcp.UrlName);
            $box.find("h2").html(rcp.Name);
            var $recipeImage = $box.find("img.recipe-img");
            $recipeImage.attr('src', rcp.RecipeImage);
            var $bannerImg = $recipeImage.nextAll('img');
            $bannerImg.attr('src', banners[rcp.ProductName]);
            $bannerImg.attr('alt', rcp.ProductName);
            $box.fadeIn(1000);
        });
    }
}

$.get('svc/Recipes.aspx?filter=home', function(data) {
    $(document).ready(function() {
        var dataOffset = 0;
        $('.recipe-box').each(function(idx) {
            if (dataOffset >= data[0].length) {
                dataOffset = 0;
            }
            recipeToBox(data[dataOffset], $(this));
            dataOffset++;
        });
        if (data.length > 2)
        setInterval(function() {
            $('.recipe-box').each(function(idx) {
                if (dataOffset >= data.length) {
                    dataOffset = 0;
                }
                recipeToBox(data[dataOffset], $(this));
                dataOffset++;
            });
        }, 6500);
    });
});