var imagenumtemp = 1;
var imagecount = 24;

function getnewimg(imagenam,imagenum,mov) {

var imagenametemp = imagename
imagecounttemp = imagecount

if((imagenam != "up") && (imagenam != "down")){
  imagename = imagenam
  image = imagename + imagecount + ".png" ;
}
  
tempmax = 24;
if(imagenam == "up"){
  if(imagecounttemp <= tempmax){imagecount = imagecounttemp + 1}
  if(imagecount > tempmax){
    window.alert("You are at the last picture for this weather element.")
      imagecount = imagecount - 1
  }
  image = imagename + imagecount + ".png" ;
}
  if(imagenam == "down"){
    if(imagecounttemp <= tempmax){imagecount = imagecounttemp - 1}
    if(imagecount < 1){
      window.alert("You are at the first picture for this weather element.")
      imagecount = 1
  }
  image = imagename + imagecount + ".png" ;
}

document.the_image.src= image ;
imagenumtemp = imagenum ;
return;
}

function loopimage(imagenam,imagenum,mov) {

var imagenametemp = imagename
imagecounttemp = imagecount

tempmax = 24;
if(imagecounttemp <= tempmax){imagecount = imagecounttemp + 1}
if(imagecount > tempmax){imagecount = 1}

image = imagename + imagecount + ".png" ;

document.the_image.src= image ;
imagenumtemp = imagenum ;
timer = setTimeout(loopimage,500)
}

function stoploop() {
  clearInterval(timer);
  timer = null;
}