function load_ad(site_name, tag, callback)
{
    let data = {
        site_name: site_name,
        tag: tag,
    };

    $.ajax({
        type: 'POST',
        url: 'https://ad-man.newmatter.eu/api/ad',
        dataType: 'json',
        data: data,
        success: function (data) {
            if (data.success == false)
                return;

            callback(data.result);
        }
    });
}

$(function() {
    $('[data-ad-man-type="template"]').each(function() {
        let tag = $(this).data('ad-man-tag');
        let element = $(this);

        load_ad(ad_man_site_name, tag, function(ad_info) {
                if (ad_info == 'unknown_ad_slot')
                    return;

                if (ad_info == 'no_ad')
                    return;

                if (ad_info.raw_html.length > 0) {
                    element.html(ad_info.raw_html).show();
                    return;
                }

                if (ad_info.iframe_src.length > 0) {
                    let width = element.attr('data-ad-man-width');
                    let height = element.attr('data-ad-man-height');

                    element.find('[data-ad-man-type="a-href"]').attr('href', ad_info.url);
                    element.find('[data-ad-man-type="image-src"]').replaceWith(
                        '<div style="position: relative; width: ' + width + 'px; height: ' + height + 'px;">' +
                          '<iframe height="' + height + '" ' +
                                  'width="' + width + '" ' +
                                  'src="https://ad-man.newmatter.eu'  + ad_info.iframe_src + '"' +
                          '></iframe>' +
                          '<div data-ad-man-type="click-catcher" style="position: absolute; top: 0; left: 0; width: ' + width + 'px; height: ' + height + 'px;"></div>' +
                        '</div>'
                    );
                    element.find('[data-ad-man-type="title"]').text(ad_info.title);
                    element.find('[data-ad-man-type="text"]').text(ad_info.text);
                    element.find('[data-ad-man-type="catcher"]').on('click', function(event) { window.open(ad_info.url, '_blank').focus(); });
                    element.show();
                    return;
                }

                element.find('[data-ad-man-type="a-href"]').attr('href', ad_info.url);
                element.find('[data-ad-man-type="image-src"]').attr('src', ad_info.image_url);
                element.find('[data-ad-man-type="title"]').text(ad_info.title);
                element.find('[data-ad-man-type="text"]').text(ad_info.text);
                element.show();
        });

    });
});