var imgs = []
var toonteller=0
var theImages = 
['Images/1.gif',
'Images/2.gif',
'Images/3.gif',
'Images/4.gif',
'Images/5.gif',
'Images/6.gif',
'Images/7.gif',
'Images/8.gif',
'Images/9.gif',
'Images/10.gif',
'Images/11.gif',
'Images/12.gif',
'Images/13.gif',
'Images/14.gif',
'Images/15.gif',
'Images/16.gif',
'Images/17.gif',
'Images/18.gif',
'Images/19.gif',
'Images/20.gif',
'Images/21.gif',
'Images/22.gif',
'Images/23.gif',
'Images/24.gif', 
'Images/25.gif',
'Images/26.gif',
'Images/27.gif',
'Images/28.gif',
'Images/29.gif',
'Images/30.gif',
'Images/31.gif']

for(var i=0;i<theImages.length;i++){
	imgs[i]=new Image()
	imgs[i].src=theImages[i]
}
// randomize array
imgs.sort(function(){
	var a=Math.random(),b=Math.random()
	if(a > b) 
      return -1 
   if(a < b) 
      return 1 
   return 0 
})

var fnrandomimg=function(){
	document.getElementById("randomimg").src=imgs[toonteller].src
	if(toonteller+1>=imgs.length){toonteller=0}
	else{toonteller++}
}

onload=function(){
	fnrandomimg()
	setInterval("fnrandomimg()",2000)
}