// CLICKTAG var bannerVXcom = document.getElementById("bannerVXcom"); var clickTag = "https://adclick.g.doubleclick.net/pcs/click%253Fxai%253DAKAOjss9wN781Qtn_D7KmyrFk1HK_A05g-8rKQsKglQC6JZlT01VCJqhYtjeOR42_PvJPS-fdMPpsxrNGElRqbk15k5ELo59a1pPawWkLX85ItHzrFKa1dcYkxQEdYgsEoDjn9l9dAoXmbCtg1P77dDth5TBBG6QpgXF0y-itPrKBYiDsqwd04o5hI2BVu6bS0Fl6w3KJDpvJe8CApboH3pKxgPnbWMyok_nENJJWDpjhMk9srxWNQii5_t1GBcjg7MrY7vtIyjBIioAlXUV-xYHJ_7NSEJLxkftlob0a2OHTskEAKJ-U78qofpd6fEHTPisemW90mC4Xd0QqyCNU-8O%2526sig%253DCg0ArKJSzDk51K3G-W8QEAE%2526urlfix%253D1%2526adurl%253Dhttps://ad.doubleclick.net/ddm/trackclk/N866894.944GLOBO.COM/B25324770.294302857%3Bdc_trk_aid%3D487354300%3Bdc_trk_cid%3D145018101%3Bdc_lat%3D%3Bdc_rdid%3D%3Btag_for_child_directed_treatment%3D%3Btfua%3D%3Bgdpr%3D%3Bgdpr_consent%3D"; bannerVXcom.onclick = function(){ window.open(clickTag, '_blank'); }
// ANIMACAO VX var bannerVXcomGLOBOPLAY = bannerVXcom.getElementsByClassName("globoplay")[0];
var bannerVXcomINICIO = bannerVXcom.getElementsByClassName("inicio")[0];
var bannerVXcomFLARE = bannerVXcom.getElementsByClassName("flare")[0];
var bannerVXcomFRAME1 = bannerVXcom.getElementsByClassName("frame1")[0]; var bannerVXcomBG1 = bannerVXcom.getElementsByClassName("bg1")[0]; var bannerVXcomFRASE1 = bannerVXcom.getElementsByClassName("frase1")[0]; var bannerVXcomTXT1 = bannerVXcom.getElementsByClassName("txt1")[0]; var bannerVXcomTXT2 = bannerVXcom.getElementsByClassName("txt2")[0];
var bannerVXcomFRASE2 = bannerVXcom.getElementsByClassName("frase2")[0]; var bannerVXcomTXT3 = bannerVXcom.getElementsByClassName("txt3")[0]; var bannerVXcomTXT4 = bannerVXcom.getElementsByClassName("txt4")[0];
var bannerVXcomFINAL = bannerVXcom.getElementsByClassName("final")[0]; var bannerVXcomKV = bannerVXcom.getElementsByClassName("kv")[0]; var bannerVXcomLOGO = bannerVXcom.getElementsByClassName("logo")[0]; var bannerVXcomLOGO1 = bannerVXcom.getElementsByClassName("logo1")[0]; var bannerVXcomLOGO2 = bannerVXcom.getElementsByClassName("logo2")[0]; var bannerVXcomLOGO3 = bannerVXcom.getElementsByClassName("logo3")[0];
//FUNCOES window.onload = function() {
setTimeout(function() { bannerVXcomINICIO.style.opacity = 0; }, 2000);
// FLARE setTimeout(function() { setTimeout(function() { bannerVXcomFLARE.style.opacity = 1; }, 0); setTimeout(function() { bannerVXcomFLARE.style.transform = "scale(7)" }, 0); setTimeout(function() { bannerVXcomFLARE.style.opacity = 0; }, 600); setTimeout(function() { bannerVXcomFLARE.style.transform = "scale(1)" }, 400); setTimeout(function() { bannerVXcomFLARE.style.transform = "scale(8)" }, 1300); }, 1900);
// FRAME 01 setTimeout(function() { setTimeout(function() { bannerVXcomFRASE1.style.transform = "scale(.8)" }, 0); setTimeout(function() { bannerVXcomTXT1.style.transform = "translateY(0px)" }, 0); setTimeout(function() { bannerVXcomTXT2.style.transform = "translateY(0px)" }, 0); }, 2300);
setTimeout(function() { bannerVXcomFRASE1.style.opacity = 0; bannerVXcomFRASE1.style.filter = "blur(50px)"; }, 5000);
// FRAME 02 setTimeout(function() { setTimeout(function() { bannerVXcomFRASE2.style.transform = "scale(.8)"; bannerVXcomFRASE2.style.opacity = 1; bannerVXcomFRASE2.style.filter = "blur(0px)"; }, 0); setTimeout(function() { bannerVXcomTXT3.style.transform = "translateY(0px)" }, 50); setTimeout(function() { bannerVXcomTXT4.style.transform = "translateY(0px)" }, 50); }, 5500);
setTimeout(function() { bannerVXcomFRAME1.style.opacity = 0; }, 8600);
// FLARE setTimeout(function() { setTimeout(function() { bannerVXcomFLARE.style.opacity = 1; }, 0); setTimeout(function() { bannerVXcomFLARE.style.transform = "scale(7)" }, 0); setTimeout(function() { bannerVXcomFLARE.style.opacity = 0; }, 600); setTimeout(function() { bannerVXcomFLARE.style.transform = "scale(1)" }, 400); setTimeout(function() { bannerVXcomFLARE.style.transform = "scale(8)" }, 1300); }, 8400);
setTimeout(function() { setTimeout(function() { setTimeout(function() { bannerVXcomKV.style.transform = "scale(1)" }, 0); setTimeout(function() { bannerVXcomLOGO.style.transform = "scale(1)" }, 0); }, 0);
setTimeout(function() { setTimeout(function() { bannerVXcomLOGO1.style.transform = "translateX(0px)" }, 0); setTimeout(function() { bannerVXcomLOGO3.style.transform = "translateY(0px)" }, 150); setTimeout(function() { bannerVXcomLOGO3.style.opacity = 1; }, 200); }, 1000); }, 7000);
//================================================================// //==================== 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);
//================================================================//
}