pocet_obrazku = 14;

doba_zobrazeni_obr = 15; //doba za kterou se budou vymenovat obrazky

rychlost_najizdeni = 1; //doba v ms za kterou se obrazek posune o 1 pixel a zaroven cyklus citace

sirka_divu = 404; //prakticky nejvetsi sirka obrazku, dulezite zejm. pro spravne zarovnani obrazku

for (ix = 1; ix <= pocet_obrazku; ix++)
 {
 eval("obr_x" + ix + " = new Image();");
 eval("obr_x" + ix + ".src = 'pictures/prostor" + ix + ".jpg';");
 }



var wdth = new Array();
wdth[1] = 404;
wdth[2] = 404;
wdth[3] = 404;
wdth[4] = 404;
wdth[5] = 404;
wdth[6] = 404;
wdth[7] = 404;
wdth[8] = 404;
wdth[9] = 404;
wdth[10] = 404;
wdth[11] = 404;
wdth[12] = 404;
wdth[13] = 404;
wdth[14] = 404;


id_spod_obr = 1;
id_vrch_obr = 1;
poloha_vrch_obr = -808;
zadana_poloha = 0;


function init_prostory()
{
//funkce pripravi dva obrazky na patricne misto a nahodne vybere 1. obrazek



document.write('<img src="" alt="Obrázek se stahuje" id="spodni_obr" style="position: relative"><br><img src="" id="vrchni_obr" style="position: relative; top: -263; left: -404; visibility: hidden">');


id_spod_obr = Math.round(Math.random() * (pocet_obrazku - 1)) + 1; //nahodne vygenerovany index spodniho obrazku
//id_spod_obr = 6;
pom_text = 'pictures/prostor' + id_spod_obr + '.jpg';//text s adresou obrazku

document.getElementById('spodni_obr').src = pom_text;

//a zde ho posoupnu tak aby byl ve stredu DIVu 
document.getElementById('spodni_obr').style.left = Math.round(sirka_divu / 2 - wdth[id_spod_obr] / 2);

}







function start_prostory(ne_poprve)
{
//funkce pravidelne za dobu "doba_zobrazeni_obr" vybere nahodne obrazek a
//spusti najizdeni


if (ne_poprve)
 {
 //zde se spusti najizdeni obrazku
 id_vrch_obr = Math.round(Math.random() * (pocet_obrazku - 1)) + 1;
 while (id_vrch_obr == id_spod_obr)
   {
   id_vrch_obr = Math.round(Math.random() * (pocet_obrazku - 1)) + 1; //kdyby nahodou byl vr stejnej se sp
   }
   
 //zde vypoctu zadanou polohu a pocatecni polohu vrchniho obrazku
 zadana_poloha = Math.round(sirka_divu / 2 - wdth[id_vrch_obr] / 2);
 poloha_vrch_obr = - wdth[id_vrch_obr];
 
 
 //nactu obrazek do vrchni_obr
 pom_text = 'pictures/prostor' + id_vrch_obr + '.jpg';//text s adresou obrazku
 document.getElementById('vrchni_obr').src = pom_text;
 
 //zasunu jej na vychozi pozici
 document.getElementById('vrchni_obr').style.left = poloha_vrch_obr;
 
 //zobrazim jej  
 document.getElementById('vrchni_obr').style.visibility = 'visible';  
 
 najizdeni_obrazku();//spustim najizdeni obrazku
 }
else
 {
 //zde jen zkontroluju jestli doba prepinani obrazku neni kratsi nez samotna doba
 //najizdeni obrazku, coz by vedlo zrejme k peknymu zacykleni
 
 if (doba_zobrazeni_obr < (rychlost_najizdeni * sirka_divu / 1000 + 1))
  {
  doba_zobrazeni_obr = Math.round(rychlost_najizdeni * sirka_divu / 1000) + 1;
  }
 
 }

setTimeout('start_prostory(true)', doba_zobrazeni_obr * 1000);

}




function najizdeni_obrazku()
{
if (poloha_vrch_obr == zadana_poloha)
 {
 //obrazek je na miste
 id_spod_obr = id_vrch_obr;
 pom_text = 'pictures/prostor' + id_vrch_obr + '.jpg';//text s adresou obrazku
 document.getElementById('spodni_obr').src = pom_text;
 document.getElementById('spodni_obr').style.left = zadana_poloha;//spodni obrazek soupnu do spravny polohy
 document.getElementById('vrchni_obr').style.visibility = 'hidden';//pro sicher vrchni obrazek skryju
 }
else
 {
 //zde nasouvam obrazek
 
 ++poloha_vrch_obr;//postupne snizuju hodnotu left vrchniho obrazku
 document.getElementById('vrchni_obr').style.left = poloha_vrch_obr;
 //window.defaultStatus = poloha_vrch_obr + ' spodni_top = ' + zadana_poloha;
 setTimeout('najizdeni_obrazku()', rychlost_najizdeni);
 }
}