var antbilder=9;

var bilder=[
  new Image(),
  new Image(),
  new Image(),
  new Image(),
  new Image(),
  new Image(),
  new Image(),
  new Image(),
  new Image()
];

bilder[0].src="bilder/tomTransp_bildspel.gif";
//bilder[0].src="bilder/tomTomTransp_bildspel.gif";
bilder[1].src="bilder/veteprofil_bildspel_m.jpg";
bilder[2].src="bilder/N001_bildspel_m.jpg";
bilder[3].src="bilder/dopklanning_bildspel_m.gif";
bilder[4].src="bilder/klockarm_bildspel_m.jpg";
bilder[5].src="bilder/voile_bildspel_m.JPG";
bilder[6].src="bilder/pmskissmonster_bildspel_m.JPG";
bilder[7].src="bilder/N003arm_bildspel_m.jpg";
bilder[8].src="bilder/logobabyband_trans_bildspel.gif";

var antplatser=2;
//Index foer platser med variabla bilder.
var bildplats=[
    1,
    2
];
//Hurvida man animerar(=1) eller ej (=0).
var animating=0;

//Hurvida man fadear(=1) eller ej (=0).
var fading=0;

//Hurvida man ska pausa naer man fadedat kalrt(=1) eller ej (=0).
var pausefade=1;

//Genomskinligheten i % foer en bild som fadeas
var procent=0;

//Aktuell bild som visas
var currpict=1;

//Aktuell bild position som visar en bild.
var currpos=0;
///////////////////////////////////////////////

function fjsetopacity(bildnr,proc){
//Saetter genomskinligheten paa en bild.
//Haaller isaer Netscape och Explorer
//Funkar paa Netscape7.2 och Explorer7

  if(document.getElementById&&!document.all && proc <100){
    document.images[bildnr].style.MozOpacity = proc/100;
  }
  else if(document.getElementById&&document.all){
    document.images[bildnr].style.filter="alpha(opacity="+proc+")";
  }
  
}

function fadex2(indout,indin){
//Fadear in en bild samtidigt som den fadear ut en bild
//genom att anropa sig sjaelv med jaemna mellanrum.
//Naer fadeinbilden syns helt och den andra inte syns mer
//anropar funktionen sig sjaelv med 3s foerdroejning om
//animering paagaar. Annars slutar den att anropa sig sjaelv
//direkt.

  if(procent<100){
    fjsetopacity(indin,procent);
    fjsetopacity(indout,100-procent);
    setTimeout("fadex2("+indout+","+indin+")",30);
    procent+=2;
  }
  else{
    if(pausefade==1){
      fjsetopacity(indin,100);
      setTimeout("fadex2("+indout+","+indin+")",3000);
      pausefade=0;
    }
    else{
      fading=0;
      pausefade=1;
    }
  }
}

function doanimation(){
//Stepar frammaat vid animeringen
//Foersoeker ta ett steg med jaemna mellanrum
//genom att anropa sig sjaelv.
//Om det blir ett steg styrs i fjstepfw(0), 
//arg==0 anger att man steppar vid animering.

   if(animating==1){
     fjstepfw(0);
     setTimeout("doanimation()",300);
   }

}

function fjanimate(startanim){
//Kontrollerar animering
//Animering kan ej startas om fading paagaar
//Haaller reda paa om den startas direkt naer sidan
//laddas eller senare av anvaenaren.

  if(animating==0 && fading==0){

    document.fjknapp.animbut.value="II";
    animating=1;
    pausefade=1;
    if(startanim==1){
      setTimeout("doanimation();",2000);
    }
    else{
      doanimation();
    }
  }
  else{

    document.fjknapp.animbut.value=">";
    animating=0;
    pausefade=0;
  }

}

function fjstepbw(){
//Visar foeregaaende bild.
//Inget steg tas om fading paagaar.

  if(animating==0 && fading==0){
    pausefade=0;
    if(currpict==1){
      currpict=8;
    }
    else{
      currpict=currpict-1;
    }
    if(currpos==0){
      currpos=1;
      fading=1;
      procent=0;
      document.images[bildplats[1]].src=bilder[currpict].src;
      fjsetopacity(bildplats[1],0);
      fadex2(bildplats[0],bildplats[1]);
    }
    else{
      currpos=0;
      fading=1;
      procent=0;
      document.images[bildplats[0]].src=bilder[currpict].src;
      fjsetopacity(bildplats[0],0);
      fadex2(bildplats[1],bildplats[0]);
    }
  }
}

function fjstepfw(stepcall){
//Visar naesta bild som ska visas.
//Haaller reda paa om man animerar (stepcall==0) eller stepar(stepcall==1).
//Inget steg tas om fading paagaar.

  var dostep=0;
  
  if(stepcall==1 && fading==0 && animating==0){
    dostep=1;
    pausefade=0;
  }
  else if(stepcall==0 && animating==1 && fading==0){
    dostep=1;
  }
  else{
    dostep=0;
  }
//  alert('step fw stepcall='+stepcall+' animating='+animating+' fading='+fading+' dostep='+dostep);
//  if(animating==0 && fading==0){
  if(dostep==1){
    if(currpict==8){
      currpict=1;
    }
    else{
      currpict=currpict+1;
    }
    if(currpos==0){
      currpos=1;
      fading=1;
      procent=0;
      document.images[bildplats[1]].src=bilder[currpict].src;
      fjsetopacity(bildplats[1],0);
      fadex2(bildplats[0],bildplats[1]);
    }
    else{
      currpos=0;
      fading=1;
      procent=0;
      document.images[bildplats[0]].src=bilder[currpict].src;
      fjsetopacity(bildplats[0],0);
      fadex2(bildplats[1],bildplats[0]);
    }

  }
}