var getUriParams = function() {
    var query_string = {}
    var query = window.location.search.substring(1);
    var parmsArray = query.split('&');
    if (parmsArray.length <= 0) return query_string;
    for (var i = 0; i < parmsArray.length; i++) {
        var pair = parmsArray[i].split('=');
        var val = decodeURIComponent(pair[1]);
        if (val != '' && pair[0] != '') query_string[pair[0]] = val;
    }

    if (query_string == undefined) query_string = 0;
    return query_string;
}();

var clonedVideo = '';
var gifPlayedStartTime = '';
var interacted = 2;
var interactedTracked = 0;
var played100 = 0;
var myPlayer;
window.interactedImpressionCnt = 0;

    function interactedImpression() {
        if(interactedImpressionCnt == 0) {
            console.log('interactedimr');
            var xmlhttp = new XMLHttpRequest();
            xmlhttp.onreadystatechange = function() {};
            var params = 'refId=' + getUriParams.refId;
            params += '&lineId=' + getUriParams.lId;
            params += '&oId=' + getUriParams.oId;
            params += '&cId=' + getUriParams.cId;
            params += '&event=INTERACTEDIMPR';
            params += '&interacted=1';
            params += '&interactedTracked=0';
            xmlhttp.open("POST", "https://adserve.2adpro.com/trackuseractivity", true);
            xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
            xmlhttp.send(params);
            interactedImpressionCnt = 1;
        }
    }

function setClickMacro() {


    /*if(!document.getElementById('clickTag'))
		{
			var aTag = document.createElement('a');
			aTag.href='http://www.google.com';
			aTag.target='_blank';
			aTag.id='clickTag';
			
			document.body.appendChild(aTag);
			//aTag.appendChild(document.getElementById('canvas'));			
		}*/


    if (document.getElementById('audio')) {
        document.getElementById('audio').onclick = function() {
            if (document.getElementById('mute').style.display == 'none') {
                document.getElementsByTagName('video')[0].muted = true;
            } else {
                document.getElementsByTagName('video')[0].muted = false;
                if (videoGif) {
                    document.getElementById('myVideo').style.display = 'block';
                    document.getElementsByTagName('video')[0].style.display = 'block';
                    document.getElementsByClassName('clsVideoGif')[0].style.display = 'none';
                }
            }
        }
    }

    if (document.getElementById('closeBtn')) {
        document.getElementById('closeBtn').addEventListener('click', function() {
            interactedImpression();
            var win = parent.window;
            if (win == null || !window['postMessage']) {} else
                win.postMessage("hide", "*");
        });
    }


    if (getUriParams.clickUrl !== undefined && getUriParams.clickUrl != '' && getUriParams.clickUrl != null && getUriParams.clickUrl != 'null') {
        if (document.getElementById('clickTag')) {
            var clickTag = getUriParams.clickmacro + getUriParams.clickUrl;
            document.getElementById('clickTag').setAttribute('href', clickTag);
        }

        if (document.getElementsByClassName('clicktag').length > 0) {
            var clicktags = document.getElementsByClassName('clicktag');

            for (i = 0; i < clicktags.length; i++) {
                clicktags[i].setAttribute('href', getUriParams.clickmacro + clicktags[i].getAttribute('href'));
            }
        }
    } else if (getUriParams.clickmacro !== undefined && getUriParams.clickmacro != '') {
        if (document.getElementById('clickTag')) {
            var clickTag = getUriParams.clickmacro + document.getElementById('clickTag').getAttribute('href');
            document.getElementById('clickTag').setAttribute('href', clickTag);
        }

        if (document.getElementsByClassName('clicktag').length > 0) {
            var clicktags = document.getElementsByClassName('clicktag');

            for (i = 0; i < clicktags.length; i++) {
                clicktags[i].setAttribute('href', getUriParams.clickmacro + clicktags[i].getAttribute('href'));
                clicktags[i].addEventListener('click', function() {
                    interactedImpression();
                    var xmlhttp = new XMLHttpRequest();
                    xmlhttp.onreadystatechange = function() {};
                    var params = 'refId=' + getUriParams.refId;
                    params += '&lineId=' + getUriParams.lId;
                    params += '&oId=' + getUriParams.oId;
                    params += '&cId=' + getUriParams.cId;
                    xmlhttp.open("POST", "https://adserve.2adpro.com/trackclicks", true);
                    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                    xmlhttp.send(params);
                });
            }
        }
    }

    if (document.getElementById('clickTag')) {
        document.getElementById('clickTag').addEventListener('click', function() {
            interactedImpression();
            var xmlhttp = new XMLHttpRequest();
            xmlhttp.onreadystatechange = function() {};
            var params = 'refId=' + getUriParams.refId;
            params += '&lineId=' + getUriParams.lId;
            params += '&oId=' + getUriParams.oId;
            params += '&cId=' + getUriParams.cId;
            xmlhttp.open("POST", "https://adserve.2adpro.com/trackclicks", true);
            xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
            xmlhttp.send(params);
        });
    }

    if (document.getElementsByClassName('expand').length > 0) {
        /*document.getElementsByClassName('expand')[0].setAttribute('onclick','');
			document.getElementsByClassName('expand')[0].addEventListener('click',function(){
				var win = parent.window;
	                	if (win == null || !window['postMessage']){}
        	        	else
                	   	win.postMessage("expand", "*");
			});*/
    }

    if (document.getElementsByClassName('close').length > 0) {
        document.getElementsByClassName('close')[0].setAttribute('onclick', '');
        document.getElementsByClassName('close')[0].addEventListener('click', function() {
            interactedImpression();
            var win = parent.window;
            if (win == null || !window['postMessage']) {} else
                win.postMessage("collapse", "*");
        });
    }



    if (document.getElementsByTagName('video').length > 0) {
        if (getUriParams.gifDisp == '1') {
            var videoGif = document.createElement('img');
            videoGif.setAttribute('style', 'margin:0 auto; position:relative; z-index:99999; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height:100%; width:100%;');
            videoGif.onload = function() {
                //gifPlayedStartTime = Date.now();
                //console.log("gifPlayedStartTime="+gifPlayedStartTime);
            }
            videoGif.setAttribute("class", "clsVideoGif");
            videoGif.onclick = function() {
                totalPlayedTime = (Date.now() - gifPlayedStartTime) / (3600);
                document.getElementsByTagName('video')[0].style.display = '';
                //parentElement.firstChild.setAttribute('onclick','');
                this.style.display = 'none';
                document.getElementById('myVideo').style.display = 'block';

                var el = document.getElementsByClassName("vidClk");
                //console.log(el);
                //console.log(el[0].href);
                console.log("gifPlayedTime=" + gifPlayedStartTime + '==' + Date.now() + '==' + totalPlayedTime);
                restartVideo(totalPlayedTime);
                //window.location = el[0].href;
                if (el[0].href)
                    window.open(el[0].href, '_blank');


            }
            videoGif_src = document.getElementsByTagName('source')[0].src;
            if (videoGif_src.indexOf('.mp4') != -1)
                videoGif_src = videoGif_src.replace('.mp4', '.gif');
            else if (videoGif_src.indexOf('.webm') != -1)
                videoGif_src = videoGif_src.replace('.webm', '.gif');

            videoGif.setAttribute('src', videoGif_src + "?t=" + Date.now());
            document.getElementsByTagName('video')[0].parentNode.insertBefore(videoGif, document.getElementsByTagName('video')[0]);
            document.getElementsByTagName('video')[0].style.display = 'none';
            gifPlayedStartTime = Date.now();

        }
        for (vCnt = 0; vCnt < document.getElementsByTagName('video').length; vCnt++) {

            document.getElementsByTagName('video')[vCnt].src = document.getElementsByTagName('video')[0].getElementsByTagName('source')[0].src;

            document.getElementsByTagName('video')[vCnt].load();
            document.getElementsByTagName('video')[vCnt].muted = true;
            document.getElementsByTagName('video')[vCnt].setAttribute('id', 'myVideo');
            document.getElementsByTagName('video')[vCnt].setAttribute('class', 'clsmyVideo');
            document.getElementsByTagName('video')[vCnt].setAttribute('class', 'video-js vjs-default-skin');

        }
        var prevPlayed = 0;

        var muted = true;

        for (vCnt = 0; vCnt < document.getElementsByTagName('video').length; vCnt++) {

            videojs(document.getElementsByTagName('video')[vCnt], {
                'width': '100%',
                'height': '100%'
            }).ready(function() {
                myPlayer = this;

                myPlayer.muted(true);
                document.getElementsByTagName('video')[vCnt].load();            
                document.getElementsByTagName('video')[vCnt].setAttribute('id', 'myVideo');
                document.getElementsByTagName('video')[vCnt].setAttribute('class', 'clsmyVideo');
                document.getElementsByTagName('video')[vCnt].setAttribute('class', 'video-js vjs-default-skin');
                document.getElementsByTagName('video')[vCnt].style.position = 'fixed !important';
                document.getElementsByTagName('video')[vCnt].parentNode.style.position = 'fixed !important';

                if (document.getElementById('closeBtn'))
                    document.getElementById('closeBtn').style.zIndex = '999999';

                myPlayer.on("pause", function(event) {
                    interactedImpression();
                    var xmlhttp = new XMLHttpRequest();
                    xmlhttp.onreadystatechange = function() {};
                    var params = 'refId=' + getUriParams.refId;
                    params += '&lineId=' + getUriParams.lId;
                    params += '&oId=' + getUriParams.oId;
                    params += '&cId=' + getUriParams.cId;
                    params += '&event=PAUSED';
                    params += '&interacted=' + interacted;
                    params += '&interactedTracked=' + interactedTracked;
                    xmlhttp.open("POST", "https://adserve.2adpro.com/trackuseractivity", true);
                    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                    xmlhttp.send(params);
                    interacted = 1;
                });

                myPlayer.on("play", function(event) {
                    var xmlhttp = new XMLHttpRequest();
                    xmlhttp.onreadystatechange = function() {};
                    var params = 'refId=' + getUriParams.refId;
                    params += '&lineId=' + getUriParams.lId;
                    params += '&oId=' + getUriParams.oId;
                    params += '&cId=' + getUriParams.cId;
                    params += '&event=PLAYED';
                    params += '&interacted=' + interacted;
                    params += '&interactedTracked=' + interactedTracked;
                    xmlhttp.open("POST", "https://adserve.2adpro.com/trackuseractivity", true);
                    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                    xmlhttp.send(params);
                    interactedTracked = 1;

                });

                myPlayer.on("volumechange", function(event) {
                    var isVolumeMuted = myPlayer.muted();

                    if (isVolumeMuted && muted) {
                        muted = true;
                        var xmlhttp = new XMLHttpRequest();
                        xmlhttp.onreadystatechange = function() {};
                        var params = 'refId=' + getUriParams.refId;
                        params += '&lineId=' + getUriParams.lId;
                        params += '&oId=' + getUriParams.oId;
                        params += '&cId=' + getUriParams.cId;
                        params += '&event=MUTEDON';
                        params += '&interacted=' + interacted;
                        params += '&interactedTracked=' + interactedTracked;
                        xmlhttp.open("POST", "https://adserve.2adpro.com/trackuseractivity", true);
                        xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                        xmlhttp.send(params);
                        interactedTracked = 1;
                    } else if (!isVolumeMuted && muted) {
                        muted = false;
                        interactedImpression();
                        var xmlhttp = new XMLHttpRequest();
                        xmlhttp.onreadystatechange = function() {};
                        var params = 'refId=' + getUriParams.refId;
                        params += '&lineId=' + getUriParams.lId;
                        params += '&oId=' + getUriParams.oId;
                        params += '&cId=' + getUriParams.cId;
                        params += '&event=MUTEDOFF';
                        params += '&interacted=' + interacted;
                        params += '&interactedTracked=' + interactedTracked;
                        xmlhttp.open("POST", "https://adserve.2adpro.com/trackuseractivity", true);
                        xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                        xmlhttp.send(params);
                        interactedTracked = 1;
                    }
                });

                prevTime = 0;

                myPlayer.on("timeupdate", function(event) { //chrome fix
                    played = (((this.currentTime() / this.duration())) * 100);

                    if (prevTime != 0 && this.currentTime < prevTime) {
                        prevPlayed = duration;
                        var xmlhttp = new XMLHttpRequest();
                        xmlhttp.onreadystatechange = function() {};
                        var params = 'refId=' + getUriParams.refId;
                        params += '&lineId=' + getUriParams.lId;
                        params += '&oId=' + getUriParams.oId;
                        params += '&cId=' + getUriParams.cId;
                        params += '&event=REWIND';
                        params += '&interacted=' + interacted;
                        params += '&interactedTracked=' + interactedTracked;
                        xmlhttp.open("POST", "https://adserve.2adpro.com/trackuseractivity", true);
                        xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                        xmlhttp.send(params);
                        interactedTracked = 1;

                    }

                    prevTime = this.currentTime;

                    var duration = 0;
                    if (prevPlayed == 75 && played < 25)
                        duration = 100;
                    if (played > 75 && played <= 100)
                        duration = 75;
                    else if (played > 50 && played <= 75)
                        duration = 50;
                    else if (played > 25 && played <= 50)
                        duration = 25;

                    if (duration != 0 && duration != prevPlayed) {
                        prevPlayed = duration;
                        var xmlhttp = new XMLHttpRequest();
                        xmlhttp.onreadystatechange = function() {};
                        var params = 'refId=' + getUriParams.refId;
                        params += '&lineId=' + getUriParams.lId;
                        params += '&oId=' + getUriParams.oId;
                        params += '&cId=' + getUriParams.cId;
                        params += '&interacted=' + interacted;
                        params += '&interactedTracked=' + interactedTracked;
                        params += '&dur=' + duration;
                        params += '&allPlayed=' + played100;
                        xmlhttp.open("POST", "https://adserve.2adpro.com/trackvideoplayed?dur" + duration, true);
                        xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                        xmlhttp.send(params);

                    }
                });

                myPlayer.on("ended", function(event) { //chrome fix
                    played = (((this.currentTime() / this.duration())) * 100);

                    var duration = 100;

                    var xmlhttp = new XMLHttpRequest();
                    xmlhttp.onreadystatechange = function() {};
                    var params = 'refId=' + getUriParams.refId;
                    params += '&lineId=' + getUriParams.lId;
                    params += '&oId=' + getUriParams.oId;
                    params += '&cId=' + getUriParams.cId;
                    params += '&dur=' + duration;
                    params += '&interacted=' + interacted;
                    params += '&interactedTracked=' + interactedTracked;
                    params += '&allPlayed=' + played100;
                    xmlhttp.open("POST", "https://adserve.2adpro.com/trackvideoplayed?dur" + duration, true);
                    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                    xmlhttp.send(params);
                    played100 = 1;
                });
            }, 'sync');

        }
    }

    //Begin Orientation change functions here

    function doOnOrientationChange() {
        return;
        videojs(document.getElementsByTagName('video')[0], {
            'width': '100%',
            'height': '100%'
        }).ready(function() {

            myPlayer = this;

            myPlayer.muted(true);
            document.getElementsByTagName('video')[0].setAttribute('id', 'myVideo');
            document.getElementsByTagName('video')[0].setAttribute('class', 'clsmyVideo');
            document.getElementsByTagName('video')[0].setAttribute('class', 'video-js vjs-default-skin');
            document.getElementsByTagName('video')[0].style.position = 'fixed !important';
            document.getElementsByTagName('video')[0].parentNode.style.position = 'fixed !important';

            myPlayer.on("pause", function(event) {

                var xmlhttp = new XMLHttpRequest();
                xmlhttp.onreadystatechange = function() {};
                var params = 'refId=' + getUriParams.refId;
                params += '&lineId=' + getUriParams.lId;
                params += '&oId=' + getUriParams.oId;
                params += '&cId=' + getUriParams.cId;
                params += '&event=PAUSED';
                params += '&interacted=' + interacted;
                params += '&interactedTracked=' + interactedTracked;
                xmlhttp.open("POST", "https://adserve.2adpro.com/trackuseractivity", true);
                xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                xmlhttp.send(params);
                interactedTracked = 1;
            });

            myPlayer.on("play", function(event) {

                var xmlhttp = new XMLHttpRequest();
                xmlhttp.onreadystatechange = function() {};
                var params = 'refId=' + getUriParams.refId;
                params += '&lineId=' + getUriParams.lId;
                params += '&oId=' + getUriParams.oId;
                params += '&cId=' + getUriParams.cId;
                params += '&event=PLAYED';
                params += '&interacted=' + interacted;
                params += '&interactedTracked=' + interactedTracked;
                xmlhttp.open("POST", "https://adserve.2adpro.com/trackuseractivity", true);
                xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                xmlhttp.send(params);
                interactedTracked = 1;
            });

            myPlayer.on("volumechange", function(event) {
                var isVolumeMuted = myPlayer.muted();

                if (isVolumeMuted && muted) {
                    muted = true;
                    var xmlhttp = new XMLHttpRequest();
                    xmlhttp.onreadystatechange = function() {};
                    var params = 'refId=' + getUriParams.refId;
                    params += '&lineId=' + getUriParams.lId;
                    params += '&oId=' + getUriParams.oId;
                    params += '&cId=' + getUriParams.cId;
                    params += '&event=MUTED';
                    params += '&interacted=' + interacted;
                    params += '&interactedTracked=' + interactedTracked;
                    xmlhttp.open("POST", "https://adserve.2adpro.com/trackuseractivity", true);
                    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                    xmlhttp.send(params);
                    interactedTracked = 1;
                } else if (!isVolumeMuted && muted) {
                    muted = false;
                    var xmlhttp = new XMLHttpRequest();
                    xmlhttp.onreadystatechange = function() {};
                    var params = 'refId=' + getUriParams.refId;
                    params += '&lineId=' + getUriParams.lId;
                    params += '&oId=' + getUriParams.oId;
                    params += '&cId=' + getUriParams.cId;
                    params += '&event=MUTEOFF';
                    params += '&interacted=' + interacted;
                    params += '&interactedTracked=' + interactedTracked;
                    xmlhttp.open("POST", "https://adserve.2adpro.com/trackuseractivity", true);
                    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                    xmlhttp.send(params);
                    interactedTracked = 1;
                }
            });

            myPlayer.on("timeupdate", function(event) { //chrome fix
                played = (((this.currentTime() / this.duration())) * 100);

                var duration = 0;
                if (prevPlayed == 75 && played < 25)
                    duration = 100;
                if (played > 75 && played <= 100)
                    duration = 75;
                else if (played > 50 && played <= 75)
                    duration = 50;
                else if (played > 25 && played <= 50)
                    duration = 25;

                if (duration != 0 && duration != prevPlayed) {
                    prevPlayed = duration;
                    var xmlhttp = new XMLHttpRequest();
                    xmlhttp.onreadystatechange = function() {};
                    var params = 'refId=' + getUriParams.refId;
                    params += '&lineId=' + getUriParams.lId;
                    params += '&oId=' + getUriParams.oId;
                    params += '&cId=' + getUriParams.cId;
                    params += '&dur=' + duration;
                    params += '&interacted=' + interacted;
                    params += '&interactedTracked=' + interactedTracked;
                    params += '&allPlayed=' + played100;
                    xmlhttp.open("POST", "https://adserve.2adpro.com/trackvideoplayed?dur" + duration, true);
                    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                    xmlhttp.send(params);
                }
            });


            myPlayer.on("ended", function(event) { //chrome fix
                played = (((this.currentTime() / this.duration())) * 100);

                var duration = 100;

                var xmlhttp = new XMLHttpRequest();
                xmlhttp.onreadystatechange = function() {};
                var params = 'refId=' + getUriParams.refId;
                params += '&lineId=' + getUriParams.lId;
                params += '&oId=' + getUriParams.oId;
                params += '&cId=' + getUriParams.cId;
                params += '&dur=' + duration;
                params += '&interacted=' + interacted;
                params += '&interactedTracked=' + interactedTracked;
                params += '&allPlayed=' + played100;
                xmlhttp.open("POST", "https://adserve.2adpro.com/trackvideoplayed?dur" + duration, true);
                xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                xmlhttp.send(params);
                played100 = 1;
            });
        }, 'sync');

    }

    window.addEventListener('orientationchange', doOnOrientationChange);

    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {};
    var params = 'refId=' + getUriParams.refId;
    params += '&lineId=' + getUriParams.lId;
    params += '&oId=' + getUriParams.oId;
    params += '&cId=' + getUriParams.cId;
    params += '&referer=' + getUriParams.referer;

    xmlhttp.open("POST", "https://adserve.2adpro.com/trackimpressions", true);
    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xmlhttp.send(params);

    window.mousefileteraction = 0;

    setTimeout(function() {
        var flex_next = document.getElementsByClassName('swiper-button-next');

        for (var i = 0; i < flex_next.length; i++) {
            flex_next[i].removeEventListener("click", function() {
                loadMultiCreative('slideNextClick')
            }, true);
            flex_next[i].addEventListener("click", function() {
                loadMultiCreative('slideNextClick')
            }, true);
        }

        var flex_prev = document.getElementsByClassName('swiper-button-prev');

        for (var i = 0; i < flex_prev.length; i++) {
            flex_prev[i].removeEventListener("click", function() {
                loadMultiCreative('slidePreviousClick');
            }, true);
            flex_prev[i].addEventListener("click", function() {
                loadMultiCreative('slidePreviousClick');
            }, true);
        }

        loadMultiCreative('slideImpression');
        mousefileteraction = 1;

    }, 3000);

    setTimeout(function() {

        var img = '';
        var params = '';
        var screenshotstatus = getUriParams.screenshotstatus;
        if (screenshotstatus == 'false') {
            alert("beforecalling ..");
            console.log("beforecalling ..")
            html2canvas(document.body, {
                allowTaint: true,
                logging: true,
                onrendered: function(canvas) {
                    img = canvas.toDataURL("image/png");
                    document.body.appendChild(canvas);
                    var xmlhttp = new XMLHttpRequest();
                    xmlhttp.onreadystatechange = function() {
                        if (xmlhttp.readyState >= 4) {
                            0
                            var win = parent.window;
                            if (win == null || !window['postMessage']) {} else
                                win.postMessage("screenshot", "*");
                        }
                    };
                    params = 'image=' + img;
                    params += '&lineId=' + getUriParams.lId;
                    params += '&oId=' + getUriParams.oId;
                    params += '&cId=' + getUriParams.cId;
                    params += '&filename=' + getUriParams.oId + '_' + getUriParams.lId + '_' + getUriParams.cId + '.png';
                    xmlhttp.open("POST", "https://adserve.2adpro.com/trackScreenshot", true);
                    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                    xmlhttp.send(params);
                }
            });
        }

    }, 15000);

    if (document.getElementById('floatexpand') != undefined) {
        document.getElementById('closeBtn').addEventListener('click', function() {
            interactedImpression();
            postWinMessage('hide');
        });
        document.getElementById('floatcollapse').addEventListener('click', function() {
            interactedImpression();
            postWinMessage('show');
        });
    }
}

window.addEventListener('load', setClickMacro, false);

var htmltocanvasjs = document.createElement('script');
//htmltocanvasjs.src = "https://adserve.2adpro.com/js/html2canvas.js";
htmltocanvasjs.src = "https://duy5ah2zvkf4r.cloudfront.net/html2canvas.js";
document.getElementsByTagName('head')[0].appendChild(htmltocanvasjs);

document.onreadystatechange = function() {
    var state = document.readyState
    if (state == 'interactive') {
        if (document.getElementsByTagName('video').length > 0) {
            window.VIDEOJS_NO_BASE_THEME = false;
            document.VIDEOJS_NO_BASE_THEME = false;
            var link = document.createElement('link');
            link.href = "https://adserve.2adpro.com/js/video-js.css";
            link.setAttribute('rel', "stylesheet");
            document.getElementsByTagName('head')[0].appendChild(link);

            window.VIDEOJS_NO_BASE_THEME = false;
            var videojslink = document.createElement('script');
            //videojslink.src = "https://adserve.2adpro.com/js/video.js";
            videojslink.src = "https://d1qte8nne47o9d.cloudfront.net/video.js";
            document.getElementsByTagName('head')[0].appendChild(videojslink);
        }
    } else if (state == 'complete') {}
};

function loadMultiCreative(action) {
    var li = document.querySelectorAll(".slides li");

    for (var i = 0, length = li.length; i < length; i++) {
        console.log("!!!!------mousefileteraction - " + mousefileteraction);

        if (mousefileteraction == 0) {
            li[i].removeEventListener("mouseenter", function() {
                console.log("mouseenter hapening");
                loadMultiCreative('slideMouseOver');
            }, false);
            li[i].addEventListener("mouseenter", function() {
                console.log("mouseenter hapening");
                loadMultiCreative('slideMouseOver');
            }, false);
            li[i].removeEventListener("click", function() {
                loadMultiCreative('slideClick');
            }, false);
            li[i].addEventListener("click", function() {
                loadMultiCreative('slideClick');
            }, false);
        }

        if (li[i].classList.contains("swiper-slide-active")) {
            var totallen = li[i].children.length;

            for (j = 0; j < totallen; j++) {
                if (li[i].children[j].getAttribute('category')) {
                    var category = li[i].children[j].getAttribute('category');
                    postHttpData(category, action);
                }
            }
        }
    }
}

function postHttpData(category, action) {
    console.log("category value with action = " + category + ", " + action);
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {};
    var params = 'refId=' + getUriParams.refId;
    params += '&lineId=' + getUriParams.lId;
    params += '&oId=' + getUriParams.oId;
    params += '&cId=' + getUriParams.cId;
    params += '&referer=' + getUriParams.referer;
    params += '&category=' + category;
    params += '&trackaction=' + action;
    xmlhttp.open("POST", "https://adserve.2adpro.com/trackMultiImpressions", true);
    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xmlhttp.send(params);
}

function startVideo() {
    interacted = 0;
    if (document.getElementsByTagName('canvas').length > 0) {
        var canvas = document.getElementsByTagName('canvas')[0];
        var context = canvas.getContext('2d');
        //context.clearRect(0,0,canvas.width,canvas.height);
    }

    if (document.getElementsByTagName('video').length > 0) {
        document.getElementsByTagName('video')[0].play();
    }

    if (document.getElementById('mute')) {
        // document.getElementById('mute').style.display = 'block';
        // document.getElementById('unmute').style.display = 'none';
    }
    if (interacted == 2 || interacted == 0)
        interactedTracked = 0;
    interacted = 1;
}

function restartVideo(seekTime) {
    interacted = 0;
    document.getElementsByTagName('video')[0].load();
    document.getElementsByTagName('video')[0].play();
    if (seekTime !== undefined) {
        document.getElementsByTagName('video')[0].currentTime = seekTime;
    }
    //document.getElementsByTagName('video')[0].muted=false;

    if (document.getElementById('mute')) {
        // document.getElementById('mute').style.display = 'block';
        // document.getElementById('unmute').style.display = 'none';
    }
    interacted = 1;
}

function stopVideo() {
    interacted = 0;
    document.getElementsByTagName('video')[0].pause();
    document.getElementsByTagName('video')[0].muted = true;

    if (document.getElementById('mute')) {
        document.getElementById('mute').style.display = 'none';
        document.getElementById('unmute').style.display = 'block';
    }
    interacted = 1;
}

function hideCreative() {
    var win = parent.window;
    if (win == null || !window['postMessage']) {} else
        win.postMessage("hide", "*");

    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {};
    var params = 'refId=' + getUriParams.refId;
    params += '&lineId=' + getUriParams.lId;
    params += '&oId=' + getUriParams.oId;
    params += '&cId=' + getUriParams.cId;
    params += '&event=HIDE';
    params += '&interacted=' + interacted;
    params += '&interactedTracked=' + interactedTracked;
    xmlhttp.open("POST", "https://adserve.2adpro.com/trackuseractivity", true);
    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xmlhttp.send(params);
    interactedTracked = 1;
}

function displayCreative() {
    var win = parent.window;
    if (win == null || !window['postMessage']) {} else
        win.postMessage("show", "*");

    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {};
    var params = 'refId=' + getUriParams.refId;
    params += '&lineId=' + getUriParams.lId;
    params += '&oId=' + getUriParams.oId;
    params += '&cId=' + getUriParams.cId;
    params += '&event=SHOW';
    params += '&interacted=' + interacted;
    params += '&interactedTracked=' + interactedTracked;
    xmlhttp.open("POST", "https://adserve.2adpro.com/trackuseractivity", true);
    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xmlhttp.send(params);
}

function triggerClickTrack(clickUrl) {
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {};
    var params = 'refId=' + getUriParams.refId;
    params += '&lineId=' + getUriParams.lId;
    params += '&oId=' + getUriParams.oId;
    params += '&cId=' + getUriParams.cId;
    xmlhttp.open("POST", "https://adserve.2adpro.com/trackclicks", true);
    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xmlhttp.send(params);

    if (getUriParams.clickmacro !== undefined)
        window.open(getUriParams.clickmacro + clickUrl);
    else
        window.open(clickUrl);
}

function postWinMessage(message) {
    var win = parent.window;
    if (win == null || !window['postMessage']) {} else
        win.postMessage(message, "*");
}

function ReceiveMessage(evt) {
        if (document.getElementsByTagName('video').length > 0) {
            if (evt.data == 'start')
                startVideo();
            else if (evt.data == 'stop')
                stopVideo();
            else if (evt.data == 'restart')
                restartVideo();
            else if (evt.data == 'init')
                restartVideo();
        }
    } // End Function ReceiveMessage


if (!window['postMessage']) {} else {
    if (window.addEventListener) {
        // For standards-compliant web browsers (ie9+)
        window.addEventListener("message", ReceiveMessage, false);
    } else {
        //alert("not standards-compliant (ie8)");
        window.attachEvent("onmessage", ReceiveMessage);
    }
}

function resizeCanvas(width, height) {
    document.getElementsByTagName('canvas')[0].width = width;
    document.getElementsByTagName('canvas')[0].height = height;
}

window.addEventListener('load', function() {
    window.postWinMessage("showclose", "*");
});

var srcCarousel = document.createElement('script');
srcCarousel.type = "application/javascript";
var scriptTxt = document.createTextNode("window.addEventListener('load', function(){if (typeof mySwiper != 'undefined') {mySwiper.on('slideChange', function (){loadMultiCreative('slideImpression');});}else if (typeof swiper != 'undefined') {swiper.on('slideChange', function (){loadMultiCreative('slideImpression');});};});");
srcCarousel.appendChild(scriptTxt);
if (document.getElementsByClassName('slides').length > 0) {
    document.body.appendChild(srcCarousel);
}