// A comma separated list of currencies to display.
var ticker_currencies = "USD,EUR,JPY,CNY"

ticker = function(currencies) {
  var symbols = {
    USD: "$",
    CNY: "¥",
    JPY: "¥",
    EUR: "€"
  }

  $.ajax({
    type: "GET",
    url: "https://min-api.cryptocompare.com/data/price?fsym=BCH&tsyms=" + currencies,
    contentType: "application/json; charset=utf-8",
    timeout: 6000,
    error: function (x, t, m) {
      if ($('#ticker_value').html() === 'Loading...') {
        $("#ticker_value").html("<div class='currency'>API data not found</div>");
      }
    },
    success: function (currencyRates) {
      var output = [];

      $.each(currencyRates, function (currency, price) {
        var sym = symbols[currency];
        if (currency == 'JPY' || currency == 'CNY') {
          price = Math.floor(price).toLocaleString();
        } else {
          price = price.toFixed(2);
        }
        if (sym === undefined) {
          sym = "";
        }
        output.push("<div class='currency'>"  + sym + price + " <span class='country'>" + currency + "</span></div>");
      });

      $('#ticker_value').html(output);
    }
  }).done(function () {
    setTimeout(function(){ ticker(ticker_currencies); }, 10000);
  }).fail(function() {
    setTimeout(function(){ ticker(ticker_currencies); }, 10000);
  });
}

ticker(ticker_currencies);