var szerokoscMala=120;
var wysokoscMala=90;
var szerokoscDuza=690;
var wysokoscDuza=518;
var ramkaWiekszaSzerokosc=43;
var ramkaWiekszaWysokosc=32;
var opoznieniePowiekszania=25;
var ilePowiekszanie=10;

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 xMale,yMale,xDuze,yDuze;

var ladowanie_obrazka;
var ramka;
var obrazek;
var ustawienieObrazka;
var wlaczeniePomniejszania;

var ladowanie=0;

var wZdjecie=(szerokoscDuza-szerokoscMala)/ilePowiekszanie;
var hZdjecie=(wysokoscDuza-wysokoscMala)/ilePowiekszanie;

var xZdjecie;
var yZdjecie;

var xWstawioneZdjecie;
var yWstawioneZdjecie;

var szerokoscZdjecie;
var wysokoscZdjecie;

var b;

var wlaczone=0;
var ladowanieZdjecia=0;
var ladowaneZdjecie="";

var przerwijLadowanieZdjecia=0;

var rozmiarX,rozmiarY;

function rozmiar() 
{
 rozmiarX=0;
 rozmiarY=0;

 if( typeof( window.innerWidth ) == 'number' ) 
   {
    //Non-IE
    rozmiarX = window.innerWidth;
    rozmiarY = window.innerHeight;
   }
 else 
   if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) 
     {
      //IE 6+ in 'standards compliant mode'
      rozmiarX = document.documentElement.clientWidth;
      rozmiarY = document.documentElement.clientHeight;
     } 
   else 
     if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) 
       {
        //IE 4 compatible
        rozmiarX = document.body.clientWidth;
        rozmiarY = document.body.clientHeight;
       }
 
}

var scrollX,scrollY;

function getScrollXY() 
{
 scrollX=0;
 scrollY=0;

 if( typeof( window.pageYOffset ) == 'number' ) 
   {
    //Netscape compliant
    scrollY = window.pageYOffset;
    scrollX = window.pageXOffset;
   } 
 else 
   if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) 
     {
      //DOM compliant
      scrollY = document.body.scrollTop;
      scrollX = document.body.scrollLeft;
     } 
   else 
     if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) 
       {
        //IE6 standards compliant mode
        scrollY = document.documentElement.scrollTop;
        scrollX = document.documentElement.scrollLeft;
       }
}

function wlacz(id,nazwa)
{
 if ( wlaczone==0 )
   {
    if ( ladowanieZdjecia==0 )
      {
       ladowanieZdjecia=1;

       ladowanie_obrazka=document.createElement("img");
       ladowanie_obrazka.setAttribute("src","obrazki/ladowanie_obrazka.gif");
       ladowanie_obrazka.setAttribute("id","ladowanie");
       ladowanie_obrazka.style.position="absolute";
       ladowanie_obrazka.style.display="none";    

       b=document.getElementsByTagName("body");
       b[0].appendChild(ladowanie_obrazka);

       ramka=document.createElement("div");
       ramka.style.position="absolute";
       ramka.style.display="none";
       ramka.style.border="1px solid #000000";
       ramka.style.backgroundColor="white";
       ramka.style.zIndex=150;
 
       obrazek=document.createElement("img");
       obrazek.style.borderWidth=0;
 
       ustawienieObrazka=document.createElement("table");
       ustawienieObrazka.style.width="100%";
       ustawienieObrazka.style.height="100%";
       ustawienieObrazka.insertRow(0);
       ustawienieObrazka.rows[0].insertCell(0);
       ustawienieObrazka.border=0;
       ustawienieObrazka.rows[0].cells[0].align="center";
    
       wlaczeniePomniejszania=document.createElement("a");
       wlaczeniePomniejszania.setAttribute("href","javascript:wylacz()");
 
       wlaczeniePomniejszania.appendChild(obrazek);
 
       ustawienieObrazka.rows[0].cells[0].appendChild(wlaczeniePomniejszania);
 
       ramka.appendChild(ustawienieObrazka);
 
       b[0].appendChild(ramka);
 
       obrazek.setAttribute("src",nazwa);

       ladowaneZdjecie=nazwa;

       findPos(document.getElementById(id));
  
       xMale=x+szerokoscMala/2;
       yMale=y+wysokoscMala/2;
 
       wartoscLewe=xMale-10;
       wartoscGora=yMale-10;
 
       ladowanie_obrazka.style.left=wartoscLewe+"px";
       ladowanie_obrazka.style.top=wartoscGora+"px";
 
       ladowanie_obrazka.style.display="block";

       w=szerokoscMala*(szerokoscDuza+ramkaWiekszaSzerokosc)/szerokoscDuza;
       h=wysokoscMala*(wysokoscDuza+ramkaWiekszaWysokosc)/wysokoscDuza;

       ramka.style.width=w+"px";
       ramka.style.height=h+"px";

       obrazek.style.width=szerokoscMala+"px";
       obrazek.style.height=wysokoscMala+"px";

       wartoscLewe=xMale-w/2;
       wartoscGora=yMale-h/2;

       ramka.style.left=wartoscLewe+"px";
       ramka.style.top=wartoscGora+"px";

       rozmiar();
       getScrollXY();

       xDuze=rozmiarX/2;
       yDuze=scrollY+rozmiarY/2;
 
       xZdjecie=(xDuze-xMale)/ilePowiekszanie;
       yZdjecie=(yDuze-yMale)/ilePowiekszanie;
 
       xWstawioneZdjecie=xMale;
       yWstawioneZdjecie=yMale;
 
       szerokoscZdjecie=szerokoscMala;
       wysokoscZdjecie=wysokoscMala;

       sprawdzCzyObrazekZaladowany(nazwa);
      }
    else
      {
       przerwijLadowanieZdjecia=1;
      
       if ( ladowaneZdjecie!=nazwa)      
         setTimeout("wlacz('"+id+"','"+nazwa+"')",100);
      }
   }
}

function sprawdzCzyObrazekZaladowany()
{
 if ( obrazek.complete ) 
   {
    ladowanieZdjecia=0;
    wlaczone=1;
   
    document.body.removeChild(ladowanie_obrazka);
   
    //b[0].removeChild(ladowanie_obrazka);
   
    //ladowanie_obrazka.style.display="none";
   
    ramka.style.display="block";
   
    setTimeout("powiekszZdjecie()",opoznieniePowiekszania);
   }
 else
   {
    if ( przerwijLadowanieZdjecia==0 )   
      {
       setTimeout("sprawdzCzyObrazekZaladowany()",100);
      }
    else
      {
       document.body.removeChild(ladowanie_obrazka);
       
       ladowanieZdjecia=0;
       przerwijLadowanieZdjecia=0;
      }
   }
}

function powiekszZdjecie()
{
 if ( szerokoscZdjecie+wZdjecie>=szerokoscDuza )
   {
    szerokoscZdjecie=szerokoscDuza;
    wysokoscZdjecie=wysokoscDuza;
 
    xWstawioneZdjecie+=xZdjecie;
    yWstawioneZdjecie+=yZdjecie;
 
    w=szerokoscZdjecie*(szerokoscDuza+ramkaWiekszaSzerokosc)/szerokoscDuza;
    h=wysokoscZdjecie*(wysokoscDuza+ramkaWiekszaWysokosc)/wysokoscDuza;
 
    ramka.style.width=w+"px";
    ramka.style.height=h+"px";
 
    wartoscLewe=xWstawioneZdjecie-w/2;
    wartoscGora=yWstawioneZdjecie-h/2;
 
    ramka.style.left=wartoscLewe+"px";
    ramka.style.top=wartoscGora+"px";
 
    obrazek.style.width=szerokoscZdjecie+"px";
    obrazek.style.height=wysokoscZdjecie+"px";
   }
 else 
   {
    szerokoscZdjecie+=wZdjecie;
    wysokoscZdjecie+=hZdjecie;
 
    xWstawioneZdjecie+=xZdjecie;
    yWstawioneZdjecie+=yZdjecie;
 
    w=szerokoscZdjecie*(szerokoscDuza+ramkaWiekszaSzerokosc)/szerokoscDuza;
    h=wysokoscZdjecie*(wysokoscDuza+ramkaWiekszaWysokosc)/wysokoscDuza;
 
    ramka.style.width=w+"px";
    ramka.style.height=h+"px";
 
    wartoscLewe=xWstawioneZdjecie-w/2;
    wartoscGora=yWstawioneZdjecie-h/2;
 
    ramka.style.left=wartoscLewe+"px";
    ramka.style.top=wartoscGora+"px";
 
    obrazek.style.width=szerokoscZdjecie+"px";
    obrazek.style.height=wysokoscZdjecie+"px";
    
    setTimeout("powiekszZdjecie()",opoznieniePowiekszania);
   }
}

function wylacz()
{
 //ramka.style.display="none";
 
 wlaczeniePomniejszania.removeChild(obrazek);
 ustawienieObrazka.rows[0].cells[0].removeChild(wlaczeniePomniejszania);
 ramka.removeChild(ustawienieObrazka);
 document.body.removeChild(ramka);
 
 wlaczone=0;
}