// CLICKTAG var bannerVXcom = document.getElementById("bannerVXcom"); var clickTag = "https://adclick.g.doubleclick.net/pcs/click%253Fxai%253DAKAOjsvJCFAmJ_gVQeRSkCIaFSj5VVUw1rIHtyJTJCH11QlV9WkTso-4jPh9xMVgXQugFeykoldZG6x6Zjl8omreudUdb6hEuyGVEUJ-MAusfDEggTVw94HSPL3xUNZrrmzBZVxqg0VQl75PgOLeuV1Uty6pAH4DmbNtxs-uMsIFX4kq1o1nmhP7cRURRVUhpfAcoaCBEQTZNpA7zISTqaCtZe5ZE3W9Rid4bBRA6TV75R_8RpH7Fz40JMcoxbAW9Kr1mKSMaGnSITgbuFiXKa-iMlg2oyFMEFqHTEMgX3f8leWJFeA2q1wAj5DBkOEsAor2xT7yTL-da3E%2526sai%253DAMfl-YSKR7b-N1-Ls1Wf2LF87uuPU3bpWXZQZ5_Dk8g7VQun4MawyEq8p5CZa5be8Jc-8u6qkcKJdENWpCrNOLstFSXpqNMpDz-mxFVPGTyWh7O6ZvnZy5wVu3eVq3Ip0lKIr6qm%2526sig%253DCg0ArKJSzEdAzlu8jLDuEAE%2526fbs_aeid%253D%255Bgw_fbsaeid%255D%2526urlfix%253D1%2526adurl%253Dhttps://ad.doubleclick.net/ddm/trackclk/N866894.944GLOBO.COM/B25966189.306025391%3Bdc_trk_aid%3D499016400%3Bdc_trk_cid%3D152870427%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 bannerVXcomGLOBOPLAY = bannerVXcom.getElementsByClassName("globoplay")[0];
var bannerVXcomBG = bannerVXcom.getElementsByClassName("bg")[0];
var bannerVXcomKV = bannerVXcom.getElementsByClassName("kv")[0];
var bannerVXcomLOGO = bannerVXcom.getElementsByClassName("logo")[0];
var bannerVXcomDIAMANTE1 = bannerVXcom.getElementsByClassName("diamante1")[0]; var bannerVXcomDIAMANTE2 = bannerVXcom.getElementsByClassName("diamante2")[0]; var bannerVXcomDIAMANTE3 = bannerVXcom.getElementsByClassName("diamante3")[0]; var bannerVXcomDIAMANTE4 = bannerVXcom.getElementsByClassName("diamante4")[0]; var bannerVXcomDIAMANTE5 = bannerVXcom.getElementsByClassName("diamante5")[0];
var bannerVXcomVIDROS = bannerVXcom.getElementsByClassName("vidros")[0];
var bannerVXcomTXT1 = bannerVXcom.getElementsByClassName("txt1")[0]; var bannerVXcomTXT2 = bannerVXcom.getElementsByClassName("txt2")[0];
var bannerVXcomLINHA1 = bannerVXcom.getElementsByClassName("linha1")[0]; var bannerVXcomLINHA2 = bannerVXcom.getElementsByClassName("linha2")[0]; var bannerVXcomLINHA3 = bannerVXcom.getElementsByClassName("linha3")[0]; var bannerVXcomLINHA4 = bannerVXcom.getElementsByClassName("linha4")[0];
var bannerVXcomENCOLHE1 = bannerVXcom.getElementsByClassName("encolhe1")[0]; var bannerVXcomENCOLHE2 = bannerVXcom.getElementsByClassName("encolhe2")[0]; var bannerVXcomENCOLHE3 = bannerVXcom.getElementsByClassName("encolhe3")[0]; var bannerVXcomENCOLHE4 = bannerVXcom.getElementsByClassName("encolhe4")[0];
var bannerVXcomOPACIDADE1 = bannerVXcom.getElementsByClassName("opacidade1")[0]; var bannerVXcomOPACIDADE2 = bannerVXcom.getElementsByClassName("opacidade2")[0];
//FUNÇÕES
// SAÍDA 1 KV
setTimeout(function() { bannerVXcomKV.style.opacity = 0; bannerVXcomLOGO.style.opacity = 0; bannerVXcomDIAMANTE1.style.opacity = 0; bannerVXcomDIAMANTE2.style.opacity = 0; bannerVXcomDIAMANTE3.style.opacity = 0; bannerVXcomDIAMANTE4.style.opacity = 0; bannerVXcomDIAMANTE5.style.opacity = 0; },2000)
setTimeout(function() { bannerVXcomKV.style.filter = "blur(8px)"; bannerVXcomLOGO.style.transform = "scale(1.5)"; bannerVXcomDIAMANTE1.style.transform = "translateY(20px)"; bannerVXcomDIAMANTE2.style.transform = "translateY(30px)"; bannerVXcomDIAMANTE3.style.transform = "translateX(-20px)"; bannerVXcomDIAMANTE4.style.transform = "translateY(-30px)"; bannerVXcomDIAMANTE5.style.transform = "translateY(-25px)"; },5000)
// VIDROS PASSANDO
setTimeout(function() { bannerVXcomVIDROS.style.transform = "scale(1)"; },1500)
// ENTRADA 1 TEXTOS E LINHAS
setTimeout(function() { bannerVXcomOPACIDADE1.style.opacity = 1; bannerVXcomENCOLHE1.style.transform = "translateY(-2px) scaleY(0.45)"; bannerVXcomENCOLHE2.style.transform = "translateY(8px) scaleY(0.5)"; },2500)
setTimeout(function() { bannerVXcomOPACIDADE1.style.opacity = 0; },5200)
setTimeout(function() { bannerVXcomOPACIDADE2.style.opacity = 1; bannerVXcomENCOLHE3.style.transform = "translateY(-7px) scaleY(0.46)"; bannerVXcomENCOLHE4.style.transform = "translateY(5px) scaleY(0.48)"; },5700)
setTimeout(function() { bannerVXcomOPACIDADE2.style.opacity = 0; },8400)
// ENTRADA 1 KV
setTimeout(function() { bannerVXcomKV.style.opacity = 1; bannerVXcomKV.style.filter = "blur(0px)"; },8900)
setTimeout(function() { bannerVXcomLOGO.style.opacity = 1; bannerVXcomLOGO.style.transform = "scale(1)"; },9200)
setTimeout(function() { bannerVXcomDIAMANTE1.style.opacity = 1; bannerVXcomDIAMANTE2.style.opacity = 1; bannerVXcomDIAMANTE3.style.opacity = 1; bannerVXcomDIAMANTE4.style.opacity = 1; bannerVXcomDIAMANTE5.style.opacity = 1; bannerVXcomDIAMANTE1.style.transform = "translateY(0px)"; bannerVXcomDIAMANTE2.style.transform = "translateY(0px)"; bannerVXcomDIAMANTE3.style.transform = "translateY(0px)"; bannerVXcomDIAMANTE4.style.transform = "translateY(0px)"; bannerVXcomDIAMANTE5.style.transform = "translateY(0px)"; },9500)
//================================================================// //==================== 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 = "150px"; nav4.style.width = "6px"; nav4.style.marginTop = "24px"; 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 = "150px"; nav3.style.width = "6px"; nav3.style.marginTop = "17px"; 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 = "150px"; nav2.style.width = "6px"; nav2.style.marginTop = "9px"; 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 = "150px"; 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);
//================================================================//