$.extend($.easing,
{
    def: 'easeOutQuad',
    easeInOutExpo: function (x, t, b, c, d) {
        if (t==0) return b;
        if (t==d) return b+c;
        if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
        return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
    }
});

(function( $ ) {

    var settings;
    var disableScrollFn = false;
    var navItems;
    var navs = {}, sections = {};

    $.fn.navScroller = function(options) {
        settings = $.extend({
            scrollToOffset: 170,
            scrollSpeed: 800,
            activateParentNode: true,
        }, options );
        navItems = this;

        //attatch click listeners
    	navItems.on('click', function(event){
    		event.preventDefault();
            var navID = $(this).attr("href").substring(1);
            disableScrollFn = true;
            activateNav(navID);
            populateDestinations(); //recalculate these!
        	$('html,body').animate({scrollTop: sections[navID] - settings.scrollToOffset},
                settings.scrollSpeed, "easeInOutExpo", function(){
                    disableScrollFn = false;
                }
            );
    	});

        //populate lookup of clicable elements and destination sections
        populateDestinations(); //should also be run on browser resize, btw

        // setup scroll listener
        $(document).scroll(function(){
            if (disableScrollFn) { return; }
            var page_height = $(window).height();
            var pos = $(this).scrollTop();
            for (i in sections) {
                if ((pos + settings.scrollToOffset >= sections[i]) && sections[i] < pos + page_height){
                    activateNav(i);
                }
            }
        });
    };

    function populateDestinations() {
        navItems.each(function(){
            var scrollID = $(this).attr('href').substring(1);
            navs[scrollID] = (settings.activateParentNode)? this.parentNode : this;
            sections[scrollID] = $(document.getElementById(scrollID)).offset().top;
        });
    }

    function activateNav(navID) {
        for (nav in navs) { $(navs[nav]).removeClass('active'); }
        $(navs[navID]).addClass('active');
    }
})( jQuery );


$(document).ready(function (){

    $('nav li a').navScroller();

    //section divider icon click gently scrolls to reveal the section
	$(".sectiondivider").on('click', function(event) {
    	$('html,body').animate({scrollTop: $(event.target.parentNode).offset().top - 50}, 400, "linear");
	});

    //links going to other sections nicely scroll
	$(".container a").each(function(){
        if ($(this).attr("href").charAt(0) == '#'){
            $(this).on('click', function(event) {
        		event.preventDefault();
                var target = $(event.target).closest("a");
                var targetHight =  $(target.attr("href")).offset().top
            	$('html,body').animate({scrollTop: targetHight - 170}, 800, "easeInOutExpo");
            });
        }
	});

  // DOM element where the Timeline will be attached
  var container = document.getElementById('visualization');

  // add your project here with the following format
  //
  // ' : [
  //    { content:'', start: , end: , py2:},
  //    ...
  // ]
  var data = {
    'cpython':[
      {content:'Remaining Python 2.7 support', start: Date.now(), end: '2020-01-01', py2:true},
      {content:'Python 3.4', start: '2014-03-14', end: '2021-01-01'},
      {content:'Python 3.5', start: '2015-09-13', end: '2022-01-01'},// there is no planned EOL for 3.4 and 3.5, invent for now.
    ],
    'IPython':[
      {content: '1.x', start: '2013-08-08', end:'2014-03-31', py2:true},
      {content: '2.x', start: '2014-04-01', end:'2015-02-26', py2:true},
      {content: '3.x', start: '2015-02-27', end:'2015-08-10', py2:true},
      {content: '4.x', start: '2015-08-11', end:'2016-05-31', py2:true},
      {content: 'IPython 5.x LTS', start: '2016-06-01', end:'2019-06-01', py2:true},
      {content: '6.x', start: '2017-01-01', end:'2018-01-01'},
      {content: '7.x', start: '2018-01-01', end:'2019-06-12'},
      {content: '8.x', start: '2019-06-12', end:'2020-06-01'},
    ],
    'matplotlib':[
      {content: 'matplotlib 2.x', start: '2015-06-01', end:'2018-06-01', py2:true},
      {content: 'matplotlib 3.x', start: '2018-6-12', end:'2019-12-01'},
    ],
    'scikit-bio':[
      {content: '0.18', start: '2016-05-01', end:'2016-11-01', py2:true},
      {content: '0.19', start: '2016-11-02', end:'2017-12-01'},
    ]

  
  }

  // Create a DataSet (allows two way data-binding)
  var items = new vis.DataSet([
  ]);


  var groups = new vis.DataSet();
  var g=0;
  var i=0;
  for (var gname  in data) {
    g++;
    groups.add({id: g, content: gname});
    gr = data[gname];
    for(var k in gr){
      i++;
      gr[k].id = i;
      gr[k].group = g;
      if(gr[k].py2) gr[k].className ='py2'
      items.add(gr[k])
    }
  }

  // Configuration for the Timeline
  var options = {};

  var options = {
    clickToUse: true,
    groupOrder: 'group'  
  };

  // Create a Timeline
  var timeline = new vis.Timeline(container, items, options);
  timeline.setGroups(groups);
  timeline.setItems(items);
  timeline.addCustomTime(Date.parse('2020-01-01'))

});