// CLICKTAG var bannerVXcom = document.getElementById("bannerVXcom"); var clickTag = "https://adclick.g.doubleclick.net/pcs/click%253Fxai%253DAKAOjsv7hesbhelGQlPCPfYe91qsZIMDbwPt2KS221wfJlbgAndcIksCOpVralceHmZ2Wz1txqZW6c9IsWzPJKine0HHFVokbF4P-THtQ-Y6srqliVCwYlVeqr7KmvLSDzxYcUVlf36vVGTIFiF-A55sNl1rIgoeOGDHxmfLkEiE2rOJpggmfWE8uk8sV86Z0nid3OeZZHt7OMOqKvyvLtws78uqhQddjJf3dvnUOJtsbay8LpvU6ir80FWDdF49SUjS2CPtbyhiNZOwfQdoxU54b8WhXOMStPfv3BcNphVHYi3IHgji8v17jqtE_lLJbrgqiylvbQ%2526sai%253DAMfl-YQydeBZ1dGNkQxbFuvIzhAs8MiBcTMOe6ule_3oga2oWTGQgBsDIVWSR_jSd9jJ-CUsyGMswcH2CWIKzHuTk76d3AP6_BA8LixQdROAi73ju2CK-F13PrYZYWAgJg88GFJj4jTPlcWfLM918pmIIOg5h5LT%2526sig%253DCg0ArKJSzEP71eM4CxMxEAE%2526fbs_aeid%253D%255Bgw_fbsaeid%255D%2526urlfix%253D1%2526adurl%253Dhttps://ad.doubleclick.net/ddm/trackclk/N866894.944GLOBO.COM/B25825952.304100293%3Bdc_trk_aid%3D496858275%3Bdc_trk_cid%3D151198448%3Bdc_lat%3D%3Bdc_rdid%3D%3Btag_for_child_directed_treatment%3D%3Btfua%3D%3Bltd%3D"; bannerVXcom.onclick = function(){ window.open(clickTag, '_blank'); }
// ANIMAÇÃO VX
var bannerVXcomGLOBOPLAY1 = bannerVXcom.getElementsByClassName("globoplay1")[0]; var bannerVXcomGLOBOPLAY2 = bannerVXcom.getElementsByClassName("globoplay2")[0];
var bannerVXcomFOTO0 = bannerVXcom.getElementsByClassName("foto0")[0]; var bannerVXcomFOTO1 = bannerVXcom.getElementsByClassName("foto1")[0]; var bannerVXcomFOTO2 = bannerVXcom.getElementsByClassName("foto2")[0]; var bannerVXcomFOTO3 = bannerVXcom.getElementsByClassName("foto3")[0]; var bannerVXcomFOTO4 = bannerVXcom.getElementsByClassName("foto4")[0]; var bannerVXcomFOTO5 = bannerVXcom.getElementsByClassName("foto5")[0];
var bannerVXcomTXT1 = bannerVXcom.getElementsByClassName("txt1")[0]; var bannerVXcomTXT2 = bannerVXcom.getElementsByClassName("txt2")[0]; var bannerVXcomTXT3 = bannerVXcom.getElementsByClassName("txt3")[0];
var bannerVXcomFUNDOTXT2 = bannerVXcom.getElementsByClassName("fundotxt2")[0];
var bannerVXcomTXTSOME = bannerVXcom.getElementsByClassName("txtsome")[0]; var bannerVXcomTXT2SOME = bannerVXcom.getElementsByClassName("txt2some")[0];
var bannerVXcomKV = bannerVXcom.getElementsByClassName("kv")[0];
var bannerVXcomLOGO = bannerVXcom.getElementsByClassName("logo")[0];
var bannerVXcomBORDINHA = bannerVXcom.getElementsByClassName("bordinha")[0];
//FUNÇÕES
// BUG VAI E VOLTA
setTimeout(function() { bannerVXcomGLOBOPLAY1.style.transform = "translateX(75px)"; },1500); setTimeout(function() { bannerVXcomGLOBOPLAY2.style.transform = "translateX(75px)"; },1500);
setTimeout(function() { bannerVXcomGLOBOPLAY1.style.transform = "translateX(0px)"; },9700); setTimeout(function() { bannerVXcomGLOBOPLAY2.style.transform = "translateX(0px)"; },9700);
// BORDINHA ENTRA E SAI
setTimeout(function() { bannerVXcomBORDINHA.style.opacity = 0; },2300);
setTimeout(function() { bannerVXcomBORDINHA.style.opacity = 1; },5000); setTimeout(function() { bannerVXcomBORDINHA.style.opacity = 0; },6500);
setTimeout(function() { bannerVXcomBORDINHA.style.opacity = 1; },9700);
// SAÍDA 1 KV
setTimeout(function() { bannerVXcomKV.style.opacity = 0; },1500);
setTimeout(function() { bannerVXcomLOGO.style.opacity = 0; },1500);
setTimeout(function() { bannerVXcomGLOBOPLAY1.style.opacity = 0; },2200);
setTimeout(function() { bannerVXcomLOGO.style.transform = "scale(1.5)"; },4000);
// ENTRADA 1 FOTOS 1, 2, 3 E 4
setTimeout(function() { bannerVXcomFOTO0.style.filter = "brightness(1)"; bannerVXcomFOTO0.style.transform = "scale(1)"; bannerVXcomFOTO0.style.opacity = 1; },2500); setTimeout(function() { bannerVXcomFOTO0.style.display = "none"; bannerVXcomFOTO1.style.transform = "scale(1)"; bannerVXcomFOTO1.style.opacity = 1; setTimeout(function() { bannerVXcomFOTO1.style.filter = "brightness(1)"; },100); },3100);
setTimeout(function() { bannerVXcomFOTO1.style.display = "none"; bannerVXcomFOTO2.style.transform = "scale(1)"; bannerVXcomFOTO2.style.opacity = 1; setTimeout(function() { bannerVXcomFOTO2.style.filter = "brightness(1)"; },100); },3700);
setTimeout(function() { bannerVXcomFOTO2.style.display = "none"; bannerVXcomFOTO3.style.transform = "scale(1)"; bannerVXcomFOTO3.style.opacity = 1; setTimeout(function() { bannerVXcomFOTO3.style.filter = "brightness(1)"; },100); },4300);
setTimeout(function() { bannerVXcomFOTO3.style.display = "none"; bannerVXcomFOTO4.style.transform = "scale(1)"; bannerVXcomFOTO4.style.opacity = 1; setTimeout(function() { bannerVXcomFOTO4.style.filter = "brightness(1)"; },100); },4900);
// // ENTRADA 1 TXT1
setTimeout(function() { bannerVXcomTXT1.style.opacity = 1; },2200); setTimeout(function() { bannerVXcomTXTSOME.style.opacity = 0; },5400);
// ENTRADA 1 TXT2
setTimeout(function() { bannerVXcomTXT2.style.opacity = 1; bannerVXcomFUNDOTXT2.style.opacity = 1; },5400);
setTimeout(function() { bannerVXcomFOTO4.style.opacity = 0; },5500);
setTimeout(function() { bannerVXcomFUNDOTXT2.style.opacity = 0; },6400);
setTimeout(function() { bannerVXcomTXT2SOME.style.opacity = 0; },7000);
// ENTRADA 1 FOTO 5 E TXT 3
setTimeout(function() { bannerVXcomGLOBOPLAY1.style.opacity = 1; },5100); setTimeout(function() { bannerVXcomGLOBOPLAY1.style.opacity = 0; },6900);
setTimeout(function() { bannerVXcomFOTO5.style.transform = "scale(1)"; bannerVXcomFOTO5.style.opacity = 1; setTimeout(function() { bannerVXcomFOTO5.style.filter = "brightness(1)"; },100); },7000);
setTimeout(function() { bannerVXcomTXT3.style.opacity = 1; },7200); setTimeout(function() { bannerVXcomTXT3.style.opacity = 0; },8700);
// ENTRADA 1 KV
setTimeout(function() { bannerVXcomKV.style.opacity = 1; },9700); setTimeout(function() { bannerVXcomGLOBOPLAY1.style.opacity = 1; },10210);
setTimeout(function() { bannerVXcomLOGO.style.opacity = 1; bannerVXcomLOGO.style.transform = "scale(1)"; },10600);
//================================================================// //==================== 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 = "5px"; nav4.style.width = "268px"; nav4.style.marginTop = "250px"; nav4.style.marginLeft = "16px"; 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 = "5px"; nav3.style.width = "278px"; nav3.style.marginTop = "250px"; nav3.style.marginLeft = "11px"; 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 = "5px"; nav2.style.width = "290px"; nav2.style.marginTop = "250px"; nav2.style.marginLeft = "5px"; 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 = "5px"; nav1.style.width = "300px"; nav1.style.marginTop = "250px"; nav1.style.marginLeft = "0px"; 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.marginTop = "245px"; }, 50); setTimeout(function() { bannerVXcom.getElementsByClassName("ornamentoGP02")[0].style.marginTop = "240px"; }, 150); setTimeout(function() { bannerVXcom.getElementsByClassName("ornamentoGP03")[0].style.marginTop = "235px"; }, 250); setTimeout(function() { bannerVXcom.getElementsByClassName("ornamentoGP04")[0].style.marginTop = "230px"; }, 350);
//================================================================//