ipromNS.loadSiteFilters(null,{"rid":"171938863399258430","restricted_zones":[],"restricted_programmatic":false,"prebid":{"configuration_id":"277","configuration_name":"Planetlepote Desktop v 0.001","configuration_order":"4","timeout":1000,"sites":null,"campaign_priority":"4","adUnits":[{"code":440,"min_cpm":0.2,"dimensions":["970x250"],"mediaTypes":{"banner":{"sizes":[[970,250]]}},"bids":[{"bidder":"criteo","params":{"zoneId":"1380295","publisherSubId":"/319/Planetlepote_440_970x250_NativeLux","nativeCallback":"(function (criteoData, settings) {\n \n \n    var holder = null, activeProduct = 0, highlightedProduct = null, productInterval = false;\n \n    var titleWidth = 200,\n        titleHeight = 60;\n \n    function init () {\n        holder = document.querySelector('[data-iadserver-zone=\"'+settings.zone+'\"]');\n \n        if(settings.orientation && settings.orientation == 'vertical') {\n            titleWidth = settings.width;\n        } else {\n            titleHeight = settings.height;\n        }\n \n        makeAd();\n    }\n \n    function getProduct (p) {\n \n        if(typeof criteoData.products[p] == 'undefined') return '';\n \n        var productWidth = (settings.width - titleWidth - 2) / criteoData.products.length,\n            productHeight = settings.height - 2;\n \n        if(settings.orientation == 'vertical') {\n            productHeight = (settings.height - titleHeight - 2) / criteoData.products.length;\n            productWidth = settings.width;\n        }\n \n        var productMargin = 5;\n \n        return htmlcode = '<a href=\"' + criteoData.products[p].click_url + '\" target=\"_blank\">' +\n                '<div class=\"product\" style=\"width: ' + productWidth + 'px; height: ' + productHeight + 'px; float: left; font-family: sans-serif; font-size: 13px; background: #fff\">' +\n                    '<div style=\"width: ' + (productWidth-productMargin-1) + 'px; height: ' + (productHeight-productMargin-1) + 'px; border: 1px solid #eee; margin: ' + (productMargin-1)/2 + 'px\">' +\n                        '<div class=\"image\" style=\"margin: 5px 0px;\"><img style=\"position: relative;width: 99%;object-fit: contain;\" src=\"'+ criteoData.products[p].image.url +'\"></div>' +\n                        '<div class=\"desc\" style=\"text-decoration: none;color: #444;font-weight: normal;padding: 5px 10px;font-size: 1em;\">'+criteoData.products[p].title+'</div>' +\n                        '<div class=\"price\" style=\"text-decoration: none;color: #000;font-weight: bold;text-align: center; padding: 5px;\">'+criteoData.products[p].price+'</div>' +\n                    '</div>' +\n                '</div>' +\n            '</a>';\n \n    }\n \n    function makeTitle () {\n        var advertiserImg = criteoData.advertiser.logo.url;\n \n        if(advertiserImg.match(/&u=(.*?)\\&/)) {\n            advertiserImg = decodeURIComponent(advertiserImg.match(/&u=(.*?)\\&/)[1]).replace('http://','//');\n        }\n \n        return '<div style=\"width: ' + (titleWidth - 2) + 'px; height:' + titleHeight + 'px; float: left;\">' +\n                '<a href=\"' + criteoData.advertiser.logo_click_url + '\" target=\"_blank\"><div class=\"advertiserLogo\" style=\"width: 100%; height: 100%;text-align: center; background: url(' + advertiserImg + ') no-repeat center center; background-size: contain\"></div>' +\n            '</a></div>';\n    }\n \n    function makeAd () {\n \n        var width = settings.width ? settings.width + 'px' : '100%;';\n        if(settings.height) width += '; height: ' + (settings.height - 2) + 'px';\n \n        var htmlcode = '<div style=\"width: ' + width + '; margin: 0 auto;position: relative;overflow: hidden; border: 1px solid #ccc; background: linear-gradient(0deg, rgba(220,220,220,1) 0%, rgba(255,255,255,1) 100%, rgba(255,255,255,1) 100%);\">';\n \n        htmlcode += makeTitle();\n \n        //make slides\n \n        htmlcode += '<div class=\"criteoNativeInlineSlides\" style=\"width: ' + (settings.width - (settings.orientation == 'vertical' ? 0 : titleWidth)) + 'px; height:' + (settings.height - (settings.orientation == 'vertical' ? titleHeight : 0)) + 'px; float: left;\">';\n \n        for(var p = 0; p < criteoData.products.length; p++) {\n            htmlcode += getProduct(p);\n        }\n \n        htmlcode += '</div></div>';\n \n        // make impression pixels\n \n        for(var j in criteoData.impression_pixels) if(criteoData.impression_pixels.hasOwnProperty(j)) htmlcode += '<img src=\"' + criteoData.impression_pixels[j].url + '\" width=\"0px\" height=\"0px\" style=\"display:none\" >';\n \n        // insert HTML code\n \n        holder.innerHTML = htmlcode;\n \n        // evenly height products\n \n        var maxDescHeight = 0;\n        holder.querySelectorAll('.criteoNativeInlineSlides .product').forEach(function (el, i) {\n            maxDescHeight = Math.max(maxDescHeight, el.querySelector('.desc').offsetHeight);\n            el.addEventListener('mouseenter', function () { clearInterval(productInterval); highlightProduct(i); });\n            el.addEventListener('mouseleave', function () { setTimeout(startHighlight, settings.productRotationTimeout); });\n \n        });\n \n        holder.querySelectorAll('.criteoNativeInlineSlides .product').forEach(function (el) {\n \n            if(settings.height) {\n                el.querySelector('img').style.height = (el.offsetHeight - maxDescHeight - 25 - 20 - 8) + 'px';\n            }\n \n            el.querySelector('.desc').style.height = maxDescHeight + 'px';\n        });\n \n        // highlight\n \n        startHighlight();\n \n    }\n \n    function startHighlight () {\n \n        if(productInterval) clearInterval(productInterval);\n        highlightProduct(activeProduct);\n \n        if(settings.products > 1) productInterval = setInterval(function () {\n \n            var nextActiveProduct = activeProduct + 1;\n            if(nextActiveProduct >= criteoData.products.length) nextActiveProduct = 0;\n \n            highlightProduct(nextActiveProduct);\n \n            activeProduct = nextActiveProduct;\n \n        }, settings.productRotationTimeout);\n    }\n \n    function defaultProduct () {\n        if(!highlightedProduct) return;\n        highlightedProduct.querySelector('div').style.borderColor = '#eee';\n        highlightedProduct.querySelector('div').style.boxShadow = \"none\";\n        highlightedProduct.querySelector('.price').style.background = 'transparent';\n        highlightedProduct.querySelector('.price').style.color = '#000';\n    }\n \n    function highlightProduct (p) {\n        defaultProduct();\n        highlightedProduct = holder.querySelectorAll('.product')[p];\n \n        highlightedProduct.querySelector('div').style.borderColor = settings.productHighliteColor;\n        highlightedProduct.querySelector('div').style.boxShadow = \"0 0 8px -3px rgba(0,0,0,.5)\";\n        highlightedProduct.querySelector('.price').style.background = settings.productHighliteColor;\n        highlightedProduct.querySelector('.price').style.color = \"#FFF\";\n    }\n \n \n    init();\n \n \n})(json, { zone: 440, width: 970, height: 250, orientation: 'horizontal', products: 10, productRotationTimeout: 3000, productHighliteColor: 'rgb(4, 80, 162)' });"}},{"bidder":"criteo","params":{"networkId":"8737","publisherSubId":"/319/Planetlepote_440_970x250_NetworkID"}},{"bidder":"rtbhouse","params":{"publisherId":"ANfGDKW3jcDg8sCwyrPa","region":"prebid-eu"}}]},{"code":32,"min_cpm":0.2,"dimensions":["300x250"],"mediaTypes":{"banner":{"sizes":[[300,250]]}},"bids":[{"bidder":"criteo","params":{"zoneId":"1380295","publisherSubId":"/319/Planetlepote_32_300x250_NativeLux","nativeCallback":"(function (criteoData, settings) {\n \n \n    var holder = null, currentSlide = 0, slides = 0, activeProduct = 0, highlightedProduct = null, productInterval = false;\n \n    function init () {\n \n        var addProducts = criteoData.products.length % settings.products;\n \n        for(var ip = 0; ip < addProducts; ip++) criteoData.products.push(criteoData.products[ip]);\n \n        holder = document.querySelector('[data-iadserver-zone=\"'+settings.zone+'\"]');\n        makeAd();\n    }\n \n    function getProduct (p) {\n \n        if(typeof criteoData.products[p] == 'undefined') return '';\n \n        var maxHeight = 100;\n \n        var htmlcode = '<a href=\"' + criteoData.products[p].click_url + '\" target=\"_blank\">' +\n                '<div class=\"product\" style=\"width: ' + (100 / settings.products - 1) + '%; float: left; font-family: sans-serif; font-size: 13px; margin: 0.5%; background: #fff\">' +\n                '<div style=\"width:100%; height: 100%; border: 1px solid #eee; padding-top: 5px\">' +\n                '<div class=\"image\" style=\"margin-bottom: 10px;\"><img style=\"position: relative;max-height: ' + maxHeight + 'px;width: 99%;object-fit: contain;\" src=\"'+ criteoData.products[p].image.url +'\"></div>' +\n                '<div class=\"desc\" style=\"text-decoration: none;color: #444;font-weight: normal;padding: 0 5px;font-size: 1em;\">'+criteoData.products[p].title+'</div>' +\n                '<div class=\"price\" style=\"text-decoration: none;color: #000;font-weight: bold;text-align: center; padding: 5px;\">'+criteoData.products[p].price+'</div>' +\n                '</div>' +\n                '</div>' +\n            '</a>';\n \n        return htmlcode;\n \n    }\n \n    function makeTitle () {\n        var advertiserImg = criteoData.advertiser.logo.url;\n \n        if(advertiserImg.match(/&u=(.*?)\\&/)) {\n            advertiserImg = decodeURIComponent(advertiserImg.match(/&u=(.*?)\\&/)[1]).replace('http://','//');\n        }\n \n        var advertiserHeight = 60;\n \n        if(settings.height) advertiserHeight = Math.min(60, settings.height * .2);\n \n        return '<a href=\"' + criteoData.advertiser.logo_click_url + '\" target=\"_blank\"><div class=\"advertiserLogo\" style=\"width: 100%; height: ' + advertiserHeight + 'px;text-align: center; background: url(' + advertiserImg + ') no-repeat center center; background-size: contain\"></div></a>'\n    }\n \n    function makeAd () {\n \n        slides = Math.ceil(criteoData.products.length / settings.products);\n \n \n        var width = settings.width ? settings.width + 'px' : '100%; max-width: ' + (settings.products * 200) + 'px';\n \n        if(settings.height) width += '; height: ' + (settings.height - 2) + 'px';\n \n        var htmlcode = '<div style=\"width: ' + width + '; margin: 0 auto;position: relative;overflow: hidden; border: 1px solid #ccc; background: linear-gradient(0deg, rgba(220,220,220,1) 0%, rgba(255,255,255,1) 100%, rgba(255,255,255,1) 100%);\">';\n \n        htmlcode += makeTitle();\n \n        //make slides\n \n        htmlcode += '<div class=\"criteoNativeInlineSlides\" style=\"width: ' + (100 * slides) + '%; transition: margin-left 0.5s;\">';\n \n        for(var s = 0; s < slides; s++) {\n            htmlcode += '<div class=\"slide'+s+'\" style=\"width: ' + (100 / slides) + '%; float: left;\">';\n            for(var p = 0; p < settings.products; p++) {\n                htmlcode += getProduct((s*settings.products)+p);\n            }\n            htmlcode += '</div>';\n        }\n \n        htmlcode += '</div></div>';\n \n        // make impression pixels\n \n        for(var j in criteoData.impression_pixels) if(criteoData.impression_pixels.hasOwnProperty(j)) htmlcode += '<img src=\"' + criteoData.impression_pixels[j].url + '\" width=\"0px\" height=\"0px\" style=\"display:none\" >';\n \n        // insert HTML code\n \n        holder.innerHTML = htmlcode;\n \n        // evenly height products\n \n        var maxH = 0;\n        holder.querySelectorAll('.criteoNativeInlineSlides .product').forEach(function (el, i) {\n            maxH = Math.max(maxH, el.querySelector('.desc').offsetHeight);\n            el.addEventListener('mouseenter', function () { clearInterval(productInterval); highlightProduct(currentSlide, i%settings.products); });\n            el.addEventListener('mouseleave', function () { setTimeout(startHighlight, settings.productRotationTimeout); });\n \n        });\n \n        holder.querySelectorAll('.criteoNativeInlineSlides .product').forEach(function (el) {\n \n            if(settings.height) {\n                var h = (settings.height - holder.querySelector('.advertiserLogo').offsetHeight - maxH - 49);\n                el.querySelector('img').style.maxHeight = h + 'px';\n                if(h < 80) el.querySelector('.desc').style.paddingBottom = 'none';\n            }\n            el.querySelector('.desc').style.height = maxH + 'px';\n        });\n \n        // start slide effect\n \n        if(settings.rotationTimeout && slides > 1) setInterval(function () {\n            activeProduct = 0;\n            currentSlide++;\n            if(currentSlide == slides) currentSlide = 0;\n \n            holder.querySelector('.criteoNativeInlineSlides').style.marginLeft = (-100 * currentSlide) + '%';\n \n            startHighlight();\n \n        }, settings.rotationTimeout);\n \n        // highlight\n \n        startHighlight();\n \n    }\n \n    function startHighlight () {\n \n        if(productInterval) clearInterval(productInterval);\n        highlightProduct(currentSlide, activeProduct);\n \n        if(settings.products > 1) productInterval = setInterval(function () {\n \n            var nextActiveProduct = activeProduct + 1;\n            if(nextActiveProduct >= settings.products) nextActiveProduct = 0;\n \n            highlightProduct(currentSlide, nextActiveProduct);\n \n            activeProduct = nextActiveProduct;\n \n        }, settings.productRotationTimeout);\n    }\n \n    function defaultProduct () {\n        if(!highlightedProduct) return;\n        highlightedProduct.querySelector('div').style.borderColor = '#eee';\n        highlightedProduct.querySelector('div').style.boxShadow = \"none\";\n        highlightedProduct.querySelector('.price').style.background = 'transparent';\n        highlightedProduct.querySelector('.price').style.color = '#000';\n    }\n \n    function highlightProduct (s, p) {\n        defaultProduct();\n        highlightedProduct = holder.querySelectorAll('.slide' + s + ' .product')[p];\n \n        highlightedProduct.querySelector('div').style.borderColor = settings.productHighliteColor;\n        highlightedProduct.querySelector('div').style.boxShadow = \"0 0 8px -3px rgba(0,0,0,.5)\";\n        highlightedProduct.querySelector('.price').style.background = settings.productHighliteColor;\n        highlightedProduct.querySelector('.price').style.color = \"#FFF\";\n    }\n \n \n    init();\n \n \n})(json, { zone: 32, width: 300, height: 250, products: 2, rotationTimeout: 6000, productRotationTimeout: 3000, productHighliteColor: 'rgb(4, 80, 162)' });"}},{"bidder":"criteo","params":{"networkId":"8737","publisherSubId":"/319/Planetlepote_32_300x250_NetworkID"}},{"bidder":"rtbhouse","params":{"publisherId":"ANfGDKW3jcDg8sCwyrPa","region":"prebid-eu"}}]},{"code":27,"min_cpm":0.2,"dimensions":["728x90"],"mediaTypes":{"banner":{"sizes":[[728,90]]}},"bids":[{"bidder":"criteo","params":{"networkId":"8737","publisherSubId":"/319/Planetlepote_27_728x90_NetworkID"}},{"bidder":"rtbhouse","params":{"publisherId":"ANfGDKW3jcDg8sCwyrPa","region":"prebid-eu"}}]},{"code":33,"min_cpm":0.2,"dimensions":["300x250"],"mediaTypes":{"banner":{"sizes":[[300,250]]}},"bids":[{"bidder":"criteo","params":{"zoneId":"1380295","publisherSubId":"/319/Planetlepote_33_300x250_NativeLux","nativeCallback":"(function (criteoData, settings) {\n \n \n    var holder = null, currentSlide = 0, slides = 0, activeProduct = 0, highlightedProduct = null, discount = false, productInterval = null, slideInterval = null;\n \n    function init () {\n \n        var addProducts = criteoData.products.length % settings.products;\n \n        for(var ip = 0; ip < addProducts; ip++) criteoData.products.push(criteoData.products[ip]);\n \n        holder = document.querySelector('[data-iadserver-zone=\"'+settings.zone+'\"]');\n        makeAd();\n    }\n \n    function getProduct (p) {\n \n        if(typeof criteoData.products[p] == 'undefined') return '';\n \n        var htmlcode = '<a href=\"' + criteoData.products[p].click_url + '\" target=\"_blank\">' +\n                '<div class=\"product\" style=\"width: ' + (100 / settings.products - 2) + '%; float: left; font-family: sans-serif; font-size: 13px; margin: 1%; background: #fff;\">' +\n                    '<div style=\"width:100%; height: 100%; border: 1px solid #eee; padding-top: 5px; position: relative; overflow: hidden\">' +\n                        '<table>' +\n                            '<tr>' +\n                                '<td style=\"width: 50%;\" class=\"image\"><img style=\"position: relative;height: 80px;width: 99%;object-fit: contain;\" src=\"'+ criteoData.products[p].image.url +'\"></td>' +\n                                '<td class=\"desc\" style=\"text-decoration: none;color: #444;font-weight: normal;\">'+criteoData.products[p].title+'</td>' +\n                            '</tr>' +\n                        '</table>' +\n                        '<div class=\"price\" style=\"text-decoration: none;color: #000;font-weight: bold;text-align: center; padding: 5px;\">'+criteoData.products[p].price+'</div>' +\n                    '</div>' +\n                '</div>' +\n                '</a>';\n \n        return htmlcode;\n \n    }\n \n    function makeTitle () {\n        var advertiserImg = criteoData.advertiser.logo.url;\n \n        if(advertiserImg.match(/&u=(.*?)\\&/)) {\n            advertiserImg = decodeURIComponent(advertiserImg.match(/&u=(.*?)\\&/)[1]);\n        }\n \n        return '<a href=\"' + criteoData.advertiser.logo_click_url + '\" target=\"_blank\"><div class=\"advertiserLogo\" style=\"width: 100%; height: 60px; background: url(' + advertiserImg + ') no-repeat center center; background-size: contain;\"></div></a>'\n    }\n \n    function makeAd () {\n \n        slides = Math.ceil(criteoData.products.length / settings.products);\n \n        var htmlcode = '<div style=\"width: ' + settings.width + 'px; height: ' + settings.height + 'px; position: fixed; z-index: 9999999; bottom: -200px; right: 20px; overflow: hidden; border: 1px solid #ccc; background: linear-gradient(0deg, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%, rgba(255,255,255,1) 100%); transition: bottom .5s;box-shadow: 0 0 11px -3px rgba(0,0,0,.5)\">';\n \n        htmlcode += makeTitle();\n \n        htmlcode += '<div class=\"criteoNativeInlineSlides\" style=\"max-height: 300px; width: ' + (100 * slides) + '%\">';\n \n        for(var s = 0; s < slides; s++) {\n \n            htmlcode += '<div class=\"slide'+s+'\" style=\"width: ' + (100 / slides) + '%; float: left; transition: margin-left 0.5s;\">';\n \n            for(var p = 0; p < settings.products; p++) htmlcode += getProduct((s*2)+p);\n \n            htmlcode += '</div>';\n \n        }\n \n        htmlcode += '</div><div onclick=\"this.parentNode.parentNode.innerHTML=\\'\\';\" style=\"cursor: pointer; position: absolute;top: 0px;right: 2px;width: 30px;z-index: 9999;\"><img src=\"https://a.ipromcloud.com/js/img/close.svg\" ></div></div>';\n \n        for(var j in criteoData.impression_pixels) if(criteoData.impression_pixels.hasOwnProperty(j)) htmlcode += '<img src=\"' + criteoData.impression_pixels[j].url + '\" width=\"0px\" height=\"0px\" style=\"display:none\" >';\n \n        holder.innerHTML = htmlcode;\n \n        var maxH = 0;\n        holder.querySelectorAll('.criteoNativeInlineSlides .product').forEach(function (el, i) {\n            maxH = Math.max(maxH, el.querySelector('.desc').offsetHeight);\n            el.addEventListener('mouseover', function () { clearInterval(productInterval); highlightProduct(currentSlide, i%settings.products); });\n            el.addEventListener('mouseout', function () { setTimeout(startHighlight, settings.productRotationTimeout); });\n \n        });\n        holder.querySelectorAll('.criteoNativeInlineSlides .desc').forEach(function (el) { el.style.height = maxH + 'px'; });\n \n        // start slide effect\n \n        if(settings.rotationTimeout && slides > 1) slideInterval = setInterval(function () {\n             \n            if(!holder.querySelector('.criteoNativeInlineSlides > div')) {\n                clearInterval(slideInterval);\n                clearInterval(productInterval);\n                return;\n            }\n             \n            activeProduct = 0;\n            currentSlide++;\n            if(currentSlide == slides) currentSlide = 0;\n \n            holder.querySelector('.criteoNativeInlineSlides > div').style.marginLeft = (-100 * currentSlide) + '%';\n \n            startHighlight();\n \n        }, settings.rotationTimeout);\n \n        // highlight\n \n        startHighlight();\n \n        setInterval(function () {\n            if(holder.querySelector('div')) holder.querySelector('div').style.bottom = ( document.querySelector('#tbl-next-up.in-viewport') ? document.querySelector('#tbl-next-up.in-viewport').offsetHeight + 30 : 20 ) + 'px';\n        }, 1000);\n \n    }\n \n    function startHighlight () {\n \n        if(productInterval) clearInterval(productInterval);\n        highlightProduct(currentSlide, activeProduct);\n \n        if(settings.products > 1) productInterval = setInterval(function () {\n \n            var nextActiveProduct = activeProduct + 1;\n            if(nextActiveProduct >= settings.products) nextActiveProduct = 0;\n \n            highlightProduct(currentSlide, nextActiveProduct);\n \n            activeProduct = nextActiveProduct;\n \n        }, settings.productRotationTimeout);\n    }\n \n    function defaultProduct () {\n        if(!highlightedProduct) return;\n        highlightedProduct.querySelector('div').style.borderColor = '#eee';\n        highlightedProduct.querySelector('div').style.boxShadow = \"none\";\n        highlightedProduct.querySelector('.price').style.background = '#fff';\n        highlightedProduct.querySelector('.price').style.color = '#000';\n    }\n \n    function highlightProduct (s, p) {\n        defaultProduct();\n        highlightedProduct = holder.querySelectorAll('.slide' + s + ' .product')[p];\n \n        if(!highlightedProduct) return;\n        highlightedProduct.querySelector('div').style.borderColor = settings.productHighliteColor;\n        highlightedProduct.querySelector('div').style.boxShadow = \"0 0 8px -3px rgba(0,0,0,.5)\";\n        highlightedProduct.querySelector('.price').style.background = settings.productHighliteColor;\n        highlightedProduct.querySelector('.price').style.color = \"#FFF\";\n    }\n \n    init();\n \n \n})(json, { zone: 33, height: 'auto', width: 400, products: 2, rotationTimeout: 6000, productRotationTimeout: 3000, productHighliteColor: 'rgb(4, 80, 162)' });"}},{"bidder":"rtbhouse","params":{"publisherId":"ANfGDKW3jcDg8sCwyrPa","region":"prebid-eu"}}]}]}});