/* Remove any bounce exchange overlays */
var r29_BX = new MutationObserver( function ( mutationsList, observer ) {
for( var mutation of mutationsList ) {
if ( mutation.type === ‘childList’ ) {
if ( mutation.addedNodes.length > 0 ) {
///console.log( mutation );
for( var node of mutation.addedNodes ) {
///console.log( node );
if ( ( node.nodeName == “SCRIPT” || node.nodeName == “IFRAME” ) && node.attributes[ ‘src’ ] && node.attributes[ ‘src’ ].value.toString().indexOf( ‘bounceexchange’ ) > 0 ) {
console.warn( ‘REMOVE!A: ‘+ node.attributes[ ‘src’ ].value );
node.remove();
} else if ( node.nodeName == “SCRIPT” ) {
( document.querySelectorAll( ‘script[src*=”bounceexchange”]’ ) ).forEach( function( s ) { console.warn( ‘REMOVE!B: ‘+ s.src ); s.remove(); } );
} else if ( node.nodeName == “IFRAME” ) {
( document.querySelectorAll( ‘iframe[src*=”bounceexchange”]’ ) ).forEach( function( i ) { console.warn( ‘REMOVE!B: ‘+ i.src ); i.remove(); } );
}
}
}
}
}
} );
r29_BX.observe( document.head, { attributes: false, childList: true, subtree: false } );
r29_BX.observe( document.body, { attributes: false, childList: true, subtree: false } );

const grabMarker = document.querySelector(‘#lab-marker’);
const grabArrow = document.querySelector(‘#lab-arrow’);

var mobile = false;
var desktop = true;

/* What device is this? */
if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
mobile = true;
desktop = false;
}

var popup;
var prevPop = null;

var colorWheel = new Array (
”,
‘B22E83’,
‘FF9A00’,
‘E6AEBE’,
‘7C3F23’,
‘7CC1B8’,
‘B22E83’,
‘FF9A00’,
‘E6AEBE’,
‘7C3F23’,
‘7CC1B8’,
‘B22E83’,
‘FF9A00’,
‘E6AEBE’,
‘7C3F23’,
‘7CC1B8’,
‘B22E83’,
‘FF9A00’,
‘E6AEBE’,
‘7C3F23’,
‘7CC1B8’,
‘B22E83’
);

function openShare(num) {
var whichShare = (‘lab-share-‘ + String(num));
var grabShare = document.getElementById(whichShare);
grabShare.style.display = “block”;

/* Assemeble the URL */
var setURL = (“https://www.refinery29.com/en-us/ulta-beauty-21-days-of-beauty-calendar-2020?day=” + num);

/* Get the text field */
document.getElementById(“lab-grab-url”).value = setURL;

}

function closeShare(num) {
if ( prevPop != null ) {
var whichShare = (‘lab-share-‘ + String(num));
var grabShare = document.getElementById(whichShare);
grabShare.style.display = “none”;
}
}

function shareCopyURL(num) {

/* Get the text field */
var copyURL = document.getElementById(“lab-grab-url”);

/* Select the text field */
copyURL.select();
copyURL.setSelectionRange(0, 99999); /* For mobile devices */

/* Make the copy */
document.execCommand(“copy”);

/* Alert the copied text */
var grabCopyAlert = document.getElementById(“lab-copied-message”);
grabCopyAlert.style.display = “block”;
grabCopyAlert.style.opacity = “1.0”;

setTimeout(function(){
clearTimeout();
grabCopyAlert.style.opacity = “0.0”;
grabCopyAlert.style.transition = “all 1.5s”;
grabCopyAlert.style.WebkitTransition = “all 1.5s”;
}, 650);

setTimeout(function(){
clearTimeout();
grabCopyAlert.style.display = “none”;
}, 2200);
}

function setLocation(num) {
window.history.replaceState(null, null, “?day=” + num);
}

function resetLocation() {
window.history.replaceState(null, null, “?home”);
}

function openPopup(num) {

closeShare(num);

/* assemble popup name */
popup = (‘pop’ + String(num));

/* store the previous popup name for cleanup */
prevPop = popup;

/* remove previous */
if ( prevPop != null ) {
var grabPrevPop = document.getElementById(prevPop);
grabPrevPop.style.display = “none”;
grabPrevPop.style.opacity = “0.0”;
}

/* open popup */
var grabPops = document.getElementById(‘lab-popups’);
grabPops.style.display = “block”;

var grabPopOverlay = document.getElementById(‘lab-popup-close-overlay’);
grabPopOverlay.style.display = “block”;

var grabNewPop = document.getElementById(popup);
grabNewPop.style.display = “block”;
grabNewPop.style.backgroundColor = ‘#’ + colorWheel[num];

setTimeout(function(){
clearTimeout();
grabPops.style.opacity = “1.0”;
grabPops.style.transition = “all 0.3s”;
grabPops.style.WebkitTransition = “all 0.3s”;

grabNewPop.style.opacity = “1.0”;
grabNewPop.style.transition = “all 0.4s”;
grabNewPop.style.WebkitTransition = “all 0.4s”;
}, 200);

setLocation(num);

}

function closePopup() {

resetLocation();

if ( prevPop != null ) {
var grabPops = document.getElementById(‘lab-popups’);
var grabPrevPop = document.getElementById(prevPop);

grabPops.style.opacity = “0.0”;
grabPops.style.transition = “all 0.4s”;
grabPops.style.WebkitTransition = “all 0.4s”;

grabPrevPop.style.opacity = “0.0”;
grabPrevPop.style.transition = “all 0.3s”;
grabPrevPop.style.WebkitTransition = “all 0.3s”;

var grabPopOverlay = document.getElementById(‘lab-popup-close-overlay’);
grabPopOverlay.style.display = “block”;

setTimeout(function(){
clearTimeout();
grabPops.style.display = “none”;
grabPrevPop.style.display = “none”;
}, 200);
}
}

function closePopupWithArrow() {

var grabPrevPop = document.getElementById(prevPop);

grabPrevPop.style.opacity = “0.0”;
grabPrevPop.style.transition = “all 0.3s”;
grabPrevPop.style.WebkitTransition = “all 0.3s”;

setTimeout(function(){
clearTimeout();
grabPrevPop.style.display = “none”;
}, 200);

}

function openWithArrow(num) {
closePopupWithArrow();
openPopup(num);
}

function removeClick() {

}

function grabVariable() {
var vars = {};
var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
vars[key] = value;
});
return vars;
}

function setupSharedLink() {
var grabVar = grabVariable()[“day”];
if (grabVar !== undefined) {
openPopup(grabVar);
}
}

document.onmouseleave = function() {
window.isReady = false
}

window.addEventListener(“resize”, function() {
window.isReady = false;
resetScroller();
});

function ready(fn) {
if (document.attachEvent ? document.readyState === “complete” : document.readyState !== “loading”){
fn();
} else {
document.addEventListener(‘DOMContentLoaded’, fn);
}
}

window.isReady = window.isReady === undefined ? false : window.isReady;

ready(function () {
var imagesLoadedInterval = setInterval(function(){
if(window.imagesLoaded) {
imagesLoaded( ‘#lab-load’, { background: true }, function() {
window.isReady = false
clearInterval(imagesLoadedInterval)
});
clearInterval(imagesLoadedInterval)
}
}, 100)

if (window.isReady === false) {
window.isReady = true
} else {
return
}

setTimeout(function(){
clearTimeout();
setupSharedLink();

}, 300);

})

function fbShare(num) {

var setBaseURL = “https://www.refinery29.com/en-us/ulta-beauty-21-days-of-beauty-calendar-2020?day=”;
var setFacebookURL = (setBaseURL + num);

FB.ui({
display: ‘popup’,
method: ‘share’,
href: setFacebookURL,
}, function(response){});

}

window.fbAsyncInit = function() {
FB.init({
appId : ‘155023867867753’,
autoLogAppEvents : true,
xfbml : true,
version : ‘v6.0’
});
};