//predload obrazku


//pole= new Array("morf1.jpg","morf2.jpg","morf3.jpg");

Obrazky = new Array(pocObr)

for (i = 1; i <= pocObr; i++)
 {
 Obrazky[i] = new Image();
 Obrazky[i].src = cesta + pole[i-1];
 }


function Init()
 {
 //tadlenc fce vykresli (pokud je v prohlizeci zapatej JavaScript) dva obrazky pres sebe oramovany pro sicher divem
 //tudlenc fci umisti do tela stranky tam, kde budes chtit zobrazit ty obrazky, pripadne si muzes pomoct promenou divstyl
 //v konfiguracnim souboru pro presne pozicovani pomoci css
	
 if (navigator.appName == "Microsoft Internet Explorer" && parseInt(navigator.appVersion) >= 4 && pocObr > 1)
  {
  document.write("<div style='" + divstyl + "'>");
  document.write("<img id='vrchni' name='vrchni' src='' style='position: relative; Z-index: " + vrcniZIndex + "; visibility: hidden' width='" + sirkaObr + "' height='" + vyskaObr + "'>");
  document.write("<img id='spodni' name='spodni' src='' style='position: relative; top: -" + vyskaObr + "px; Z-index: " + spodniZIndex + "; visibility: hidden' width='" + sirkaObr + "' height='" + vyskaObr + "'>");
  document.write("</div>");
  }
 else
  {
  //pro ostatni prohlizece staci jen jeden obrazek
  document.write("<div style='" + divstyl + "'>");
  document.write("<img name='vrchni' src='" + Obrazky[1].src + "' style='position: relative; Z-index: " + vrcniZIndex + "' width='" + sirkaObr + "' height='" + vyskaObr + "'>");
  document.write("</div>");
  }
 }



function Start()
{
 //tudlenc fci vloz do udalosti onLoad v tagu body, tim se zajisti, ze se to morfovani spusti az budou vsechny obrazky nacteny
if (pocObr > 1)
	
 {
 //cely todleto ma samozrejme smysl pouze pokud bude obrazku vice nez 1

 if (navigator.appName == "Microsoft Internet Explorer" && parseInt(navigator.appVersion) >= 4)
  {
  // pro prohlizec IE od verze 4.0

  citac = 1;
  op = 100; //opacity alpha filtru - nastavuje pruhlednost daneho objektu
  vr = Math.round(Math.random() * (pocObr - 1)) + 1; //nahodne vygenerovany index vrchniho obrazku
  sp = Math.round(Math.random() * (pocObr - 1)) + 1; //dtto
  while (vr == sp)
   {
   sp = Math.round(Math.random() * (pocObr - 1)) + 1; //kdyby nahodou byl vr stejnej se sp
   }

  prepObr = Math.round(1000 * dobaZobraz / milsec); //vypocet hodnoty citace tak aby to odpovidalo zadanemu casu zobrazeni obrazku

  if (dobaMorf > dobaZobraz)
   {
   dobaMorf = dobaZobraz;
   }

  zacMorf = prepObr - Math.round(1000 * dobaMorf / milsec); //vypocet hodnoty citace od ktere se zacne morfovat
  decOp = 100 / Math.round(1000 * dobaMorf / milsec); //dekrement opacity


  document.vrchni.src = Obrazky[vr].src; //tak si do vrchniho obrazku vlozime nahodne vybrany obrazek
  document.spodni.src = Obrazky[sp].src;

  //document.getElementById("vrchni").style.visibility = 'visible'; //zobrazime doposud skryte obrazky
  //document.getElementById("spodni").style.visibility = 'visible';
  vrchni.style.visibility = 'visible';
  spodni.style.visibility = 'visible';

  MorfujIE();
  

  }
 else
  {
  // pro vsechny ostatni prohlizece, obrazky se pouze prepinaj
  citac = 1;
  vr = 1;//na zacatku bude vzdy obrazek s indexem 1
  sp = vr;
  prepObr = Math.round(1000 * dobaZobraz / milsec); //vypocet hodnoty citace tak aby to odpovidalo zadanemu casu zobrazeni obrazku

  Nemorfuj();
  }
 }
}





function MorfujIE()
 {
 citac ++;
 if (citac > zacMorf)
  {
  //tak tady se morfuje
  op -= decOp;
  document.getElementById("vrchni").style.filter = "alpha(opacity=" + Math.round(op) + ")";
  }

 if (citac == prepObr)
  {
  //tak tady se prepnou obrazky

  citac = 0; //resetuje se citac

  vr = sp; //do vrchniho obrazku se nacte obrazek co byl ve spod
  sp = Math.round(Math.random() * (pocObr - 1)) + 1; //do spodu se nahodne vybere dalsi obr
  while (vr == sp)
   {
   sp = Math.round(Math.random() * (pocObr - 1)) + 1; //kdyby nahodou byl vr stejnej se sp
   }
  document.getElementById("vrchni").src = Obrazky[vr].src;
  document.getElementById("spodni").src = Obrazky[sp].src;
  op = 100;
  document.getElementById("vrchni").style.filter = "alpha(opacity=" + op + ")";


  }

 setTimeout("MorfujIE()", milsec); //fce se rekurzne vola po milsec [ms]
 }





function Nemorfuj()
 {
 citac ++;
 
 if (citac == prepObr)
  {
  //tak tady se prepnou obrazky

  citac = 0; //resetuje se citac

  vr = Math.round(Math.random() * (pocObr - 1)) + 1; //nahodne se vybere dalsi obr
  while (vr == sp)
   {
   vr = Math.round(Math.random() * (pocObr - 1)) + 1; //kdyby nahodou byl vr stejnej se sp
   }
  sp = vr; //tady sp slouzi pouze pro kontrolu o tom jakej byl predchozi obrazek
  document.vrchni.src = Obrazky[vr].src; //obrazek se proste jen prepne
  }

 setTimeout("Nemorfuj()", milsec); //fce se rekurzne vola po milsec [ms]
 }