var ileZdjec=2;
var ileCzesci=25;
var szerokoscZdjecia=94;
var wysokoscZdjecia=75;
var idTabeli="e";
var nazwaZdjecia="zdjecie";
var opoznienieUruchamianiaCzesci=80;
var opoznienieModyfikacjiCzesci=50;
var opoznienieZdjecia=2000;
var krokPowiekszania=2;
var ileSzerokosc=5;
var ileWysokosc=5;

var x,y;

function findPos(obj) 
{
 var curleft = curtop = 0;
 if (obj.offsetParent) 
   {
    do 
      {
	   curleft += obj.offsetLeft;
	   curtop += obj.offsetTop;
	  } 
	while (obj = obj.offsetParent);
   }
 x=curleft;
 y=curtop;
}

var wobrazka;

wobrazka=new Array(ileCzesci);

var w;

w=new Array(ileCzesci);

var p=szerokoscZdjecia/wysokoscZdjecia;

for ( a=0 ; a<ileCzesci ; a++ ) w[a]=0;

function zaladujZdjecia()
{
 var ktorePoziom;
 var ileDodane;
 var idZdjecia;
 var e;

 ktorePoziom=1;
 ileDodane=0;

 tabela=document.getElementById(idTabeli);

 wiersz=tabela.getElementsByTagName("tr");
 
 wartosc=0;
 
 for ( a=0 ; a<wiersz.length ; a++ )
   {
    kolumna=wiersz[a].getElementsByTagName("td");
    
    for ( e=0 ; e<kolumna.length ; e++ )
      {
       idElementu=ktorePoziom+ileDodane;
    
       kolumna[e].setAttribute("id","e"+idElementu);
    
       if ( (wartosc+1)%ileSzerokosc==0 )
         {
          ktorePoziom++;
          ileDodane=0;
         }
       else
         {
          ileDodane+=ileWysokosc;
         }
         
       wartosc++;
      }
   }

 for ( a=1 ; a<=ileZdjec ; a++ )
   {
    ktorePoziom=1;
    ileDodane=0;
   
    for ( c=1 ; c<=ileCzesci ; c++ )
      {          
       zdjecie=document.createElement("img");
      
       if ( c<10 ) e="0"+c;
       else e=c;
      
       idZdjecia=ktorePoziom+ileDodane;
      
       zdjecie.setAttribute("src","images/"+nazwaZdjecia+a+"_"+e+".jpg");
       zdjecie.setAttribute("id",nazwaZdjecia+a+"_"+idZdjecia);
       zdjecie.style.position="absolute";
       zdjecie.width=szerokoscZdjecia;
       zdjecie.height=wysokoscZdjecia;
      
       b=document.getElementsByTagName("body");
       b[0].appendChild(zdjecie);
      
       if ( c%ileSzerokosc==0 )
         {
          ktorePoziom++;
          ileDodane=0;
         }
       else
         {
          ileDodane+=ileWysokosc;
         }
      }
   }
}

function ustaw()
{
 zaladujZdjecia();

 for ( a=1 ; a<ileZdjec+1 ; a++ )
   for ( b=1 ; b<ileCzesci+1 ; b++ )
     {
      findPos(document.getElementById(idTabeli+b));
            
      document.getElementById(nazwaZdjecia+a+"_"+b).style.left=x;
      document.getElementById(nazwaZdjecia+a+"_"+b).style.top=y;
      
      if ( a==1 ) document.getElementById(nazwaZdjecia+a+"_"+b).style.display="block";
      else document.getElementById(nazwaZdjecia+a+"_"+b).style.display="none";
     }
     
 setTimeout("wlaczZdjecie(2)",1000);
}

function wlaczZdjecie(zdjecie)
{
 for ( a=1 ; a<=ileCzesci ; a++ )
   {
    wobrazka[a]=0;
   }

 var zdjeciePoprzednie;
 
 if ( zdjecie==1 ) zdjeciePoprzednie=ileZdjec;
 else zdjeciePoprzednie=zdjecie-1;

 for ( a=1 ; a<=ileZdjec ; a++ )
   for ( b=1 ; b<=ileCzesci ; b++ )
   {
    if ( a!=zdjeciePoprzednie ) document.getElementById(nazwaZdjecia+a+"_"+b).style.display="none";

    if ( a==zdjecie ) document.getElementById(nazwaZdjecia+a+"_"+b).style.zIndex=b+(ileZdjec*ileCzesci-ileCzesci);
    else
      if ( a==zdjeciePoprzednie ) document.getElementById(nazwaZdjecia+a+"_"+b).style.zIndex=b+(ileZdjec*ileCzesci-2*ileCzesci);
      else
        document.getElementById(nazwaZdjecia+a+"_"+b).style.zIndex=1;
   }
             
 for ( a=1 ; a<=ileCzesci ; a++ )
   {
    setTimeout("zmien('"+nazwaZdjecia+zdjecie+"_"+a+"',"+a+","+zdjecie+")",a*opoznienieUruchamianiaCzesci);
   }
}

function zmien(id,zdjecie,zdjecieWlaczone)
{
 if ( wobrazka[zdjecie]<szerokoscZdjecia )
   {
    if ( wobrazka[zdjecie]==0 ) document.getElementById(id).style.display="block";
   
    wobrazka[zdjecie]+=krokPowiekszania;
    
    h=wobrazka[zdjecie]/p;
    
    lewe=(szerokoscZdjecia-wobrazka[zdjecie])/2;
    gora=(wysokoscZdjecia-h)/2;
    prawe=(szerokoscZdjecia-wobrazka[zdjecie])/2+wobrazka[zdjecie];
    dol=(wysokoscZdjecia-h)/2+h;
    
    document.getElementById(id).style.clip="rect("+gora+"px,"+prawe+"px,"+dol+"px,"+lewe+"px)";
    
    if ( wobrazka[zdjecie]<szerokoscZdjecia ) setTimeout("zmien('"+id+"',"+zdjecie+","+zdjecieWlaczone+")",opoznienieModyfikacjiCzesci);
    else
      {
       if ( zdjecie==ileCzesci )
         {
          if ( zdjecieWlaczone<ileZdjec ) kolejneZdjecie=zdjecieWlaczone+1;
          else kolejneZdjecie=1;
            
          setTimeout("wlaczZdjecie("+kolejneZdjecie+")",opoznienieZdjecia);
         }
      }
   }
}