var d = new Date();
var n = d.getHours();
var message = ""

if ( n == 23 || n == 0) {
  message = "<img src='res/goodnight.png'></img>";
} else if ( n >= 1 && n <= 4 ) {
  message = "<img src='res/goodnight.png'></img>";
} else if ( n >= 5 && n <= 11 ) {
  message = "<img src='res/goodmorning.png'></img>";
} else if ( n >= 12 && n <= 17 ) {
  message = "<img src='res/goodafternoon.png'></img>";
} else if ( n >= 18 && n <= 22 ) {
  message = "<img src='res/goodevening.png'></img>";
}

$(()=>{
  document.getElementById("message").innerHTML = message;
})

$(window).scroll(function() {
  $('#animatedElement').each(function(){
    var imagePos = $(this).offset().top;

    var topOfWindow = $(window).scrollTop();
    if (imagePos < topOfWindow+400) {
      $(this).addClass("slideUp");
    }
  });
});