// CLICKTAG var bannerVXcom = document.getElementById("bannerVXcom"); var clickTag = "https://adclick.g.doubleclick.net/pcs/click%253Fxai%253DAKAOjssp0oRWpaeh2PAjcbCbLbUlEqjHL4liQAwSKthpYBFlKZwzLdf-vL8YvDF0RdtCrPHmHuqvgKA_ikrb2E-lO-4Wd1zP8dgIW6ySyTTKeRU_oIriUQrOm0Nw7b1J8_fWcT1m0rHyOntm-mOA9IeuBidB9V7mD66FH3OFeqiC4n1NaLWfTvfQ_yMRwDJdLCux9905VDZRT-bBSW1ATMCWkWVSMUvmURlgBNP2kOdg3aAZ9bqvp5b0mrpklbHB1EdLETfH7OeiaDRxbjhRrJefhrag4LMdUzeFp7JGLhJ8ouO0x-TyJ4IsB72qoN7mPL4%2526sai%253DAMfl-YQ84Lx6zx_LXEW2mFhU3ZEHuVJp8_kUzEIHCZBFpAX0P-S4-yYRqFB0w1C9jDv4NRVhkc3iURitBAFMPYWMsxSPWWAcliQf0gvWCgfAjsQ8tynW98PdR0IZMZaDJcTXixXR%2526sig%253DCg0ArKJSzIHr7uQw4DzTEAE%2526fbs_aeid%253D%255Bgw_fbsaeid%255D%2526urlfix%253D1%2526adurl%253Dhttps://ad.doubleclick.net/ddm/trackclk/N866894.944GLOBO.COM/B25798642.303560169%3Bdc_trk_aid%3D496523283%3Bdc_trk_cid%3D150983461%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 bannerVXcomFRASE1 = bannerVXcom.getElementsByClassName("frase1")[0]; var bannerVXcomTXT1 = bannerVXcom.getElementsByClassName("txt1")[0]; var bannerVXcomFRASE2 = bannerVXcom.getElementsByClassName("frase2")[0]; var bannerVXcomTXT2 = bannerVXcom.getElementsByClassName("txt2")[0];
var bannerVXcomINICIO1 = bannerVXcom.getElementsByClassName("inicio1")[0]; var bannerVXcomINICIO2 = bannerVXcom.getElementsByClassName("inicio2")[0]; var bannerVXcomINICIO3 = bannerVXcom.getElementsByClassName("inicio3")[0]; var bannerVXcomINICIO4 = bannerVXcom.getElementsByClassName("inicio4")[0]; var bannerVXcomBG1 = bannerVXcom.getElementsByClassName("bg1")[0]; var bannerVXcomBG2 = bannerVXcom.getElementsByClassName("bg2")[0]; var bannerVXcomBG3 = bannerVXcom.getElementsByClassName("bg3")[0]; var bannerVXcomBG4 = bannerVXcom.getElementsByClassName("bg4")[0];
var bannerVXcomFINAL = bannerVXcom.getElementsByClassName("final")[0]; var bannerVXcomKV = bannerVXcom.getElementsByClassName("kv")[0]; var bannerVXcomLOGO = bannerVXcom.getElementsByClassName("logo")[0];
//FUNCOES setTimeout(function() { setTimeout(function() { bannerVXcomKV.style.transform = "scale(1.15)" }, 0); setTimeout(function() { bannerVXcomKV.style.opacity = 0; }, 150); setTimeout(function() { bannerVXcomFINAL.style.opacity = 0; }, 1000);
setTimeout(function() { bannerVXcomLOGO.style.transform = "translateX(-7%)" }, 0); setTimeout(function() { bannerVXcomLOGO.style.opacity = 0; }, 0); }, 1500);
setTimeout(function() { setTimeout(function() { bannerVXcomTXT1.style.transform = "scale(.75)" }, 0); setTimeout(function() { bannerVXcomFRASE1.style.opacity = 0; }, 3500); }, 1000);
setTimeout(function() { setTimeout(function() { bannerVXcomBG1.style.transform = "scale(1.15)" }, 0); setTimeout(function() { bannerVXcomBG2.style.transform = "scale(1.15)" }, 400);
setTimeout(function() { bannerVXcomINICIO1.style.opacity = 1; }, 0);
setTimeout(function() { bannerVXcomINICIO1.style.opacity = 0; }, 400); setTimeout(function() { bannerVXcomINICIO2.style.opacity = 1; }, 300);
setTimeout(function() { bannerVXcomINICIO2.style.opacity = 0; }, 800); setTimeout(function() { bannerVXcomKV.style.opacity = 1; }, 200); }, 4000);
setTimeout(function() { setTimeout(function() { bannerVXcomFRASE2.style.opacity = 1; }, 0); setTimeout(function() { bannerVXcomTXT2.style.transform = "scale(.75)" }, 0);
setTimeout(function() { bannerVXcomFRASE2.style.opacity = 0; }, 3000); }, 4200);
setTimeout(function() { setTimeout(function() { bannerVXcomBG3.style.transform = "scaleX(-1.2) scaleY(1.2)" }, 0); setTimeout(function() { bannerVXcomBG4.style.transform = "scaleX(-1.3) scaleY(1.3)" }, 400);
setTimeout(function() { bannerVXcomINICIO3.style.opacity = 1; }, 0);
setTimeout(function() { bannerVXcomINICIO3.style.opacity = 0; }, 400); setTimeout(function() { bannerVXcomINICIO4.style.opacity = 1; }, 300);
setTimeout(function() { bannerVXcomINICIO4.style.opacity = 0; }, 800); }, 7000);
setTimeout(function() { setTimeout(function() { bannerVXcomKV.style.transform = "scale(1)" }, 0); setTimeout(function() { bannerVXcomFINAL.style.opacity = 1; }, 0);
setTimeout(function() { bannerVXcomLOGO.style.transform = "translateX(0.009%)" }, 150); setTimeout(function() { bannerVXcomLOGO.style.opacity = 1; }, 500); }, 8200);
//================================================================// //==================== ANIMACAO BARRINHAS ========================// //================================================================//
var nav4COR = "#303030", nav3COR = "#757575", nav2COR = "#b7b7b7", 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);
//================================================================//