adfox.js

window.adfoxVars = {
                bannerUrl: source_url + '/' + company + '/' + campaign,
                clickUrl: 'http://example.com/',
                pixel: 'http://content.adfox.ru/transparent.gif',
                user1: '',
                user2: '',
                user3: '',
                user4: '',
                user5: '',
                user6: '',
                user7: '',
                user8: '',
                user9: '',
                user10: '',
                user11: '',
                user12: '',
                user13: '',
                user14: '',
                user15: '',
                user16: '',
                user17: '',
                user18: '',
                user19: '',
                user20: '',
                user21: '',
                user22: '',
                user23: '',
                user24: '',
                user25: ''
            };

render.js

(function() {

        var $banner, closeBanner, initBanner, showBanner;
        $banner = $('<div id="interactive-banner" />');
        window.$banner = $banner;
        $banner.stylesheet = $('<style type="text/css">#interactive-banner{position:fixed;top:0;left:0;width:100%;height:100%;display:none;background:#fff; z-index: 1000}#interactive-banner>.close{background: url("http://cdn.vmet.ro/html5_bnr/close.svg") no-repeat 20px 10px;background-size:20px 20px;position:absolute;top:0;right:0;width:50px;height:50px; z-index: 100}</style>');
        $banner.closer = $('<div class="close" />');
        $banner.content = $('<div class="content" />');
        $('head').append($banner.stylesheet);
        $banner.append($banner.closer, $banner.content).appendTo('body');
        showBanner = function() {
            $('body').css({
                overflow: 'hidden'
            });
            $banner.css({
                display: 'block'
            });
            return $banner.trigger('activate');
        };
        closeBanner = function() {
            $('body').css({
                overflow: ''
            });
            $banner.remove();
        };
        initBanner = function(url) {
            $banner.closer.on('click', function() {
                closeBanner();
            });
            return $.ajax({
                url: url
            }).done(function(data) {
                $banner.content.html(data);
            });
        };

        initBanner(adfoxVars.bannerUrl);

        $banner.on('show', function(){
            showBanner();
            $trackingImage = $('<img src="'+adfoxVars.pixel+'" />').css({
                position: 'fixed',
                display: 'block',
                bottom: 0,
                left: 0,
                width: '1px',
                height: '1px',
                zIndex: 1000
            });
            $trackingImage.appendTo($banner);
        });

        $banner.on('close', function(){
            closeBanner();
        });


}).call(this);