//** Small wrapper for using local storage *
!function(){
  var noop = function(){};

  //~ Global namespace
  window._ForeignPolicy_ = window._ForeignPolicy_ || {};

  window._ForeignPolicy_.localdata = {};

  //~ GET
  window._ForeignPolicy_.localdata.get = (window.localStorage && localStorage.getItem)
    ? function(key){
      return localStorage.getItem(key);
    }
    : noop;

  //~ SET
  window._ForeignPolicy_.localdata.set = (window.localStorage && localStorage.setItem)
    ? function(key, val){
      localStorage.setItem(key, val);
    }
    : noop;

  //~ DEL
  window._ForeignPolicy_.localdata.del = (window.localStorage && localStorage.removeItem)
    ? function(key){
      localStorage.removeItem(key);
    }
    : noop;
}();
;
// This is lifted from the FP Drupal JS stack as it's a dependency for the identity scripts.

var utils = (function($){

  /**
   * Helpers
   *
   * `toString` does not implement a `call` method natively
   * in IE
   */

  var toString = ({}).toString;

  /**
   * Very simple templating function
   */

  var template = (function(){

    /**
     * Constants
     */

    var NO_MATCH = '';

    /**
     * Simple string replacement token (e.g., {{ url }})
     */

    var token = /\{\{ *(\w+) *\}\}/g;

    /**
     * Return a function that can obtain a template using jQ
     * selectors
     */

    return function(HTMLString){

      /**
       * First obtain the template and get its HTML
       *
       * Note: `$.trim` must be called to avoid a newline
       * error when creating a jQ object from an HTML
       * string
       */

      HTMLString = $.trim(HTMLString);

      /**
       * Simple helper function for string replacement
       */

      var interpolate = function(values) {

        /**
         * E.g., match = {{url}}, submatch = url
         */

        return HTMLString.replace(token, function(match, submatch){

          return (submatch in values ? values[submatch] : NO_MATCH);

        });

      };

      /**
       * Return a function that can perform simple string
       * replacement
       *
       * If an array is provided, it assumed it is an array
       * of objects using the same template
       */

      return function(values){

        var buffer, index, length;

        if ('[object Array]' !== toString.call(values)) {

          return interpolate(values);

        }

        buffer = '';

        index  = 0;

        length = values.length;

        while (index < length) {

          buffer += interpolate(values[index++]);

        }

        return buffer;

      }

    };

  })();


  /**
   * Simple sharing function
   *
   * Useful for directly embedding into the
   * `onclick` attribute
   */

  var share = (function(){

    /**
     * Just a shorthand alias
     */

    var esc = encodeURIComponent;

    /**
     * Predefined share URLs
     *
     * Uses the templating utility function
     * for string replacement
     */

    var redirectUri;
    if (window.fpUtilsLoc && window.fpUtilsLoc.redirectUri) {
      redirectUri = window.fpUtilsLoc.redirectUri;
    } else {
      redirectUri = 'https://foreignpolicy.com/';
    }

    var endpoints = {

      twitter      : template('https://twitter.com/intent/tweet?text={{text}}&url={{url}}'),
      facebook     : template('https://www.facebook.com/dialog/share?app_id=373958131177192&display=popup&href={{url}}&redirect_uri=' + esc(redirectUri)),
      google       : template('https://plus.google.com/share?url={{url}}'),
      'google-plus': template('https://plus.google.com/share?url={{url}}'),
      //~ NOTE: https://developer.linkedin.com/docs/share-on-linkedin
      linkedin     : template('https://www.linkedin.com/shareArticle?url={{url}}&mini=true&title={{title}}&summary={{text}}'),
      reddit       : template('http://www.reddit.com/submit?url={{url}}')

    };

    /**
     * Actual sharing function
     *
     * Opens a new window. Expects to be passed the
     * context of the sharing (i.e., `this`) so it
     * can obtain some `data-` values
     */

    return function(context){

      context = $(context);

      var endpoint = endpoints[context.data('endpoint')];

      if (!endpoint) return;

      var url = $.trim(context.data('url')) || 'https://foreignpolicy.com';

      //~ The updated Facebook share API seems to require https to match the
      //~ og:url, which is https
      //
      //~ Similar logic for testing LinkedIn shares...
      if ('facebook' === context.data('endpoint') || 'linkedin' === context.data('endpoint')) {
        url = url.replace('http://', 'https://');
        if (window.fpUtilsLoc && window.fpUtilsLoc.isDev) {
          url = url.replace(/\/\/(dev|sandbox|stg\d{2})\./, '//');
        }
      }

      var data = {

        title : esc(context.data('title') || 'Foreign Policy'),
        text  : esc(context.data('text')  || context.data('title') || 'Check this story out at ForeignPolicy.com!'),
        url   : esc(url)

      };

      window.open(endpoint(data), 'Share', 'toolbar=0, status=0, width=900, height=500');

    };

  })();


  /**
   * Print wrap function in case 
   * browser specific printing JS 
   * is required
   */

  var printer = function(){
    window.print();
  };


  return {

    template          : template,
    share             : share,
    printer           : printer

  };

})(jQuery);
;
/**
 * Cookie message for GDPR
 * 
 * @param   {object}  w     - window object.
 * @param   {object}  d     - document object.
 * @param   {object}  $     - jQuery object.
 * @param   {object}  utils - utilities helper from /static/js/utils.js.
 * @param   {object}  _FP   - localstorage helper from /static/js/utils/localstorage.js.
 */

(function(w, d, $, utils, _FP){

	/**
  	 * jQuery elements
	 */
	var doc  = $(d)
		, sticky_container = $('.sticky_content');

	/**
	 * Cookie message
	 */
	var htmlInfo = (
			'<div class="sticky_message cookie_message" id="cookie_message_anchor">' + 
    '<p>By using this website, you agree to our use of cookies. This use includes personalization of content and ads, and traffic analytics. Review our <a href="/privacy/">Privacy Policy</a> for more information.</p>' + 
    '<a href="#cookie_message_anchor" class="cookie_message_close counter_close" aria-label="Click here to close"><img draggable="false" class="emoji" alt="Click here to close" src="https://www.foreignpolicy.com/wp-content/themes/foreign-policy-2017/assets/src/images/icons/close-white.svg" /></a>' +
    '</div>'
		)
		, infoTpl  = utils.template(htmlInfo);


	/**
	 * Show cookie message
	 */
	function show() {

		// If message has been seen and closed by user, exit
		if ( 'fp_cookie_message_acknowledged' === _FP.localdata.get('fp_cookie_message') ) {
			return;
		}

		// Show cookie message if it doesn't already appear in DOM
		if( $('.cookie_message').length < 1 ) {
			sticky_container.append( infoTpl() ).addClass('cookie_message_displayed');
			addFooterPadding();
			addGatingMargin();
			doc.on('click touchstart', '.cookie_message .cookie_message_close', hideMessage);
		}

	}
	show();


	/**
	 * Add bottom margin to gating to account for sticky message
	 */
	function addGatingMargin() {
		if( $(window).width() > 599 && $('#main > .in-article-subscribe-expandable-container').length < 1 ) {
			var stickyHeight = sticky_container.outerHeight();
			if( stickyHeight < 1 ) {
				stickyHeight = '3em'; 
			} else {
				stickyHeight = stickyHeight * 1.75;
			}
			$('#main > .in-article-subscribe-expandable-container').css( 'margin-bottom', stickyHeight );
		}
	}


	/**
	 * Add padding to footer to account for sticky message
	 */
	function addFooterPadding() {
		var stickyHeight = sticky_container.outerHeight() - parseInt( sticky_container.css('padding-bottom') );
		if( stickyHeight < 1 ) {
			stickyHeight = '3em'; 
		} else {
			stickyHeight = stickyHeight * 1.75;
		}
		$('.site-footer').css( 'padding-bottom', stickyHeight );
	}


	/**
	 * Hide the cookie message
	 */
	function hideMessage() {
		//~ Save local storage/cookie for takeover view
		_FP.localdata.set('fp_cookie_message', 'fp_cookie_message_acknowledged');
		$('.cookie_message').hide();
		addFooterPadding();
		addGatingMargin();
	}

/* eslint-disable no-undef */
// utils - utilities helper from /static/js/utils.js.
// _FP   - localstorage helper from /static/js/utils/localstorage.js.
})(window, document, jQuery, utils, _ForeignPolicy_);
/* eslint-enable no-undef */
;