var current_time,
    mobile_screen = $('section.welcome .mobile_screen'),
    span_time = mobile_screen.find('span.time'),
    minutes,
    span_charge = mobile_screen.find('span.charge'),
    charge_battery = mobile_screen.find('span.battery'),
    battery_progress = charge_battery.find('span.progress');

function init(){
    current_time = new Date();

    var timeout = (60 - current_time.getSeconds())*1000;
    setTime();
    setTimeout(function(){
        setTime();
        setInterval(function(){
            setTime();
        },60000)
    }, timeout)
}

function setTime(){
    current_time = new Date();
    if(current_time.getMinutes().toString().length == 1){
        minutes = '0' + current_time.getMinutes();
    }
    else{minutes=current_time.getMinutes()}
    span_time.text(current_time.getHours()+':'+ minutes);
}

init();

if(navigator.getBattery){
    navigator.getBattery().then(function(battery) {
        var battery_percents = parseInt(battery.level * 100);

        span_charge.text(battery_percents + "%");
        battery_progress.css('width', (12/100)*battery_percents+'px');

        function am_i_charging(){
            if(battery.charging){
                charge_battery.addClass('charging');
            }
            else{charge_battery.removeClass('charging')}
        }

        am_i_charging();

        battery.addEventListener('levelchange', function() {
            battery_percents = parseInt(battery.level * 100);
            span_charge.text(battery_percents + "%");
            battery_progress.css('width', (11/100)*battery_percents+'px');
            am_i_charging();
        });

        battery.addEventListener('chargingchange', am_i_charging());
        battery.addEventListener('chargingtimechange', am_i_charging());
        battery.addEventListener('dischargingtimechange', am_i_charging());
    });
}
else{
    var battery = navigator.battery;
    var battery_percents = parseInt(battery.level * 100);

    span_charge.text(battery_percents + "%");
    battery_progress.css('width', (11/100)*battery_percents+'px');

    function am_i_charging(){
        if(battery.charging){
            charge_battery.addClass('charging');
        }
        else{charge_battery.removeClass('charging')}
    }

    am_i_charging();

    battery.addEventListener('levelchange', function() {
        battery_percents = parseInt(battery.level * 100);
        span_charge.text(battery_percents + "%");
        battery_progress.css('width', (11/100)*battery_percents+'px');
        am_i_charging();
    });

    battery.addEventListener('chargingchange', am_i_charging());
    battery.addEventListener('chargingtimechange', am_i_charging());
    battery.addEventListener('dischargingtimechange', am_i_charging());
}