/*var blink_speed = 1000; // every 1000 == 1 second, adjust to suit
var t = setInterval(function () {
    var ele = document.getElementById("tick");
    ele.style.visibility = (ele.style.visibility == 'hidden' ? '' : 'hidden');
}, blink_speed);*/

var now = new Date();
var clock = `${now.getHours()}: ${now.getMinutes()}: ${now.getSeconds()}`

//sceneTimings is a container that holds all the starting time of the scene
const sceneTimings = [5,10,20];

const scene0  = ["alarm buzzing", "gasp", "painting", "bed creaks", "door closes"];

const scene1  = ["toilet flushes", "water running", "water spalttering"];
var scene1StartTiming = 5;

const scene2  = ["toilet flushes2", "water running2", "water spalttering2"];
var scene2StartTiming = 10;

console.log(clock)






var subtitle = document.getElementById("tick");
console.log(subtitle.innerHTML);

//redefined content
subtitle.innerHTML = "[tick]";
//add to the end of the content
subtitle.innerHTML += " everyoneeeeeee!";
//add to the beginging of content
subtitle.innerHTML = "wait, " + subtitle.innerHTML;


var i = 0;

//Set the currentScene as scene 0 first
var currentScene = scene0;

//This variable will keep track of time
var currentDuration = 0;

//eventsCounter will keep track of the current event in the scene
var eventsCounter = 0;

//eventsInTheScene stores the max number of events in the scene - to prevent from going out of bound a.k.a undefined
var eventsInTheScene = currentScene.length;


setInterval(function(){



  if (currentDuration == scene1StartTiming)
  {
    console.log("Scene 1")
    //Set currentScene as scene 1;
    currentScene = scene1;
    //Set eventsCounter as 0;
    eventsCounter = 0;
    eventsInTheScene = currentScene.length

  }
  else if (currentDuration == scene2StartTiming)
  {
    console.log("Scene 2")
    //Set currentScene as scene 1;
    currentScene = scene2;
    //Set eventsCounter as 0;
    eventsCounter = 0;
    eventsInTheScene = currentScene.length;
  }


  subtitle.innerHTML = currentScene[eventsCounter];

  //If the event coutner is less than max number of events in the scene,
  //Continue to increase eventsCounter
  // This will prevent eventsCounter from going out of bound
  if (eventsCounter < eventsInTheScene - 1)
  {
    eventsCounter++;;
  }

  currentDuration++;



}, 1000)