var szerokoscMala=250;
var wysokoscMala=187;
var szerokoscDuza=640;
var wysokoscDuza=479;
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;

function wlacz(id,nazwa)
{
 ladowanie_obrazka=document.createElement("img");
 ladowanie_obrazka.setAttribute("src","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);

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

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

 ramka.style.width=w;
 ramka.style.height=h;

 obrazek.style.width=szerokoscMala;
 obrazek.style.height=wysokoscMala;

 ramka.style.left=xMale-w/2;
 ramka.style.top=yMale-h/2;

 xDuze=document.body.clientWidth/2;
 yDuze=document.body.scrollTop+document.body.clientHeight/2;
 
 xZdjecie=(xDuze-xMale)/ilePowiekszanie;
 yZdjecie=(yDuze-yMale)/ilePowiekszanie;
 
 xWstawioneZdjecie=xMale;
 yWstawioneZdjecie=yMale;
 
 szerokoscZdjecie=szerokoscMala;
 wysokoscZdjecie=wysokoscMala;

 sprawdzCzyObrazekZaladowany();
}

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

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;
    ramka.style.height=h;
 
    ramka.style.left=xWstawioneZdjecie-w/2;
    ramka.style.top=yWstawioneZdjecie-h/2;
 
    obrazek.style.width=szerokoscZdjecie;
    obrazek.style.height=wysokoscZdjecie;
   }
 else 
   {
    szerokoscZdjecie+=wZdjecie;
    wysokoscZdjecie+=hZdjecie;
 
    xWstawioneZdjecie+=xZdjecie;
    yWstawioneZdjecie+=yZdjecie;
 
    w=szerokoscZdjecie*(szerokoscDuza+ramkaWiekszaSzerokosc)/szerokoscDuza;
    h=wysokoscZdjecie*(wysokoscDuza+ramkaWiekszaWysokosc)/wysokoscDuza;
 
    ramka.style.width=w;
    ramka.style.height=h;
 
    ramka.style.left=xWstawioneZdjecie-w/2;
    ramka.style.top=yWstawioneZdjecie-h/2;
 
    obrazek.style.width=szerokoscZdjecie;
    obrazek.style.height=wysokoscZdjecie;
    
    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);
}