$(function() {

  var product = $('#product');

  // Only log visits on overview page
  if ($('#overview-page').length) {
    analytics.track('Viewed Product Details', {
      id: product.data('id'),
      sku: product.data('slug'),
      name: product.data('name'),
      price: product.data('price'),
    });
  }

  analytics.track('Viewed a Product Tab', {
    sku: product.data('slug')
  });

  var portfolio = $('.item-portfolio');

  if (portfolio.length > 0) {
    $.getJSON(portfolio.attr('data-portfolio-url'), function (data) {
      var performance = new Highcharts.StockChart(
        {
          chart: {
            renderTo: portfolio[0],
            type: 'line',
            plotBorderWidth: 0,
            borderWidth: 1,
            borderColor: '#ddd',
            style: {
              fontFamily: 'proxima-nova, sans-serif !important'
            },
            spacingLeft: 10,
            spacingRight: 10,
            spacingBottom: 10,
            spacingTop: 0,
            zoomType: ''
          },
          colors: ['#009BFF', '#44B263'],
          plotOptions: {
            line: {
              lineWidth: 2
            }
          },
          yAxis: {
            gridLineWidth: 0,
            labels: {
              enabled: false
            }
          },
          navigator : {
            enabled: false
          },
          scrollbar: {
            enabled: false
          },
          rangeSelector: {
            enabled: false
          },
          tooltip: {
            crosshairs: {
              color: '#333'
            },
            shadow: false,
            borderWidth: 0,
            valueDecimals: 2,
            useHTML: true,
            formatter: function () {
              var s = '<b>' + Highcharts.dateFormat('%b %e, %Y', this.x) + '</b>';
              $.each(this.points, function (i, point) {
                s += '<br/><a style="white-space: pre-wrap;color:#FFFFFF;background-color:' +
                  point.series.color + '">' + point.series.name + '</a> moved ' +
                  point.y.toFixed(2) + ' %';
              });
              return s;
            }
          },
          series: [
            {name: 'Portfolio', data: data.portfolio, tooltip: {valueDecimals: 2}},
            {name: 'S&P 500', data: data.standard, tooltip: {valueDecimals: 2}}
          ]
        }
      )
    });
  }
});