function countdown() {

    var options = {
        scaleColor: false,
        trackColor: 'rgba(255,255,255,0.3)',
        barColor: '#512a86',
        lineWidth: 8,
        lineCap: 'butt',
        size: 120
    };

    var charts = [];
    //[].forEach.call(document.querySelectorAll('.chart'), function (el) {
    //    charts.push(new EasyPieChart(el, options));
    //});

    $('.chart').easyPieChart(options);
  

    countdown.charts = charts;

    var deadline = 'May 05 2018 14:30:00 GMT+0200';
    countdown.initializeClock(deadline);

    countdown.fields = {
        dayEl: $(".cntdwn-day-value"),
        hourEl: $(".cntdwn-hour-value"),
        minuteEl: $(".cntdwn-minute-value"),
        secondEl: $(".cntdwn-second-value")
    };

    countdown.deadline = deadline;
}


countdown.getTimeRemaining = function (endtime) {
    var t = Date.parse(endtime) - Date.parse(new Date());
    var seconds = Math.floor((t / 1000) % 60);
    var minutes = Math.floor((t / 1000 / 60) % 60);
    var hours = Math.floor((t / (1000 * 60 * 60)) % 24);
    var days = Math.floor(t / (1000 * 60 * 60 * 24));
    return {
        'total': t,
        'days': days,
        'daysPercentage': days,
        'hours': hours,
        'hoursPercentage': Math.floor(hours / 24 * 100),
        'minutes': minutes,
        'minutesPercentage': Math.floor(minutes / 60 * 100),
        'seconds': seconds,
        'secondsPercentage': Math.floor(seconds / 60 * 100)
    };

}

countdown.initializeClock = function (endtime) {
    //var clock = document.getElementById(id);
    var timeinterval = setInterval(function () {
        var t = countdown.getTimeRemaining(endtime);
        countdown.updateFields(t);
        if (t.total <= 0) {
            clearInterval(timeinterval);
        }
    }, 1000);
}

countdown.updateFields = function (timeObj) {
    var charts = $(".chart");
    if (charts.length == 0) {
        return;
    }
    countdown.fields.dayEl.text(timeObj.days);
    
    countdown.fields.hourEl.text(timeObj.hours);
    $(".chart.hour").data('easyPieChart').update(timeObj.hoursPercentage);


    countdown.fields.minuteEl.text(timeObj.minutes);
    var minChart = $(".chart.minute").data('easyPieChart');
    if (timeObj.minutes == 0) {
        minChart.disableAnimation();
    }
    minChart.update(timeObj.minutesPercentage);
    minChart.enableAnimation();
    

    countdown.fields.secondEl.text(timeObj.seconds);
    var secChart = $(".chart.second").data('easyPieChart');
    if (timeObj.seconds < 2) {
        secChart.disableAnimation();
    }
    secChart.update(timeObj.secondsPercentage);
    secChart.enableAnimation();

   
   
}



Site.Nav.bind("countdown", "live", countdown);


window.addEventListener('DOMContentLoaded', function () {
    //var charts = [];
    //[].forEach.call(document.querySelectorAll('.chart'), function (el) {
    //    charts.push(new EasyPieChart(el, options));
    //});
});

