var widgetID = "JcPlsjO",
        showPops = "akla_YES",
        akla_main_radio_value = "akla_another_page_radio",
        akla_use_storage = "on",
        akla_isit = "nothing",
        cookieName = 'aklaVideoFloatWidget',
        video_float_akla_alerted = false;
        
        var aklaVideoFloatCookie = getCookie(cookieName);



            if (!this.showPops) {
                this.showPops = "notset-sp";
            }

            var akla_cookie_check = false;
            if (akla_use_storage == "on") {
                var videofloatshow = false;
                //we are checking cookies!
                var aklacookieakla = 'all';
                if(aklacookieakla == 'new')
                {
                    if (aklaVideoFloatCookie == null)
                    {
                        akla_cookie_check = true;
                        videofloatshow = true;
                        setItem(cookieName, "old");
                    }
                }
                else {
                videofloatshow = true;
                    if (aklacookieakla == 'returning') {
                        if (aklaVideoFloatCookie == null) {
                            akla_cookie_check = true;
                            videofloatshow = false;

                        }                      
                    }
                  setItem(cookieName, "old");
                }                           
            }
            else {
                akla_cookie_check = true;
            }

            if (this.showPops == "akla_NO") {
                this.showPopsFilter = "dontshow";
            }
            else {
                this.showPopsFilter = "show";
            }

                /**
                 * Determine the mobile operating system.
                 * This function returns one of 'iOS', 'Android', 'Windows Phone', or 'unknown'.
                 *
                 * @returns {String}
                 */
                function getOperatingSystem() {
                    var userAgent = navigator.userAgent || navigator.vendor || window.opera;

                    // Windows Phone must come first because its UA also contains "Android"
                    if (/windows phone/i.test(userAgent)) {
                        return "windowsphone";
                    }

                    if (/android/i.test(userAgent)) {
                        return "android";
                    }

                    // iOS detection from: http://stackoverflow.com/a/9039885/177710
                    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
                        return "ios";
                    }

                    return "nonmobile";
                }
                if ("all"!="all" && getOperatingSystem() != "all" )
                {
                    video_float_akla_alerted = true;
                    if ("all"=="mobile" && getOperatingSystem()!="nonmobile") { video_float_akla_alerted = false;}
                }
                
                

                var url = window.location.href;
                var video_float_show_url_include=true;
                if ("" != "")
                {
                    video_float_show_url_include=false;
                    if (url.indexOf("")>= 0)
                    {
                        video_float_show_url_include=true;
                    }
                }
                var video_float_show_url_exclude=true;
                var videofloatexclude = "";
                if (videofloatexclude != "")
                {   video_float_show_url_exclude=true;
                    if (url.indexOf(videofloatexclude)>= 0)
                    {
                        video_float_show_url_exclude=false

                    }
                }
                var video_float_show_trafficesource = true;
                if ("all" != 'all')
                {
                     video_float_show_trafficesource = false;
                    if ("all" == 'adwords')
                    {
                        if (url.indexOf('?gclid')>= 0)
                        {
                            video_float_show_trafficesource=true;
                        }
                    }
                    if ("all" == 'fb')
                    {
                        if (url.indexOf('source=facebook')>= 0)
                        {
                            video_float_show_trafficesource=true;
                        }
                    }
                    if ("all" == 'organic')
                    {
                        if (url.indexOf('')>= 0)
                        {
                            video_float_show_trafficesource=true;
                        }
                    }
                }
                var video_float_disable = true;
                if("landing" == 'disable')
                {
                    video_float_disable = false;
                }
                
              
               
                video_float_akla_alerted = video_float_akla_alerted || !(videofloatshow  && video_float_show_trafficesource && video_float_show_url_exclude && video_float_show_url_include && video_float_disable);


 
        
        function getCookie(cname) {
    var name = cname + "=";
    var decodedCookie = decodeURIComponent(document.cookie);
    var ca = decodedCookie.split(';');
    for(var i = 0; i <ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') {
            c = c.substring(1);
        }
        if (c.indexOf(name) == 0) {
            return c.substring(name.length, c.length);
        }
    }
    return null;
}
        
        function getItem (sKey) {
            if (!sKey) {
                return null;
            }
            return decodeURIComponent(document.cookie.replace(new RegExp("(?:(?:^|.*;)\s*" + encodeURIComponent(sKey).replace(/[\-\.\+\*]/g, "\$&") + "\s*\=\s*([^;]*).*$)|^.*$"), "$1")) || null;
        }
        
        function setItem (cname, cvalue) {
            var d = new Date();
            d.setTime(d.getTime() + (1 * 24 * 60 * 60 * 1000));
            var expires = "expires=" + d.toUTCString();
            var domain = url_domain(window.location.href);
            document.cookie = cname + "=" + cvalue + ";" + expires + ";domain=" + domain + ";path=/";

        }
        
        function url_domain (data) {
            var a = document.createElement('a');
            a.href = data;

            var hostname = a.hostname;

            if (hostname.indexOf("127") > -1)
                return hostname;

            return "." + hostname;
        }
        
        function hasItem (sKey) {
            if (!sKey) {
                return false;
            }
            return (new RegExp("(?:^|;\s*)" + encodeURIComponent(sKey).replace(/[\-\.\+\*]/g, "\$&") + "\s*\=")).test(document.cookie);
        }
    
    if(video_float_akla_alerted == false)
            {
            var aklaVFstyle = document.createElement("link");
            aklaVFstyle.rel = "stylesheet";
            aklaVFstyle.href = "https://cdn.aklamator.com/css/videofloat2.css";
            aklaVFstyle.type = "text/css";
            document.getElementsByTagName("head")[0].appendChild(aklaVFstyle);
            
            var akla_video = document.createElement('div');
                    akla_video.id = 'akla_window';
                    }if(video_float_akla_alerted == false)
            {
            akla_video.innerHTML = '<div id="closed_video" class="bottom_right_closed_video">    <div id="akla_video_closed" class="bottom_right_akla-video_closed akla-video_closed"><div class="akla-video_closed_after"></div></div></div>    <div id="open_video" class="bottom_right_position_window window_size change_size change_window">    <div id="back_window" class="backdivright aklabackground">    <div id="youtube_video" class="fullvideo">    <div id="video_is_here" class="fullvideo" style="margin:0;"></div>    </div></div>    <div id="front_window" class="logo_divright"><div id="aklavf_logo"> <img id="aklavf_logo" style="z-index: 999; opacity:1; width: 100%;" src="https://cdn.aklamator.com/images/frontend/gallery/aklamator220x220defaultEN.jpg"/></div> </div>  <div id="front_window_video" class="controldivright">    <div id="video_controls" class="right_video_controls">    <iron-icon id="akla_video_pause" class="akla-video_pause style-scope" icon="akla-icons:pause"><svg viewBox="0 0 48 49" preserveAspectRatio="xMidYMid meet" focusable="false" style="pointer-events: none; display: block; width: 100%; height: 100%;" class="style-scope iron-icon">  <g viewBox="0 0 48 49" transform="translate(0 .237)" fill="none" fill-rule="evenodd" class="style-scope iron-icon">      <circle fill="#fff" cx="24" cy="24" r="24"class="style-scope iron-icon"></circle>     <path fill="#f00" d="M16.188 12.312h4.875v23.632h-4.875zm10.75 0h4.875v23.632h-4.875z"class="style-scope iron-icon"></path>    </g>    </svg>    </iron-icon>    <iron-icon id ="akla_video_play" class="akla-video_play style-scope" icon="akla-icons:play">  <svg viewBox="0 0 48 49" preserveAspectRatio="xMidYMid meet" focusable="false"style="pointer-events: none; display: block; width: 100%; height: 100%;"class="style-scope iron-icon"> <g viewBox="0 0 48 49" transform="translate(0 .237)" fill="none"fill-rule="evenodd" class="style-scope iron-icon"> <circle fill="#fff" cx="24" cy="24" r="24"class="style-scope iron-icon"></circle> <path fill="#f00" d="M35.748 24l-18.7 11.688V12.312"class="style-scope iron-icon"></path> </g> </svg> </iron-icon>    <iron_icon id="akla_video_minify" class="akla-video_minify style-scope"><svg viewBox="0 0 48 49" preserveAspectRatio="xMidYMid meet" focusable="false"style="pointer-events: none; display: block; width: 100%; height: 100%;"class="style-scope iron-icon"> <g viewBox="0 0 48 49" class="style-scope iron-icon"> <circle fill="#fff" cx="24" cy="24" r="24"class="style-scope iron-icon"></circle> <g fill="#ff0f00" class="style-scope iron-icon"> <path d="M23.285 26.523l-9.428 9.428-1.886-1.885 9.43-9.428zM35.95 12.856l-9.427 9.428-1.886-1.886 9.428-9.428z"class="style-scope iron-icon"></path> <path d="M23.973 20.322h12v2.667h-12z"class="style-scope iron-icon"></path> <path d="M26.59 10.94v12h-2.666v-12z"class="style-scope iron-icon"></path> <path d="M23.634 26.327h-12V23.66h12z"class="style-scope iron-icon"></path> <path d="M21.015 35.707v-12h2.667v12z"class="style-scope iron-icon"></path> </g> </g> </svg>    </iron_icon>    <iron-icon id="akla_video_expand" class="akla-video_expand style-scope" icon="akla-icons:expand"> <svg viewBox="0 0 49 49" preserveAspectRatio="xMidYMid meet" focusable="false" style="pointer-events: none; display: block; width: 100%; height: 100%;"class="style-scope iron-icon"> <g viewBox="0 0 49 49" transform="translate(.5 .5)" fill="none"fill-rule="evenodd" class="style-scope iron-icon"> <circle fill="#fff" cx="24" cy="24" r="24"class="style-scope iron-icon"></circle> <g fill="#ff0f00" class="style-scope iron-icon"> <path d="M24.285 25.523l-9.428 9.428-1.886-1.885 9.43-9.428zM34.95 14.856l-9.427 9.428-1.886-1.886 9.428-9.428z"class="style-scope iron-icon"></path> <path d="M12.357 32.956h12v2.667h-12z"class="style-scope iron-icon"></path> <path d="M14.976 23.576v12H12.31v-12z"class="style-scope iron-icon"></path> <g class="style-scope iron-icon"> <path d="M36.384 14.452h-12v-2.667h12z"class="style-scope iron-icon"></path> <path d="M33.766 23.832v-12h2.667v12z"class="style-scope iron-icon"></path> </g> </g> </g> </svg>   </iron-icon>     <iron-icon id="akla_video_mute" class="akla-video_mute style-scope" icon="akla-icons:mute"> <svg viewBox="0 0 49 49" preserveAspectRatio="xMidYMid meet" focusable="false" style="pointer-events: none; display: block; width: 100%; height: 100%;" class="style-scope iron-icon">  <g viewBox="0 0 49 49" fill="none" fill-rule="evenodd" class="style-scope iron-icon"> <path d="M17.26 22.085h-4.165v4.33h4.165c.184.005.36.074.5.195l4.665 4.05V17.84l-4.665 4.05c-.14.12-.316.19-.5.195z" stroke="#f00" stroke-width="3.5" fill="#f00" fill-rule="nonzero" class="style-scope iron-icon"></path> <path d="M24.5.25c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24c0-6.365-2.53-12.47-7.03-16.97C36.97 2.78 30.866.25 24.5.25zm-.46 32.155c0 .312-.184.595-.468.723-.285.128-.618.078-.852-.128l-5.76-5h-4.665c-.437 0-.792-.353-.795-.79v-5.92c.003-.437.358-.79.795-.79h4.665l5.76-5c.235-.207.57-.256.854-.127.285.13.467.414.466.727v16.305z" fill="#fff" fill-rule="nonzero"class="style-scope iron-icon"></path> <path d="M26.705 27.68c-.377 0-.702-.265-.78-.634-.075-.37.12-.742.465-.89.74-.317 1.22-1.046 1.215-1.85v-.116c.004-.81-.482-1.543-1.23-1.855-.262-.112-.444-.354-.478-.637-.034-.282.085-.562.312-.732.227-.17.528-.208.79-.096 1.347.614 2.21 1.96 2.205 3.44-.005 1.446-.873 2.75-2.205 3.31-.093.04-.193.063-.295.065v-.005z" fill="#f00" class="style-scope iron-icon"></path>  <path d="M28.45 31.425c-.36-.016-.663-.272-.74-.623-.078-.352.09-.71.41-.877 2.21-1.014 3.628-3.22 3.635-5.65-.004-2.434-1.423-4.644-3.635-5.66-.4-.184-.576-.657-.393-1.057.184-.4.658-.577 1.058-.393 2.77 1.274 4.552 4.04 4.565 7.09-.003 3.058-1.785 5.835-4.565 7.11-.106.046-.22.068-.335.065v-.005z" fill="#f00" class="style-scope iron-icon"></path> <path d="M37.5 24.38c-.08 4.613-2.784 8.776-6.965 10.725-.258.12-.56.093-.793-.07-.233-.165-.36-.44-.335-.724.025-.282.2-.53.458-.65 3.68-1.686 6.04-5.362 6.04-9.41s-2.36-7.724-6.04-9.41c-.258-.12-.433-.368-.458-.65-.026-.285.102-.56.335-.724.233-.164.535-.19.793-.07 4.183 1.95 6.887 6.115 6.965 10.73v.254z" fill="#f00" class="style-scope iron-icon"></path> </g> </svg>    </iron-icon>    <iron-icon id="akla_video_unmute" class="akla-video_unmute style-scope" icon="akla-icons:unmute"><svg viewBox="0 0 49 49" preserveAspectRatio="xMidYMid meet" focusable="false" style="pointer-events: none; display: block; width: 100%; height: 100%;" class="style-scope iron-icon"> <g viewBox="0 0 49 49" class="style-scope iron-icon"> <path d="M17.26 22.086h-4.165v4.33h4.165c.184.005.36.074.5.195l4.665 4.05V17.84l-4.665 4.05c-.14.122-.316.19-.5.196z" stroke="#f00" stroke-width="3.5" fill="#f00" fill-rule="nonzero" class="style-scope iron-icon"></path>  <path d="M24.5.25c-13.255 0-24 10.746-24 24 0 13.256 10.745 24 24 24s24-10.744 24-24c0-6.364-2.53-12.47-7.03-16.97C36.97 2.78 30.866.25 24.5.25zm-.46 32.156c0 .312-.184.595-.468.723-.285.127-.618.077-.852-.13l-5.76-5h-4.665c-.437 0-.792-.352-.795-.79v-5.92c.003-.436.358-.79.795-.79h4.665l5.76-5c.235-.206.57-.255.854-.126.285.13.467.414.466.727v16.306z" fill="#fff" fill-rule="nonzero"class="style-scope iron-icon"></path> <g fill="#ff0f00" class="style-scope iron-icon"> <path d="M37.353 20.968l-8.485 8.485-1.886-1.885 8.485-8.486z"class="style-scope iron-icon"></path> <path d="M35.468 29.453l-8.485-8.485 1.886-1.886 8.484 8.485z"class="style-scope iron-icon"></path> </g> </g> </svg>    </iron-icon> <iron-icon id="akla_video_close" class="akla-video_close style-scope" icon="akla-icons:close"> <svg viewBox="0 0 49 49" preserveAspectRatio="xMidYMid meet" focusable="false" style="pointer-events: none; display: block; width: 100%; height: 100%;"class="style-scope iron-icon"> <g viewBox="0 0 49 49" transform="translate(.5 .5)" fill="none"fill-rule="evenodd" class="style-scope iron-icon"> <circle fill="#fff" cx="24" cy="24" r="24"class="style-scope iron-icon"></circle> <g fill="#ff0f00" class="style-scope iron-icon"> <path d="M34.868 14.915l-20.39 20.39-1.885-1.887 20.39-20.39z"class="style-scope iron-icon"></path> <path d="M32.983 35.304l-20.39-20.39 1.886-1.885 20.39 20.388z"class="style-scope iron-icon"></path> </g> </g> </svg>    </iron-icon> </div></div></div>';
            }if(video_float_akla_alerted == false)
            {document.body.appendChild(akla_video);
                var tag = document.createElement('script');
                tag.src = "https://www.youtube.com/iframe_api";
                var firstScriptTag = document.getElementsByTagName('script')[0];
                firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);}if(video_float_akla_alerted == false)
            {var player; var brojac = 0;
              var YTConfig = {'host': 'https://www.youtube.com'};
                function onYouTubeIframeAPIReady() {
                brojac =0;
                player = new YT.Player('video_is_here', {
                videoId: 'xn2wNABlOl8',
                playerVars: {
                'controls': 0,
                'rel': 0,
                'playsinline' : 1,
                'autoplay': 1
                },
                events: {
                'onReady': onPlayerReady,
                'onStateChange' : onPlayerStateChange
                }
                });
                }
                var ytloaded = false;
                function onPlayerStateChange(event) {
                if (brojac == 0)
                {
                ytloaded = true;
                switch(event.data) {
                case 0:
                player.loadPlaylist({
                    listType: 'playlist',
                    playlist: ['NA_yWJneYkI'],
                    index: 0
             });
                player.setShuffle(true);
                player.setLoop(true);
                brojac =1;
                break;
                }
                }
                }
                }if(video_float_akla_alerted == false)
            {
            var aklavideostate = 'paused'; 
            function onPlayerReady(event) {event.target.playVideo(); player.mute(); aklavideostate = 'played'; }
            var pplay = document.getElementById('akla_video_play');
            var ppause = document.getElementById('akla_video_pause');
            var pmute = document.getElementById('akla_video_mute');
            var punmute = document.getElementById('akla_video_unmute');
            var pclose = document.getElementById('akla_video_close');
            var pminify = document.getElementById('akla_video_minify');
            var pexpand = document.getElementById('akla_video_expand');
            
            var popen = document.getElementById('open_video');
            var pclosed = document.getElementById('akla_video_closed');
            var frontlogo = document.getElementById('front_window');
            var backwindow = document.getElementById('back_window');
            
            var pchangesize = document.getElementsByClassName('change_size');
            var pchangewindow = document.getElementsByClassName('change_window');
            var pchangevideo = document.getElementsByClassName('change_video');
            
            
            
            
            function aklaVFshowhide(show, hide, action)
            {
                action;
                hide.style.display = 'none';
                show.style.display = 'inline-flex';
                
            }
            
            ppause.addEventListener("click", function(){
            
                player.pauseVideo();
                ppause.style.display = 'none';
                pplay.style.display = 'inline-flex';
                aklavideostate = 'paused';  
            }, false);
            
            pplay.addEventListener("click", function(){
                player.playVideo();
                pplay.style.display = 'none';
                ppause.style.display = 'inline-flex'; 
                aklavideostate = 'played';
            }, false);
            
            pmute.addEventListener("click", function(){
                player.mute();
                pmute.style.display = 'none';
                punmute.style.display = 'inline-flex'; 
            }, false);
            
            punmute.addEventListener("click", function(){
                player.unMute();
                punmute.style.display = 'none';
                pmute.style.display = 'inline-flex';
            }, false);
           
           pexpand.addEventListener("click", function(){
                for (var i=0; i < pchangesize.length; i++){
                    pchangesize[i].classList.remove("window_size");
                    pchangesize[i].classList.remove("bottom_right_position_window");
                    
                    pchangesize[i].classList.add("window_size_big");
                    pchangesize[i].classList.add("position_big");
                }
                backwindow.classList.add("backwindow_big");  
                             
                
                pexpand.style.display = 'none';
                    pminify.style.display = 'inline-flex';
           }, false);

            pclose.addEventListener("click", function(){
                player.pauseVideo();
                popen.style.display = 'none';
                pclosed.style.display = 'block';
            }, false);
            
            pclosed.addEventListener("click", function(){
                player.playVideo();
                player.unMute();
                
                pclosed.style.display = 'none';
                popen.style.display = 'block';
                pplay.style.display = 'none';
                ppause.style.display = 'inline-flex';
                punmute.style.display = 'none';
                pmute.style.display = 'inline-flex';
            },false);
                


            pminify.addEventListener("click", function(){
                for(var i=0; i < pchangewindow.length; i++){
                    pchangewindow[i].classList.add("window_size");
                }
                                
                for (var i=0; i < pchangesize.length; i++){
                    pchangesize[i].classList.add("bottom_right_position_window");
                                                           
                    pchangesize[i].classList.remove("window_size_big");
                    pchangesize[i].classList.remove("position_big");
                 
                }
                backwindow.classList.remove("backwindow_big");
                
                pminify.style.display = 'none';
                pexpand.style.display = 'inline-flex';
                
            }, false);
                                                                                          
            }