// ustawienia parametrów > ----------------------------------------------------------
var szerokoscObrazka=970;
var wysokoscObrazka=575;

var szerokoscObrazkaPol=Math.floor(szerokoscObrazka/2);
var wysokoscObrazkaPol=Math.floor(wysokoscObrazka/2);

var opoznieniePrzelaczania=2000;
var opoznieniePrzesuwania=10;

var ileZdjec=5;

var wyswietloneZdjecie=0;// numerowanie od 0
var poprzednieZdjecie=1;

var przesuniecieGora=5;

var opoznieniePrzesuniecie=10;

// ustawienia parametrów < ----------------------------------------------------------

// przełączane zdjęcia > ----------------------------------------------------------

obrazki=new Array();

obrazki[0]=new Image();
obrazki[0].src="obrazki/tlo1.jpg";

obrazki[1]=new Image();
obrazki[1].src="obrazki/tlo2.jpg";

obrazki[2]=new Image();
obrazki[2].src="obrazki/tlo3.jpg";

obrazki[3]=new Image();
obrazki[3].src="obrazki/tlo4.jpg";

obrazki[4]=new Image();
obrazki[4].src="obrazki/tlo5.jpg";

// przełączane zdjęcia < ----------------------------------------------------------

// funkcja przesuwająca zdjęcia > ----------------------------------------------------------

function przesun(dx,typ)
{
 switch ( typ )
   {
    // przesuwanie od lewej do prawej
    case 1:dx+=opoznieniePrzesuwania;

           if ( dx>=szerokoscObrazka ) dx=szerokoscObrazka;

           document.getElementById("obrazek_zmiana2").style.clip="rect(0px,"+szerokoscObrazka+"px,"+wysokoscObrazka+"px,"+dx+"px)";

           if ( dx<szerokoscObrazka ) setTimeout("przesun("+dx+","+typ+")",opoznieniePrzesuniecie);
           else setTimeout("ustaw()",opoznieniePrzesuniecie);

           break;
    // przesuwanie od prawej do lewej
    case 2:dx-=opoznieniePrzesuwania;

           if ( dx<=0 ) dx=0;

           document.getElementById("obrazek_zmiana2").style.clip="rect(0px,"+dx+"px,"+wysokoscObrazka+"px,0px)";

           if ( dx>0 ) setTimeout("przesun("+dx+","+typ+")",opoznieniePrzesuniecie);
           else setTimeout("ustaw()",opoznieniePrzesuniecie);

           break;
    // przesuwanie z góry na dół
    case 3:dx+=opoznieniePrzesuwania;

           if ( dx>=wysokoscObrazka ) dx=wysokoscObrazka;

           document.getElementById("obrazek_zmiana2").style.clip="rect("+dx+"px,"+szerokoscObrazka+"px,"+wysokoscObrazka+"px,0px)";

           if ( dx<wysokoscObrazka ) setTimeout("przesun("+dx+","+typ+")",opoznieniePrzesuniecie);
           else setTimeout("ustaw()",opoznieniePrzesuniecie);

           break;
    // przesuwanie z dołu do góry
    case 4:dx-=opoznieniePrzesuwania;

           if ( dx<=0 ) dx=0;

           document.getElementById("obrazek_zmiana2").style.clip="rect(0px,"+szerokoscObrazka+"px,"+dx+"px,0px)";

           if ( dx>0 ) setTimeout("przesun("+dx+","+typ+")",opoznieniePrzesuniecie);
           else setTimeout("ustaw()",opoznieniePrzesuniecie);

           break;
    // kadrowanie od środka
    case 5:dx+=opoznieniePrzesuwania;

           if ( dx>=szerokoscObrazkaPol ) dx=szerokoscObrazkaPol;
           
           if ( dx>=wysokoscObrazkaPol ) dy=wysokoscObrazkaPol;
           else dy=dx;

           dxl=szerokoscObrazkaPol-dx;
           dxp=szerokoscObrazkaPol+dx;

           dyg=wysokoscObrazkaPol-dx;
           dyd=wysokoscObrazkaPol+dx;

           document.getElementById("obrazek_zmiana2").style.clip="rect("+dyg+"px,"+dxp+"px,"+dyd+"px,"+dxl+"px)";

           if ( dx<szerokoscObrazkaPol ) setTimeout("przesun("+dx+","+typ+")",opoznieniePrzesuniecie);
           else
             {
              document.getElementById("obrazek_zmiana1").src=obrazki[wyswietloneZdjecie].src;
              
              setTimeout("ustaw()",opoznieniePrzesuniecie);
             }

           break;
    // kadrowanie od środka
    case 6:dx-=opoznieniePrzesuwania;

           if ( dx<0 ) dx=0;

           if ( dx<0 ) dy=0;
           else
             if ( dx<=wysokoscObrazkaPol ) dy=dx;

           dxl=szerokoscObrazkaPol-dx;
           dxp=szerokoscObrazkaPol+dx;

           dyg=wysokoscObrazkaPol-dx;
           dyd=wysokoscObrazkaPol+dx;

           document.getElementById("obrazek_zmiana2").style.clip="rect("+dyg+"px,"+dxp+"px,"+dyd+"px,"+dxl+"px)";

           if ( dx>0 ) setTimeout("przesun("+dx+","+typ+")",opoznieniePrzesuniecie);
           else setTimeout("ustaw()",opoznieniePrzesuniecie);

           break;
   }
}

// funkcja przesuwająca zdjęcia < ----------------------------------------------------------

// funkcja konczaca przesuwanie zdjecia > ----------------------------------------------------------

function ustaw()
{
 document.getElementById("obrazek_zmiana2").src=obrazki[wyswietloneZdjecie].src;

 document.getElementById("obrazek_zmiana2").style.clip="rect(0px,"+szerokoscObrazka+"px,"+wysokoscObrazka+"px,0px)";

 setTimeout("wlaczPrzesuwanie()",opoznieniePrzelaczania);
}

// funkcja konczaca przesuwanie zdjecia < ----------------------------------------------------------

// funkcja wlaczajace przesuwanie zdjecia > ----------------------------------------------------------

function wlaczPrzesuwanie()
{
 poprzednieZdjecie=wyswietloneZdjecie;

 wyswietloneZdjecie++;

 if ( wyswietloneZdjecie>ileZdjec-1 ) wyswietloneZdjecie=0;

 typ=Math.floor(Math.random()*6)+1;

 switch ( typ )
   {
    case 1:document.getElementById("obrazek_zmiana1").src=obrazki[wyswietloneZdjecie].src;
           setTimeout("przesun(0,1)",10);
           break;
    case 2:document.getElementById("obrazek_zmiana1").src=obrazki[wyswietloneZdjecie].src;
           setTimeout("przesun("+szerokoscObrazka+",2)",10);
           break;
    case 3:document.getElementById("obrazek_zmiana1").src=obrazki[wyswietloneZdjecie].src;
           setTimeout("przesun(0,3)",10);
           break;
    case 4:document.getElementById("obrazek_zmiana1").src=obrazki[wyswietloneZdjecie].src;
           setTimeout("przesun("+wysokoscObrazka+",4)",10);
           break;
    case 5:document.getElementById("obrazek_zmiana2").style.clip="rect(0px,0px,0px,0px)";
           document.getElementById("obrazek_zmiana2").src=obrazki[wyswietloneZdjecie].src;
           setTimeout("przesun(0,5)",10);
           break;
    case 6:document.getElementById("obrazek_zmiana1").src=obrazki[wyswietloneZdjecie].src;
           setTimeout("przesun("+szerokoscObrazkaPol+",6)",10);
           break;
   }
}

// funkcja wlaczajace przesuwanie zdjecia < ----------------------------------------------------------

// główna funkcja uruchamiana po załadowaniu strony > ----------------------------------------------------------

function wlacz()
{
 /*document.getElementById("obrazek_zmiana1").style.top=przesuniecieGora+"px";
 document.getElementById("obrazek_zmiana2").style.top=przesuniecieGora+"px";*/

 document.getElementById("obrazek_zmiana1").style.display="block";
 document.getElementById("obrazek_zmiana2").style.display="block";

 setTimeout("wlaczPrzesuwanie()",10);
}

// główna funkcja uruchamiana po załadowaniu strony < ----------------------------------------------------------