var bilder ;
var antbilder ;
var aktivtbilde;

function showDiv(id){
   document.getElementById(id).style.visibility='visible';
}                 

function hideDiv(id){
   document.getElementById(id).style.visibility='hidden';
}     

function changeImg(id, img) {
   img = img.replace("xxsmall","xlarge");
   document.getElementById(id).setAttribute("src", img);
   for(var i = 0; i<bilder.length;i++){
       if(img== bilder[i]) aktivtbilde= i;
   }
}   
  
function test(){
   if(aktivtbilde<antbilder){
       document.getElementById("mainpicture").setAttribute("src",bilder[++aktivtbilde]);
   }else{
       document.getElementById("mainpicture").setAttribute("src",bilder[0]);
       aktivtbilde=0;
   }
}