// CLICKTAG var bannerVXcom = document.getElementById("bannerVXcom"); var clickTag = "https://adclick.g.doubleclick.net/pcs/click%253Fxai%253DAKAOjsvivDmAJHpuZqNH310ACe1Vc_A5X3uVWPGAbTovgxqFMSEGQ7GnB3rgPf6nUFxZc28ENa1O0X28XdhH9Pf-83ZFRAN2xVNNlVtqrz-tvJXSj54ZP7VdzG0NckSoNUs2QG5pPCFePFSD1qWE2HC8QvRYpmUUF2sLo2AP24ywaNt6R6FQhE8gfLW9UskRhwvfu1HFeHHtXvADBu7ZMtjiYGVRVf0mbVhjU9ZLWDJUXpp7Iu2DDYKa2O-SPiJfkqhX-Gce9wbbiszvpf0Pc0BbUe40EToNC3AIAWPVM3BQEXq7hxTXuHg-sdn3mX0hUu4A%2526sai%253DAMfl-YR9ULLNUexh96yflnddkBX9LpKvnz0ixwLAqlRJ4ZBqFmLlB1HY9sgFfOy_NLI0mDYz7TuE9a9hhbXI-XBbAjjWCfLHafqLdsM6enq6bqd2C3NCL0Jtwr1uTM9pqsJNnCFa%2526sig%253DCg0ArKJSzM66WnNcD_JjEAE%2526fbs_aeid%253D%255Bgw_fbsaeid%255D%2526urlfix%253D1%2526adurl%253Dhttps://ad.doubleclick.net/ddm/trackclk/N866894.944GLOBO.COM/B25652646.300274935%3Bdc_trk_aid%3D493347555%3Bdc_trk_cid%3D148720295%3Bdc_lat%3D%3Bdc_rdid%3D%3Btag_for_child_directed_treatment%3D%3Btfua%3D%3Bgdpr%3D%3Bgdpr_consent%3D%3Bltd%3D"; bannerVXcom.onclick = function(){ window.open(clickTag, '_blank'); }
// ANIMACAO VX
var bannerVXcomGLOBOPLAY = bannerVXcom.getElementsByClassName("globoplay")[0];
var bannerVXcomONDA = bannerVXcom.getElementsByClassName("onda")[0];
var bannerVXcomKV = bannerVXcom.getElementsByClassName("kv")[0];
var bannerVXcomLOGO = bannerVXcom.getElementsByClassName("logo")[0]; var bannerVXcomLOGO2 = bannerVXcom.getElementsByClassName("logo2")[0]; var bannerVXcomLOGO3 = bannerVXcom.getElementsByClassName("logo3")[0];
var bannerVXcomTXTA = bannerVXcom.getElementsByClassName("txtA")[0]; var bannerVXcomTXTB = bannerVXcom.getElementsByClassName("txtB")[0]; var bannerVXcomTXT1 = bannerVXcom.getElementsByClassName("txt1")[0]; var bannerVXcomTXT2 = bannerVXcom.getElementsByClassName("txt2")[0];
var bannerVXcomBG = bannerVXcom.getElementsByClassName("bg")[0];
//FUNCOES
// SAÍDA 1 KV + LOGOS
setTimeout(function() { bannerVXcomKV.style.opacity = 0; },1500);
setTimeout(function() { bannerVXcomLOGO.style.opacity = 0; },1500); setTimeout(function() { bannerVXcomLOGO2.style.opacity = 0; },1500); setTimeout(function() { bannerVXcomLOGO3.style.opacity = 0; },1500);
setTimeout(function() { bannerVXcomLOGO.style.transform = "translateX(100px)" ; },3000); setTimeout(function() { bannerVXcomLOGO2.style.transform = "translateX(-100px)" ; },3000);
// ENTRADA 1 TEXTO 1 E 2 + ONDA
setTimeout(function() { bannerVXcomTXT1.style.opacity = 1; },1700); setTimeout(function() { bannerVXcomTXTA.style.transform = "scale(1)"; },1700); setTimeout(function() { bannerVXcomTXT1.style.opacity = 0; },4700);
setTimeout(function() { bannerVXcomONDA.style.transform = "translateY(-90px)"; },4000); setTimeout(function() { bannerVXcomONDA.style.transform = "translateY(-380px)"; },5500);
setTimeout(function() { bannerVXcomTXT2.style.opacity = 1; },5800); setTimeout(function() { bannerVXcomTXTB.style.transform = "scale(1)"; },5800); setTimeout(function() { bannerVXcomTXT2.style.opacity = 0; },9000);
setTimeout(function() { bannerVXcomONDA.style.transform = "translateY(0px)"; },8500); setTimeout(function() { bannerVXcomONDA.style.transform = "translateY(-380px)"; },10000);
// ENTRADA 1 KV + LOGOS
setTimeout(function() { bannerVXcomKV.style.opacity = 1; },10700);
setTimeout(function() { bannerVXcomLOGO.style.opacity = 1; },11000); setTimeout(function() { bannerVXcomLOGO2.style.opacity = 1; },11000);
setTimeout(function() { bannerVXcomLOGO.style.transform = "translateX(0px)"; },11000); setTimeout(function() { bannerVXcomLOGO2.style.transform = "translateX(0px)"; },11000);
setTimeout(function() { bannerVXcomLOGO3.style.opacity = 1; },12000);
//================================================================// //==================== ANIMACAO BARRINHAS ========================// //================================================================//
var nav4COR = "#FF7900", nav3COR = "#FF5E03", nav2COR = "#FF2F1C", nav1COR = "#FB0234"; // FUN // var nav4COR = "#303030", nav3COR = "#757575", nav2COR = "#B7B7B7", nav1COR = "#FB0234"; // SERIO
let nav4 = document.createElement('nav4'); nav4.className = 'ornamentoGP04'; nav4.style.backgroundColor = nav4COR; nav4.style.height = "210px"; nav4.style.width = "6px"; nav4.style.marginTop = "20px"; nav4.style.marginLeft = "970px"; nav4.style.display = "block"; nav4.style.transition = "all 800ms cubic-bezier(0.25, 1, 0.5, 1)"; bannerVXcom.appendChild(nav4);
let nav3 = document.createElement('nav3'); nav3.className = 'ornamentoGP03'; nav3.style.backgroundColor = nav3COR; nav3.style.height = "226px"; nav3.style.width = "6px"; nav3.style.marginTop = "12px"; nav3.style.marginLeft = "970px"; nav3.style.display = "block"; nav3.style.transition = "all 800ms cubic-bezier(0.25, 1, 0.5, 1)"; bannerVXcom.appendChild(nav3);
let nav2 = document.createElement('nav2'); nav2.className = 'ornamentoGP02'; nav2.style.backgroundColor = nav2COR; nav2.style.height = "240px"; nav2.style.width = "6px"; nav2.style.marginTop = "5px"; nav2.style.marginLeft = "970px"; nav2.style.display = "block"; nav2.style.transition = "all 800ms cubic-bezier(0.25, 1, 0.5, 1)"; bannerVXcom.appendChild(nav2);
let nav1 = document.createElement('nav1'); nav1.className = 'ornamentoGP01'; nav1.style.backgroundColor = nav1COR; nav1.style.height = "250px"; nav1.style.width = "6px"; nav1.style.marginTop = "0px"; nav1.style.marginLeft = "970px"; nav1.style.display = "block"; nav1.style.transition = "all 800ms cubic-bezier(0.25, 1, 0.5, 1)"; bannerVXcom.appendChild(nav1);
setTimeout(function() { bannerVXcom.getElementsByClassName("ornamentoGP01")[0].style.marginLeft = "964px"; }, 50); setTimeout(function() { bannerVXcom.getElementsByClassName("ornamentoGP02")[0].style.marginLeft = "958px"; }, 150); setTimeout(function() { bannerVXcom.getElementsByClassName("ornamentoGP03")[0].style.marginLeft = "952px"; }, 250); setTimeout(function() { bannerVXcom.getElementsByClassName("ornamentoGP04")[0].style.marginLeft = "946px"; }, 350);
//================================================================//