Thanks for signing up at Smashbox.com! Check your inbox soon for inside access to the hottest beauty trends, exclusive online promotions and must-have new products.
');
//styles for thank you modal
$('#EM_ty').css('font-family','Arial, Verdana, Helvetica, sans-serif');
$('#EM_ty').css('font-size','14px');
$('#EM_ty').css('width',modalWidth);
$('#EM_ty').css('height',TYmodalHeight);
$('#EM_ty').css('background-color','#fff');
$('#EM_ty').css('border','4px solid #000');
$('#EM_ty').css('display','none');
$('#EM_ty').css('position','absolute');
$('#EM_ty').css('top',modalTop);
$('#EM_ty').css('left',modalLeft);
$('#EM_ty').css('z-index','9998');
$('#EM_ty_bar').css('display','block');
$('#EM_ty_bar').css('background','#000');
$('#EM_ty_bar').css('height','25px');
$('#EM_ty_bar').css('width',modalWidth);
//close button styles
$('#EM_ty_close').html('');
$('#EM_ty_close').css('display','block');
$('#EM_ty_close').css('background','#000');
$('#EM_ty_close').css('height','25px');
$('#EM_ty_close').css('width','25px');
$('#EM_ty_close').css('float','right');
$('#EM_ty_close').css('cursor','pointer');
$('#EM_ty_close').css('z-index','9999');
}
//detect logged in users
//if a user is logged into smashbox.com, a cookie will be set that will prevent them from viewing the modal window
if(modal_firstName != null && modal_firstName != "") {
$.cookie('SBEmailSignupOptOut', 'optOut:true;', {expires: 1, domain: DomainName});
}
//modal window
//if no cookie is detected or the cookie is null, trigger this animation that will show the email modal
if(($.cookie('SBEmailSignupOptOut') == null || $.cookie('SBEmailSignupOptOut') == '') && contentID.modalDisplay == true) {
createModal();
$('#EM_modal').delay(modalDelay*1000).animate({
opacity: 1.0,
top: modalTop,
height: modalHeight
}, 600);
if($.cookie('SBEmailSignupView') != null && $.cookie('SBEmailSignupView') != '') {
$.cookie('SBEmailSignupOptOut', 'optOut:true;', {expires: 14, domain: DomainName});
}
closeModal();
}
//stop and restart auto close
//if a user clicks inside the modal window, the slide away animation is stopped. when focus is lost on the window, the animation timer restarts
$('#EM_modal').mouseover(function() {
modalAutoClose = false;
});
$('#EM_modal').mouseout(function () {
if(modalAutoClose == false) {
modalAutoClose = true;
closeModal();
}
});
//close button
//if a user clicks on the 'x' button, the cookie will be set to prevent the user from viewing the modal again for 14 days and will trigger the animation to close the modal
$('#EM_close').click(function() {
//cookies
$.cookie('SBEmailSignupOptOut', 'optOut:true;', {expires: 14, domain: DomainName});
//stop auto close
modalAutoClose = false;
//animation
$('#EM_modal').animate({
top: hideHeight-10
}, 600);
});
//close modal animation function
function closeModal() {
setTimeout(function () {
if(modalAutoClose == true && inputOverride == false) {
//cookies
$.cookie('SBEmailSignupView', 'viewed:1', {expires: 1, domain: DomainName});
//
$('#EM_modal').animate({
top: hideHeight-10
}, 600);
}
},(interactionTriggerTime)*1000);
}
//populate the inital hint value in the email field and clear the value when a user clicks in the email field
$('#EM_emailinput').click(function() {
if($('#EM_emailinput').val() == "Sign up and save $15!") {
$('#EM_emailinput').val("");
inputOverride = true;
}
});
//if the user clicks out of the email field without entering a value, re-populate the inital hint value
$('#EM_emailinput').blur(function() {
if($('#EM_emailinput').val() == null || $('#EM_emailinput').val() == "") {
$('#EM_emailinput').val("Sign up and save $15!");
inputOverride = false;
closeModal();
} else {
}
});
//submit button
//upon click, validation will run checking for a valid email address and will send an ajax request with the email address to the server
$('#EM_submit').click(function() {
if($('#EM_emailinput').attr('value').indexOf('@') != -1){
if($('#EM_emailinput').attr('value').indexOf('.', $('#EM_emailinput').attr('value').indexOf('@')) != -1){
//cookies
$.cookie('SBEmailSignupOptOut', 'optOut:true;', {expires: 365, domain: DomainName});
var emailAddress = $('#EM_emailinput').attr('value');
createIframe(emailAddress);
triggerTY();
} else {
alert('Your email address is not correctly formatted. Please format your email address and re-submit.');
return false;
}
} else {
alert('Your email address is not correctly formatted. Please format your email address and re-submit.');
return false;
}
});
//trigger thank you modal function
//upon success of the ajax request, this function is triggered to fade out the email modal and display the thank you message modal
function triggerTY() {
createTYModal();
$('#EM_modal').fadeOut();
$('#EM_ty').delay(500).fadeIn();
closeTYmodal();
//thank you message close button
//when a user clicks on the close button in the thank you modal, a cookie will be set to prevent viewing for 1 year amd will trigger the animation to close the window
$('#EM_ty_close').click(function() {
//$.cookie('SBEmailSignupOptOut', 'optOut:true;', {expires: 365, domain: DomainName});
//animation
$('#EM_ty').animate({
top: hideHeight
}, 600);
});
}
function closeTYmodal() {
setTimeout(function () {
if(tyModalAutoClose == true) {
//alert(modalAutoClose);
$('#EM_ty').animate({
top: hideHeight
}, 600);
}
},interactionTriggerTime*1000);
}
});
');
$('#EM_modal').append('
');
$('#EM_close').css('display','block');
$('#EM_close').css('background','#000');
$('#EM_close').css('height','25px');
$('#EM_close').css('width','25px');
$('#EM_close').css('float','right');
$('#EM_close').css('cursor','pointer');
$('#EM_close').css('z-index','9999');
//form element styles
$('#EM_signupForm').css('width','430px');
$('#EM_signupForm').css('margin-left','auto');
$('#EM_signupForm').css('margin-right','auto');
$('#EM_emailinput').css('font-size','16px');
$('#EM_emailinput').css('width','430px');
$('#EM_emailinput').css('border','1px solid #000');
$('#EM_emailinput').css('color','#c06');
$('#EM_submitCtr').css('width','119px');
$('#EM_submitCtr').css('margin-top','14px');
$('#EM_submitCtr').css('margin-left','auto');
$('#EM_submitCtr').css('margin-right','auto');
$('#EM_submit').css('cursor','pointer');
$('#EM_blurb').css('width','460px');
$('#EM_blurb').css('margin-left','auto');
$('#EM_blurb').css('margin-right','auto');
$('#EM_disclaimer').css('width','460px');
$('#EM_disclaimer').css('margin-left','auto');
$('#EM_disclaimer').css('margin-right','auto');
}
function createTYModal() {
$('body').prepend('
');
$('#EM_ty').append('