(function ($) {
    var cache = [];
    // Arguments are image paths relative to the current page.
    $.preLoadImages = function () {
        var args_len = arguments.length;
        for (var i = args_len; i--; ) {
            var cacheImage = document.createElement('img');
            cacheImage.src = arguments[i];
            cache.push(cacheImage);
        }
    }
})(jQuery)

$.preLoadImages('/Media/AutoSponsorSprite?type=Image&includelarge=true&includesmall=true');

$(function () {
    $.post('/Media/AutoSponsorSprite', { type: 'JsonMap', includelarge: true, includesmall: true },
            function (datamap) {

                for (var iid in datamap) {
                    var itm = $('.' + datamap[iid].Id);

                    itm.css('background-image', "url('/Media/AutoSponsorSprite?type=Image&includelarge=true&includesmall=true')");
                    itm.css('background-repeat', 'no-repeat');
                    itm.css('background-position', '0 -' + datamap[iid].Position.Top + 'px');

                    itm.css('width', datamap[iid].Position.Width + 'px');
                    itm.css('height', datamap[iid].Position.Height + 'px');

                    itm.css('display', 'block');

                    itm.children('span').css('display', 'none');

                    //itm.parent('.sponsor-parent').css('width', datamap[iid].Position.MaxWidth + 'px');
                    //itm.parent('.sponsor-parent').css('height', datamap[iid].Position.MaxHeight + 'px');
                    itm.parent('.sponsor-parent-event').css('height', '80px');
                    itm.parent('.sponsor-parent-event').css('float', 'left');
                    itm.parent('.sponsor-parent-event').css('padding-left', '10px');
                    itm.parent('.sponsor-parent-event').css('padding-right', '10px');
                    itm.parent('.sponsor-parent-event').css('text-align', 'center');
                    itm.parent('.sponsor-parent-event').css('display', 'block');

                    itm.parent('.sponsor-parent').css('height', '60px'); 
                    itm.parent('.sponsor-parent').css('float', 'left');
                    itm.parent('.sponsor-parent').css('padding-left', '10px');
                    itm.parent('.sponsor-parent').css('padding-right', '10px');
                    itm.parent('.sponsor-parent').css('text-align', 'center');
                    itm.parent('.sponsor-parent').css('display', 'block');

                    itm.css('margin-left', 'auto');
                    itm.css('margin-right', 'auto');
                }

            }, 'json');
});