<?php global $base_url; ?>
<!-- BEGIN Timeline Embed -->
<a href="<?php print $base_url; ?>/<?php print $lang; ?>/node/<?php print $nid; ?>"><img style="z-index: 99999999; position: absolute; margin-top: 10px; margin-left: 10px;" src="/<?php print $module_path; ?>/images/isa-icon.png" alt="Instituto Socioambiental"></a>
<div id="timeline-embed" style="width:<?print $width; ?>; height: <?php print $height; ?>;"></div>
<script type="text/javascript">
  var timeline_config = {
      width:         "<?php print $width; ?>",
      height:        "<?php print $height; ?>",
      source:        "<?php print $source; ?>",
      start_at_end:   <?php print $start_at_end; ?>,
      hash_bookmark:  <?php print $hash_bookmark; ?>,
      css:           "<?php print $css; ?>",
      js:            "<?php print $js; ?>",
      font:          "<?php print $font; ?>",
      lang:          "<?php print $lang_js; ?>"
  }

  // Used to open links in the parent iframe when showing as a widget
  function MakeMenuLinksOpenInNewWindow() {
      var links = document.getElementsByTagName("a");
      for (var i = 0; i < links.length; i++) {
        links[i].target = "_parent";
      }
  }

  if (typeof(timelineWidget) != "undefined" && timelineWidget == true) {
    MakeMenuLinksOpenInNewWindow();
  }
</script>

<!--<img style="z-index: 99999999; position: relative; top: -50px; left: 10px;" src="/<?php print $module_path; ?>/images/isa-icon.png" alt="Instituto Socioambiental">-->

<script type="text/javascript" src="https://cdn.knightlab.com/libs/timeline/latest/js/storyjs-embed.js"></script>
<!-- Use timelinejs from CDN until we fix it's direct inclusion -->
<!--<script type="text/javascript" src="/<?php print $library_path; ?>/compiled/js/storyjs-embed.js"></script>-->
<!-- END Timeline Embed -->