$( document ).ready(function() {
  var profileKeywordTag = document.getElementById('profileKeywordTag').value;
  console.log('ProfileNewsTeaserList: profileKeywordTag = ' + profileKeywordTag);

  var profileTeaserListCid = document.getElementById('profileTeaserListCid').value;
  console.log('ProfileNewsTeaserList: profileTeaserListCid = ' + profileTeaserListCid);

  var maxNumProfileTeaserList = 3;
  if (document.getElementById('maxNumProfileTeaserList')) {
    maxNumProfileTeaserList = document.getElementById('maxNumProfileTeaserList').value;
  }
  else {
  	console.log('ProfileNewsTeaserList: maxNumProfileTeaserList key not found.  Using default: ' + maxNumProfileTeaserList);
  }
  console.log('ProfileNewsTeaserList: maxNumProfileTeaserList = ' + maxNumProfileTeaserList);
    
  var output = '\n';
     
  $.getJSON('/news/related-news/related-news.json', function(data) {
    //alert('getJSON() call succeeded!');
    if (profileKeywordTag != null) {
      var myExp = profileKeywordTag.toLowerCase();
      console.log('ProfileNewsTeaserList: myExp = ' + myExp);

      var firstFound = false;
      var numStories = 0;
      $.each(data, function(key, val) {
        for (i in val.tags) {
          console.log('ProfileNewsTeaserList: val.cid = ' + val.cid + ' tag[' + i + '] = ' + val.tags[i]);
          if (val.tags[i] == myExp)
          {
            numStories++;
            console.log('ProfileNewsTeaserList: numStories = ' + numStories);
            if (!firstFound) {
              firstFound = true;
              // Write "News" heading
              output +='                  <h2 class="field-label">News</h2>\n';
            }
            // Use external URL link if provided, otherwise use internal link
            var storyLink = val.link;
            if (val.exlink != null) {
              storyLink = val.exlink;
              console.log("ProfileNewsTeaserList: external link found: " + storyLink);
            }
            console.log("ProfileNewsTeaserList: Date = " + val.date + ", Title = " + val.title);
            //output += '<div class="container">\n';
            //output += '  <div class="row">\n';
            output += '    <div class="news teaser news--teaser teaser--with-thumbnail">\n';
            //output += '      <div class="col-md-6">\n';
            output += '        <div class="field field--thumbnail">\n';
            output += '          <a href="' + storyLink + '"><img src="' + val.thumbnail + '" alt="' + val.description + '"></a>\n';
            output += '        </div>\n';
            //output += '      </div> <!-- col-md-6 -->\n';
            //output += '      <div class="col-md-6">\n';
            output += '        <h3 class="teasertitle teasertitle--news"><a href="' + storyLink + '">' + val.title + '</a></h3>\n';
            output += '        <div class="field field--summary" style="max-width: none;">\n';
            if (val.exlink != null) {
              output += '        <div class="field field--source">\n';
              output += '          <a href="' + storyLink + '">' + extractHostname(storyLink) + '</a>\n';
              output += '        </div>\n';
            }
            output += '          <p>' + val.snippet + '</p>\n';
            output += '        </div>\n';
            output += '        <a class="textbtn" href="' + storyLink + '">Read more</a>\n';
            //output += '      </div> <!-- col-md-6 -->\n';
            output += '    </div> <!-- teaser--with-thumbnail -->\n';
            //output += '  </div> <!-- row -->\n';
            //output += '</div> <!-- container -->\n';
            
            if (numStories >= maxNumProfileTeaserList) {
              console.log("ProfileNewsTeaserList: found " + numStories + " news stories, so exiting each function.");
              var profileKeywordName = document.getElementById('profileKeywordName').value;
              output += '<div class="container">\n';
              output += '  <p>More <a href="/news/related-news/?tagged=' + profileKeywordTag + '&tagname=' + profileKeywordName + '">news for ' + profileKeywordName + '</a>\n';
              output += '</div> <!-- container -->\n';
              return false;
            }
          }
          else {
            console.log("ProfileNewsTeaserList: search match NOT found!");
            //alert("search match NOT found!");
          }
        } // end for loop             
      });  // each loop
    } // if (profileKeywordTag != null)
    else {
      console.log("ProfileNewsTeaserList: No keyword specified, so there are no related news articles.");
      output = "<p>No keyword specified, so there are no related news articles.</p>\n";
    }

    //Display results
    if (firstFound) {
      console.log("ProfileNewsTeaserList: Writing HTML output"); 
      $('#profileteaserlist').html(output);
      document.getElementById('profileteaserlist').style.display="block";
    }
    else {
      console.log("ProfileNewsTeaserList: No matching news stories found for keyword" + myExp);
    }
  }) // getJSON
  .fail(function() {
      console.log("ERROR: getJSON() call failed. Check that JSON file exists and name is correct.");
  });
});