(function(){

        try{
            template = document.createElement('div');
            template.innerHTML = '<script type="text/html" id="queryly_related_template">	<li>        <div class="articleSidebar__eyebrowWrapper--2uZCY">            <a class="articleSidebar__eyebrowLink--3ICd5" href="https://fortune.com/section/<%=queryly.relateddata.section%>/?queryly=related_article" section="<%=queryly.relateddata.section%>" data-label="category click : <%=queryly.relateddata.title%>"><%=queryly.relateddata.section%></a>        </div>        <div class="articleSidebar__wrapper--H2n_O">            <div class="articleSidebar__bottom--31Ro-">                <a class="articleSidebar__link--3Wqxo" href="<%=queryly.relateddata.link%>?queryly=related_article" section="<%=queryly.relateddata.section%>" data-label="title click : <%=queryly.relateddata.title%>">                    <div style="margin-bottom:10px"><%=queryly.relateddata.title%></div>                </a>            </div>            <div class="articleSidebar__top--2Cgkm">                <a href="<%=queryly.relateddata.link%>?queryly=related_article" section="<%=queryly.relateddata.section%>" data-label="banner click : <%=queryly.relateddata.title%>">                    <figure>                        <span class="image__wrapper--i55tn image__apsectRatio--BncNO image__lazyload--1CqFg image__loaded--2E5R8" style="padding-bottom: 66.6667%;">                            <img class="image__img--3bauF" src="<%=queryly.relateddata.image%>" sizes="100px" width="100%" height="100%" style="max-width:130px;" alt="<%=queryly.relateddata.title%>"/>                        </span>                    </figure>                </a>            </div>        </div>        <div>             <div style="color:#999;font-size: 14px;font-weight: normal;"><%=queryly.relateddata.pubdate%></div>            <div class="contentListItem__bylineWrapper--1Eqny" style="display: inline-flex; flex-wrap: wrap;">               <%if (queryly.relateddata.creatorhtml != \'\') {%>                <span style="color: rgb(112, 105, 107);">By </span><%=queryly.relateddata.creatorhtml%>               <%}%>            </div>        </div>    </li></script><script type="text/html" id="queryly_related_template_bottom">                     		<li class="content-wrapper">            <div class="content">            	<div class="card">                    <span class="image-wrapper">                          <span style="box-sizing:border-box;display:block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative">                              <span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;padding-top:66.66666666666666%"></span>                              <img alt="" loading="lazy" src="<%=queryly.relateddata.image%>" decoding="async" data-nimg="responsive" class="image-link" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%; object-fit: cover;">                          </span>                    </span>                     <div class="eyebrow">                     	<span class="link-wrapper">                     		<a href="https://fortune.com/section/<%=queryly.relateddata.section%>/?queryly=related_article" target="_self" class="section-link styled-custom-link" data-cy="postEyebrow" aria-label=""><%=queryly.relateddata.section%></a>                     	</span>                     </div>                     <h2 class="title-link-wrapper">                     	<a href="<%=queryly.relateddata.link%>?queryly=related_article" target="_self" class="title-link styled-custom-link" data-cy="postTitle" aria-label="<%=queryly.relateddata.title%>"><%=queryly.relateddata.title%></a>                     </h2>                     <div data-cy="postAuthors" class="card-info-wrapper">                     	<div class="author-list">                     		<span class="by-text">BY</span>                     		<span class="list-item-wrapper">                     			<%=queryly.relateddata.creatorhtml%>                     		</span>                     	</div>                     	<div data-cy="postDate" class="date"><%=queryly.relateddata.pubdate%></div>                     </div>                 </div>            </div>        </li></script>';
            document.head.appendChild(template);
  
            //var anchor = '#article-popular';
var anchor = '#article-related';
var related_template = 'queryly_related_template';
queryly.related.batchSize = 6;
queryly.related.decay = 5;
queryly.extendedDataFields = "creator,section";

queryly.callback.relatedClicked = function (link) {
	var section = link.getAttribute("section");
	var label = link.getAttribute("data-label");
  	window.dataLayer = window.dataLayer || [];
  	window.dataLayer.push({
      "event" : "eventTracker",
      "eventAction" : section,
      "eventLabel" : label,
      "eventCategory" : "Navigation",
      "contentPlacementCD" : 'related articles'
	});
}

queryly.QuerylyRelatedCallback = function (related) {
    if (related == null || related.items == null) {
        return;
    }
    if (document.location.href.indexOf('/education/') >=0 || document.location.href.indexOf('/recommends/') >=0){
      return;
    }
  	
 	var templatename = 'queryly_related_template';
    var existingarticles = [];



        var relateditemhtml = '';
        var counter = 0;

        for (var relateditemcount = 0; relateditemcount < related.items.length; relateditemcount++) {
            try {
                queryly.relateddata = related.items[relateditemcount];
                //queryly.relateddata.title = queryly.relateddata.title.replace(/(([^\s]+\s\s*){18})(.*)/, "$1...");
                if (existingarticles.indexOf(queryly.relateddata.title) >= 0){continue;}
              
                existingarticles.push(queryly.relateddata.title);
              	var recommendsArticle = queryly.relateddata.link.match(/recommends/g);
              	if (recommendsArticle) {
                	queryly.relateddata.pubdate = '';
                } else {
                	queryly.relateddata.pubdate = (new Date(queryly.relateddata.pubdate)).toLocaleDateString('en-US',{ year: 'numeric', month: 'long', day: 'numeric' });
                }
              
                if (queryly.relateddata.image.indexOf('resize=1200,600') > 0){
                  //queryly.relateddata.image = queryly.relateddata.image.replace('resize=1200,600','resize=130,86');
                }
                else if (queryly.relateddata.image.indexOf('?') < 0){                  
                	//queryly.relateddata.image = queryly.relateddata.image + '?resize=130,86';
                }
                else{
                  //queryly.relateddata.image = queryly.relateddata.image + '&resize=130,86';
                }
              queryly.relateddata.image = queryly.relateddata.image.replace('?w=2048','?w=1024');
              
                var creators = queryly.relateddata.creator.split(',');
                var creatorhtml = '';
                for (var i=0;i < creators.length; i++){
                  if (creators[i].trim() == "The Associated Press"){
                    creators[i] ="Associated Press";
                  }
                  if (creators[i] == '') {continue;}
                  
                  creatorhtml = creatorhtml + '<a href="https://fortune.com/author/' + creators[i].trim().replaceAll(" ","-") + '/?queryly=related_article" section="' + queryly.relateddata.section + '" data-label="author name : ' + creators[i] + '" style="text-decoration: none;color: #000;font-weight: 600;">' + creators[i] + '</a>';
                  if (i == 0){
                    if (creators.length ==2){
                      creatorhtml = creatorhtml + " <font style='font-weight:normal'>and</font> ";
                    }
                    else if (creators.length > 2){
                      creatorhtml = creatorhtml + ", ";
                    }                     
                  }
                  else if (i == 1 && creators.length > 2){
                      creatorhtml = creatorhtml + "<span style='color:#000;font-weight:normal;'> and Others</span>";
                      break;
                  }
                }
                queryly.relateddata.creatorhtml = creatorhtml;
              	if (document.querySelector(anchor) != null){
                  relateditemhtml = relateditemhtml + queryly.util.tmpl(related_template, queryly.relateddata);
                }
                else{
                    relateditemhtml = relateditemhtml + queryly.util.tmpl('queryly_related_template_bottom', queryly.relateddata);
                }
                counter = counter + 1;
            }
            catch (e) {}
        }
 
        if (relateditemhtml != '') {
          if (document.querySelector(anchor) != null){
           	htmlcontent ="<div class='articleRelated__heading--2lPt-'>Related Articles</div><ul class='articleRelated__list--1L7vK'>" + relateditemhtml + "</ul>";
            document.querySelector(anchor).innerHTML = htmlcontent;          	
           	queryly.related.hookRelatedEvent('#article-related a');
          }
          else{
            htmlcontent ="<div class='heading'><h2 class='latest-popular-title'>Related Articles</h2></div><ul class='latest-popular-content'>" + relateditemhtml + "</ul>";
            //document.querySelector('#article-content').innerHTML = htmlcontent; 
            var newNode=document.createElement("div");
            newNode.setAttribute('class','latest-popular-module');
            newNode.setAttribute('id','article-related');
            newNode.innerHTML = htmlcontent; 
            //document.querySelector('#article-content').parentNode.insertBefore(newNode, document.querySelector('#article-content').nextSibling);
            document.querySelector('#article-content').parentNode.appendChild(newNode);
            queryly.related.hookRelatedEvent('#article-related a');
          }
                
    }
    else {
        setTimeout(queryly.QuerylyRelatedCallback(related), 1000);
    }
};
                
            var relatedurl = '//related.queryly.com/json.aspx?queryly_key=' + queryly.QuerylyKey + '&callback=queryly.QuerylyRelatedCallback' + '&pageurl=' + encodeURIComponent('https://fortune.com/best-workplaces-for-diversity/2019/box-inc/') + '&batchsize=' + queryly.related.batchSize + '&decay=' + queryly.related.decay + "&extendedDataFields=" + encodeURIComponent(queryly.extendedDataFields);
            if (typeof queryly.related.title != 'undefined' && queryly.related.title != ''){
                var relatedurl = '//related.queryly.com/json.aspx?queryly_key=' + queryly.QuerylyKey + '&callback=queryly.QuerylyRelatedCallback' + '&batchsize=' + queryly.related.batchSize + '&decay=' + queryly.related.decay + "&extendedDataFields=" + encodeURIComponent(queryly.extendedDataFields) + '&title=' + encodeURIComponent(queryly.related.title);
                if (typeof queryly.related.text != 'undefined' && queryly.related.text != ''){
                    if (queryly.related.text.length < 512){
                        relatedurl = relatedurl + '&text=' + encodeURIComponent(queryly.related.text);
                    }
                    else{
                        relatedurl = relatedurl + '&text=' + encodeURIComponent(queryly.related.text.substring(0,512));
                    }
                }
            } 

            if (queryly.related.feednames != ''){
                relatedurl = relatedurl + '&feednames=' + encodeURIComponent(queryly.related.feednames)
            }            
            
            if (typeof queryly.related.facetedkey != 'undefined' && typeof queryly.related.facetedvalue != 'undefined'){
                relatedurl = relatedurl + '&facetedkey=' + encodeURIComponent(queryly.related.facetedkey) + "&facetedvalue=" + encodeURIComponent(queryly.related.facetedvalue);
            }
            
            
          
            queryly.util.loadScript(relatedurl, function () {
            });
        }
        catch(e){}       
    
})();