﻿function videoRelatedInfo(jsonObject) {
  // videoRelatedContent is a "ul" tag where I can append my own "li" tags
  var videoRelatedContent = document.getElementById('VideoRelatedContent');
  if (videoRelatedContent.hasChildNodes())
    while (videoRelatedContent.childNodes.length >= 2)
      videoRelatedContent.removeChild(videoRelatedContent.lastChild);
  var relatedInfo = eval(jsonObject);
  for (var i in relatedInfo) {
    // Check for empty entries - fixes a bug where a list of "undefined" is
    // displayed when previewing a page
    if (relatedInfo[i].url == null)
      continue;
    // Add a "li" tag
    var li = document.createElement("li");
    videoRelatedContent.appendChild(li);
    if (relatedInfo[i].image != undefined && relatedInfo[i].image != '') {
      var aimage = document.createElement("a");
      // Add a href tag with an image inside to the li tag
      aimage.setAttribute("href", relatedInfo[i].url);
      aimage.setAttribute("target", relatedInfo[i].target);
      aimage.innerHTML = "<img src='" + relatedInfo[i].image + "'/>";
      li.appendChild(aimage);
    }
    // Add a href tag with a text inside to the li tag
    var atext = document.createElement("a");
    atext.setAttribute("href", relatedInfo[i].url);
    atext.setAttribute("target", relatedInfo[i].target);
    atext.innerHTML = relatedInfo[i].title;
    li.appendChild(atext);
  }  
}
