(function() {

  //States
  let i = 5;
  let play = true;

  //DOM
  let cardioSec = document.getElementById('cardio-sec');
  let cardioStart = document.getElementById('cardio-start');
  let cardioStop = document.getElementById('cardio-stop');

  //Render
  function render(el) {
    el.innerHTML = i
  };


  //Audio
  let audio = new Audio("https://raw.githubusercontent.com/mahmoudZakaria90/myCodePenStuff/master/audio/Bepp-beep.mp3");

  //Setup
  function setInterVals(times, callback) {
    i = times;
    let timer = setInterval(function() {
      console.log(i) //RENDER
      render(cardioSec)
      i--;
      if (i < 1) {
        clearInterval(timer);
        audio.play();
        callback();
      }

    }, 1000)
    return timer;
  }

  function start() {
    setInterVals(5, cardio);
  }

  function cardio() {
    setInterVals(30, rest);
  }

  function rest() {
    setInterVals(15, cardio);
  }

  function stopCardio() {
    clearInterval(timer)
  }

  cardioStart.onclick = start

  cardioStop.onclick = stopCardio

})();