tabbit

Thu Mar 14 2019
Copied to clipboard! Copy reply
//append facebook api script
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));


//Assign this to a URL on demo load, redirect after demo is closed.
var redirect;

/*========================== Open, close lightbox =====================*/
$(document).ready(function(){
/*Open on click*/
$(".open-demo-btn").on('click', function(){
  //preselct lang in button class name
  for (var c in this.classList) {
    if(typeof this.classList[c]==="string" && this.classList[c].match(/^\w\w\w$/)) {
      $("a[rel="+this.classList[c]+"]").click(); 
    }
  }
  // if no language found, go back to lang list
  if ($(".demo-drop li a.selected").length==0) {
    $("#demo-change-lang").click();
    $(".demo-lang-wrap").hide();
  }
  //create new yellow transition
  var tb = new TransitionBox(this,$(".demo-wrap")[0]);
  $(".demo-lightbox-mask").addClass("active");

  // demo analytics
  $(document).trigger('demo_events_version', { 
    version: 1,
    description: '',
    standard: 'http://tabbit.org/%E2%98%8D%E2%98%B9W'
  });

  // put focus in email text box
  setTimeout(function(){
    $('.demo-wrap .email-input:eq(0)').focus();
  }, 500);
});
// accessibility for demo opener
$(".open-demo-btn").attr('tabindex','0');
$(".open-demo-btn").on('keydown', function(e){
  if(e.keyCode===13){
    e.preventDefault();
    $(this).click();
  }
})
/*Close on click outside */
$(".demo-lightbox-mask").click(function(){closeLightbox()});

/* Close on ESC */
$(document).keyup(function(e){
  if (e.keyCode == 27) {
    closeLightbox();
  }
});
/*Close on 'close' click*/
$("span#close-lb").click(function(){closeLightbox()})
$("#demo-box .close-btn").click(function(){closeLightbox()});
closeLightbox();
});
function closeLightbox() {
$(".demo-lightbox-transition").css("background","#ecc200");
$(".demo-wrap").removeClass("play");
$(".demo-wrap").removeClass("active");
$(".demo-lightbox-mask").removeClass("active");
$(".arrow").removeClass("active");
$("html, body").removeClass("stop-scrolling");
$("#demo-box iframe").attr("src","");
if (typeof redirect != "undefined") {
  setTimeout(function() {window.location.href = redirect;},0);
}
}

function TransitionBox (from, to) { // yellow transition effect
var self = this;
this.from = from;
this.to = to;
this.tb = document.createElement("div");
this.tb.className = "demo-lightbox-transitions";
this.tb.style.width = from.offsetWidth+"px";
this.tb.style.height = from.offsetHeight+"px";
this.tb.style.top = from.className.match("demo-wrap")?window.scrollY+from.offsetTop-from.offsetHeight/2:from.offsetTop+"px";
this.tb.style.left = from.className.match("demo-wrap")?window.scrollX+from.offsetLeft-from.offsetWidth/2:from.offsetLeft+"px";
var par = document.getElementsByClassName("demo-lightbox-transition")[0];
par.parentNode.insertBefore(this.tb, par.nextSibling);
$(this.tb).animate({
  "top": $(to).offset().top + "px",
  "left": $(to).offset().left + "px",
  "width": $(to).outerWidth() + "px",
  "height": $(to).outerHeight() + "px"
}, 300, function() {
  if ($(".demo-lightbox-mask").hasClass("active")) {$(self.to).addClass("active");}
  $(this).fadeOut(300,function(){this.remove;});
});
}

/*========================= Open, close dropdowns =====================*/
$(document).ready(function(){
$(".demo-wrap").click(function (e) {
  var dd = $(e.target).find(".arrow").addBack('.arrow');
  if($(".dropdown-box").has($(e.target)).length>0) {
    e.stopPropagation(); return false; /* do nothing on click inside */
  }
  if($(e.target).hasClass("demo-drop") || $(e.target).hasClass("arrow")){
    if (dd.hasClass("active")) { /* toggle on dd click */
      dd.removeClass("active");
    } else {
      $(".arrow").removeClass("active");dd.addClass("active");
    }
    e.stopPropagation(); fade(); return false;
  }
    $(".arrow").removeClass("active"); /* and close on click outside */
    fade();
});
function fade() {
  var all = $(".arrow").parents(".lightbox-product-inner");
  var active = $(".arrow.active").parents(".lightbox-product-inner");
    if(active.length>0) {
      all.css("opacity","0.5");
    active.css("opacity","1");
  } else {
    all.css("opacity","1");
  }
}
});

/*===================== Select Language from dropdown =================*/
$(document).ready(function(){
$(".demo-drop ul li a").click(function (e) {
  $(document).trigger('demo_language', {language: $(this).text(), lang_code: $(this).attr("rel").toUpperCase()});
  $(".lightbox-product-inner").find(".email-input").attr("required",false);
  $(".demo-drop ul li a").removeClass("selected");
  $(this).addClass("selected");
  $(".selected-lang").html($(this).html());
  $(".arrow").removeClass("active");
  $(".demo-lang-wrap").show();
  $(".demo-lang-wrap").removeClass("lang-select");
  $(".signup-options").slideDown();
  $(".start-demo-btn").slideDown();
  $(".demo-drop").slideUp();
  if (RSUI.util.getCookie("curEmailIdsc")) {
    $(this).parents(".lightbox-product-inner").find(".email-input").val(RSUI.util.getCookie("curEmailIdsc"));
  }
  $(this).parents(".lightbox-product-inner").find(".email-input").attr("required",true).focus();
});
});
/* ======================== Go back to lang list =========================*/
$(document).ready(function(){
$("#demo-change-lang").click(function () {
  if ($(".demo-lang-wrap").hasClass("lang-select")) {
    $(".demo-drop li a.selected").click();
  } else {
    $(".demo-lang-wrap").addClass("lang-select");
    $(".signup-options").slideUp();
    $(".start-demo-btn").slideUp();
    $(".demo-drop").slideDown();
  }
});
});
/* ========================= Facebook FB login ===========================*/
$(document).ready(function doFB(xn){
if(typeof FB == 'undefined'){
   var xn = xn || 100;
   return xn > 10000000 ? false : setTimeout(doFB, xn, 10 * xn);
}
FB.init({
  appId: "1091422140883673",
  status: true,
  cookie: true,
  xfbml: true,
  oauth: true,
  channelUrl: window.location.protocol + '//' + window.location.hostname + '/facebook/channel'
});
$("#facebook-login").click(function(){
  FB.login(function(response) {
        if (response.authResponse) {
            FB.api('/me', function(me) {
                //fb login success
                var selectedLang = $(".demo-drop .selected");
                var demoURL = selectedLang.attr("data-url");
                var demoLangCode = selectedLang.attr("rel");
                jQuery.when(submitEmailToEC(me.email, demoLangCode,"!!US_Web_Leads")).then(openDemo(demoURL));
            });
        } else {
            //facebook failed
            console.log("fb fail");
        }
    }, {
        scope: 'email'
  });
});
});
/* ============================ Validate Form ============================*/
$(document).ready(function(){
$(".start-demo-btn").click(function (e) {
  function validateEmail(email) {
      var re = /\S+@\S+\.\S+/; 
      re.test(email) ? verify_real_email(email,validateSuccess,validateFail) : validateFail();
  }
  function validateSuccess() {
      if (!RSUI.util.getCookie("curEmailIdsc")) { 
          jQuery.when(submitEmailToEC(email.val(), lang,"!!US_Web_Leads")).then(openDemo(demoURL)); 
      } else {
          openDemo(demoURL);
      } 
      return false;
  }
  function validateFail() {
      email.css("border","2px solid red").val("").prop("placeholder","PLEASE ENTER A VALID EMAIL").focus();
  }
  var selLang = $(this).parents(".lightbox-product-inner").find("li a.selected")
  var lang = selLang.attr("rel");
  var demoURL = selLang.attr("data-url")
  if (typeof lang == "undefined") {return false;}
  var email = $(this).parent().find(".email-input");
  if (email.attr("required")) {
      validateEmail(email.val())
  }
});
});



/**************************************************
BRITEVERIFY EMAIL VERIFICATION
***************************************************/

function verify_real_email(email, success_callback, failure_callback){

// make sure all parameters are used
if(!email || !success_callback || !failure_callback){
  return;
}

// if gdpr consent isn't given, skip the validation and go straight to the demo
var gdpr_consent_given = window.gdpr && window.gdpr.email_consent; // note: US country_code sets consent to 'implied'
if(!gdpr_consent_given){
  success_callback();
  return;
}

// if request isn't found in 2 sec or less, move on without it
var max_wait_seconds = 2;
window.briteverify_timeout_finished_first = false;
window.briteverify_api_finished_first = false;
setTimeout(function(){
  if(!window.briteverify_api_finished_first){
    window.briteverify_timeout_finished_first = true;
    success_callback && success_callback();
  }
}, max_wait_seconds*1000);


// hit briteverify api (https://support.briteverify.com/javascript-api)
var data = { 
  username: 'pestes',
  address: email
};
var url = 'https://bpi.briteverify.com/emails.json';

$.get(url, data, function (results) {

  if(!window.briteverify_timeout_finished_first && results && results.status){

    window.briteverify_api_finished_first = true;

    if(results.status==='invalid'){
      failure_callback && failure_callback();
    }
    else{
      success_callback && success_callback();
    }
  }

},'jsonp');
}

/* ============================ Open Demo ============================*/
function openDemo(demoURL) {

// EFIGS languages have a two character code because of the way the Demo URLs are formatted
var langMap = {
  'en': 'english',
  'fr': 'french',
  'it': 'italian',
  'de': 'german',
  'es': 'spanish',
  'ara': 'arabic',
  'chi': 'chinese',
  'dar': 'dari',
  'ned': 'dutch',
  'ebr': 'english(british)',
  'tag': 'filipino',
  'grk': 'greek',
  'heb': 'hebrew',
  'hin': 'hindi',
  'ind': 'indonesian',
  'gle': 'irish',
  'jpn': 'japanese',
  'kor': 'korean',
  'lat': 'latin',
  'pas': 'pashto',
  'far': 'persian',
  'pol': 'polish',
  'por': 'portuguese',
  'rus': 'russian',
  'esc': 'spanish(spain)',
  'kis': 'swahili',
  'sve': 'swedish',
  'tur': 'turkish',
  'urd': 'urdu',
  'vie': 'vietnamese'
};

var startlang = demoURL.match(/lang=en-(..)/) || demoURL.match(/lang=(...)/);
startlang = startlang.length > 1 && startlang.pop();
var _demolang = startlang && langMap[startlang];
var startopts = {
  version: 'd4',
  version_description: 'desktop_demo',
  start_time: new Date()
};
!!_demolang && (startopts['lang'] = _demolang);
$(document).trigger('demo_start', startopts);
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
  setTimeout(function() {
    window.location.href = demoURL;
  }, 350);
}
$("#demo-box iframe").remove();
var iframe = document.createElement("iframe");
iframe.src = demoURL;
iframe.width = "100%";
iframe.height = "100%";
iframe.scrolling = "no";
iframe.frameborder = "0";
$(".demo-wrap").addClass("play");
$("#demo-box").append(iframe);

// put keyboard focus in iframe for accessibility
setTimeout(function(){
  iframe.contentWindow.focus();
},900);

if (~demoURL.indexOf("type=k12")) redirect = "https://www.rosettastone.com/k12";
if (~demoURL.indexOf("type=busn")) redirect = "https://www.rosettastone.com/business";
}

/* ========================== Send Email To EC ========================*/
function submitEmailToEC(email, langCode, cis_name) {
  var isDesktop=!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)
    var defer = jQuery.Deferred();

    var gdpr_consent_given = window.gdpr && window.gdpr.email_consent; // note: US country_code sets consent to 'implied'

    // if we don't have consent, skip the email collection and go directly to demo
    if(!gdpr_consent_given){
      defer.resolve('success');
    }

    else if(gdpr_consent_given){

      $(document).trigger('demo_email', {
        email: email,
        is_offer: false
      });

      var baseURL = (window.location.href.search(/(\.stg\.)|(local)/i)>-1 ?
            'https://www.stg' : 
            'https://www') 
            + '.rosettastone.com/?p_p_id=rosettaajaxsubmit_WAR_rosettaajaxsubmitportlet&p_p_lifecycle=2&data=';
      
  
      var lead_page = window.location.href
      var form_url = window.location.pathname
      
      
      if (window.location.href.match(/\.com\/$/i) != null) {
        // home page
        lead_type = 'demo_video';
        lead_page = 'homepage'
        form_url = 'rosettastone.com'
        if (window.location.href.match(/espanol/i)) {
          // espanol home page
          lead_type = 'demo_video';
          lead_page = 'homepage'
          form_url = 'espanol.rosettastone.com'
        }
      }
      if (window.location.href.match(/learn-*/i) != null) {
        lead_type = 'demo_video';
        lead_page = 'learn_page'
        form_url = 'learn pages'
      }
      if (window.location.href.match(/speak-*/i) != null) {
        lead_type = 'demo_video';
        lead_page = 'speak_page'
        form_url = 'speak pages'
      }
      if (window.location.href.match(/buy-*/i) != null) {
        lead_type = 'demo_video';
        lead_page = 'learn_page'
        form_url = 'buy pages'
      }
      if (window.location.href.match(/opdemo2/i) != null) {
        lead_type = 'demo_video';
        lead_page = 'demo_page'
        form_url = '/lp/opdemo2'
      }
      if (window.location.href.match(/\/demo\//i) != null) {
        lead_type = 'demo_video';
        lead_page = 'demo_page'
        form_url = '/demo'
      }
      if (window.location.href.match(/\/freetrial\//i) != null) {
        lead_type = 'freetrial';
        lead_page = 'trial_page'
        form_url = '/freetrial'
      }
      if (window.location.href.match(/\/reviews\//i) != null) {
        lead_type = 'demo_video';
        lead_page = 'reviews'
        form_url = '/reviews'
      }
      if (window.location.href.match(/\/testimonials\//i) != null) {
        lead_type = 'demo_video';
        lead_page = 'testimonials'
        form_url = '/testimonials'
      }
      if (window.location.href.match(/\/opdemo-es\//i) != null) {
        lead_type = 'demo_video';
        lead_page = 'demo_page'
        form_url = '/lp/opdemo-es'
      }
      if (window.location.href.match(/\/aprende-*\//i) != null) {
        lead_type = 'demo_video';
        lead_page = 'learn_page'
        form_url = 'aprende pages'
      }
      if (window.location.href.match(/\/homeschool\/reviews\//i) != null) {
        lead_type = 'demo_video';
        lead_page = 'homeschool_reviews'
        form_url = '/homeschool/reviews'
      }
      if (window.location.href.match(/\/homeschool\/demo\//i) != null) {
        lead_type = 'demo_video';
        lead_page = 'homeschool_demo'
        form_url = '/homeschool/demo'
      }

      
      
      var data = {
          email : email,  // required
          cis_name : '!!US_Web_Leads', // required
          form_url : form_url,  // required
          website: 'US_WEBSITE', // required
          lead_type : lead_type,
          lead_page : lead_page,
          form_type : form_url, // not required, but if omitted, lead_page defaults to 'PE'
          demo_lang : langCode,
          consent_type : ( window.gdpr && window.gdpr.email_consent ) || null,          
          visit_country_code : ( window.gdpr && window.gdpr.country_code ) || null,                
          cid: _satellite.getVar('mostrecentcampaign'),
          demo_device: isDesktop ? 'desktop' : 'mobile',
      }

      var request = jQuery.post(baseURL + encodeURIComponent(JSON.stringify(data)), data);

      request.done(function(msg) {
        if (!!msg.match(/true/))
        {
          // record the email in a cookie that expires in 30 days
          RSUI.util.setCookie("curEmailIdsc",email)
          //document.cookie = 'curEmailIdsc='+email+'; max-age='+60*60*24*30+'; path=/;';
          defer.resolve('success')
        }
      });
    }

    return defer.promise()
}
/* ======================= Send Email To Eloqua ======================*/
function submitEmailToEloqua(email, elqFormName) {
function GetElqCustomerGUID(){
  var guid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {var r = Math.random()*16|0, v = c == 'x' ? r : (r&0x3|0x8); return v.toString(16);});
  return guid;
}
var elqURL = "http://s1294.t.eloqua.com/e/f2?C_EmailAddress="+email+"&redirect_url=&elqFormName="+elqFormName+"&elqSiteID=1294&elqCustomerGUID="+GetElqCustomerGUID()+"&elqCookieWrite=0";
ifrm = document.createElement("IFRAME");
ifrm.setAttribute("src", elqURL);
ifrm.style.width = "0px";
ifrm.style.height = "0px";
ifrm.style.display = "none";
$("body").append(ifrm);
  // Doty's demo pixel
// $('body').append('<img height="1" width="1" style="border-style:none;" alt="" src="//www.googleadservices.com/pagead/conversion/1041440066/?label=WzGCCNzOy1gQwrrM8AM&amp;guid=ON&amp;script=0"/>')
$(document).trigger('demo_email', {
  email: email,
  is_offer: false
});
// record the email in a cookie that expires in 30 days
document.cookie = 'curEmailIdsc='+email+'; max-age='+60*60*24*30+'; path=/;';

}
/* ===================== Remove v3 demo for tablet ===================*/
$(document).ready(function(){
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
  $(".drop-col:not(:first-child)").remove();
  $(".drop-col ul").css("width","16.5em");
}
});
/* ===================== extend addBack for old jQuery ===================*/
$(document).ready(function(){
jQuery.fn.addBack = function (selector) {
    return this.add(selector == null ? this.prevObject : this.prevObject.filter(selector));
}
});