var szerokoscMala1=50;
var wysokoscMala1=34;
var szerokoscDuza1=551;
var wysokoscDuza1=375;
var ramkaWiekszaSzerokosc1=43;
var ramkaWiekszaWysokosc1=32;
var opoznieniePowiekszania1=25;
var ilePowiekszanie1=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 xMale1,yMale1,xDuze1,yDuze1;

var ladowanie_obrazka1;
var ramka1;
var obrazek1;
var ustawienieObrazka1;
var wlaczeniePomniejszania1;
var map1;
var obszar1;

var ladowanie1=0;

var wZdjecie1=(szerokoscDuza1-szerokoscMala1)/ilePowiekszanie1;
var hZdjecie1=(wysokoscDuza1-wysokoscMala1)/ilePowiekszanie1;

var xZdjecie1;
var yZdjecie1;

var xWstawioneZdjecie1;
var yWstawioneZdjecie1;

var szerokoscZdjecie1;
var wysokoscZdjecie1;

var b1;

var wlaczone1=0;

var mailWlaczony1;

var powiekszane1;

function wlacz1(id)
{
 if ( wlaczone1==0 )
   {
    wlaczone1=1;
 
    powiekszane1=id;
 
    /*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";
 
    if ( mail==1 ) mailWlaczony=1;
    else mail=0;
 
    if ( mailWlaczony==1 )
      { */
       /*map=document.createElement("map");
       map.setAttribute("name","mail");
       
       obszar=document.createElement("area");       
       obszar.setAttribute("shape","rect");
       obszar.setAttribute("coords","216,230,323,255");
       obszar.setAttribute("href","mailto:biuro@drewniane.czest.pl");
      }*/
 
    /*wlaczeniePomniejszania=document.createElement("a");
    wlaczeniePomniejszania.setAttribute("href","javascript:wylacz()");
 
    wlaczeniePomniejszania.appendChild(obrazek);
    
    if ( mailWlaczony==1 ) 
      {
       wlaczeniePomniejszania.innerHTML="<map name='mail'><area shape='rect' coords='216,230,323,255' href='mailto:biuro@drewniane.czest.pl></map><img src='"+nazwa+"' style='border-width: 0px; width: "+szerokoscMala+"px; height: "+wysokoscMala+"' usemap='#mail' id='powiekszaneZdjecie'>";*/
      
       /*map.appendChild(obszar);
       wlaczeniePomniejszania.appendChild(map);
       obrazek.setAttribute("usemap","#mail");
      }*/
 
    /*ustawienieObrazka.rows[0].cells[0].appendChild(wlaczeniePomniejszania);
 
    ramka.appendChild(ustawienieObrazka);
 
    b[0].appendChild(ramka);
 
    obrazek.setAttribute("src",nazwa);*/

    findPos(document.getElementById(id+"_przycisk"));
 
    xMale1=x+szerokoscMala1/2;
    yMale1=y+wysokoscMala1/2;
 
    /*ladowanie_obrazka.style.left=xMale-10;
    ladowanie_obrazka.style.top=yMale-10;
 
    ladowanie_obrazka.style.display="block";*/

    w1=szerokoscMala1*(szerokoscDuza1+ramkaWiekszaSzerokosc1)/szerokoscDuza1;
    h1=wysokoscMala1*(wysokoscDuza1+ramkaWiekszaWysokosc1)/wysokoscDuza1;

    document.getElementById(powiekszane1+"_ramka").style.width=w1;
    document.getElementById(powiekszane1+"_ramka").style.height=h1;

    document.getElementById(powiekszane1+"_zdjecie").style.width=szerokoscMala1;
    document.getElementById(powiekszane1+"_zdjecie").style.height=wysokoscMala1;

    document.getElementById(powiekszane1+"_ramka").style.left=xMale1-w1/2;
    document.getElementById(powiekszane1+"_ramka").style.top=yMale1-h1/2;

    xDuze1=document.body.clientWidth/2;
    yDuze1=document.body.scrollTop+document.body.clientHeight/2;
 
    xZdjecie1=(xDuze1-xMale1)/ilePowiekszanie1;
    yZdjecie1=(yDuze1-yMale1)/ilePowiekszanie1;
 
    xWstawioneZdjecie1=xMale1;
    yWstawioneZdjecie1=yMale1;
 
    szerokoscZdjecie1=szerokoscMala1;
    wysokoscZdjecie1=wysokoscMala1;
    
    document.getElementById(powiekszane1+"_ramka").style.display="block";

    //sprawdzCzyObrazekZaladowany();
    
    setTimeout("powiekszZdjecie1()",10);
   }
}

function sprawdzCzyObrazekZaladowany1()
{
 if ( document.getElementById("powiekszaneZdjecie").complete ) 
   {
    //document.body.removeChild(ladowanie_obrazka);
   
    //b[0].removeChild(ladowanie_obrazka);
   
    //ladowanie_obrazka.style.display="none";
   
    ramka1.style.display="block";
   
    setTimeout("powiekszZdjecie1()",opoznieniePowiekszania1);
   }
 else
   setTimeout("sprawdzCzyObrazekZaladowany1()",100);
}

function powiekszZdjecie1()
{
 if ( szerokoscZdjecie1+wZdjecie1>=szerokoscDuza1 )
   {
    szerokoscZdjecie1=szerokoscDuza1;
    wysokoscZdjecie1=wysokoscDuza1;
 
    xWstawioneZdjecie1+=xZdjecie1;
    yWstawioneZdjecie1+=yZdjecie1;
 
    w1=szerokoscZdjecie1*(szerokoscDuza1+ramkaWiekszaSzerokosc1)/szerokoscDuza1;
    h1=wysokoscZdjecie1*(wysokoscDuza1+ramkaWiekszaWysokosc1)/wysokoscDuza1;
 
    document.getElementById(powiekszane1+"_ramka").style.width=w1;
    document.getElementById(powiekszane1+"_ramka").style.height=h1;
 
    document.getElementById(powiekszane1+"_ramka").style.left=xWstawioneZdjecie1-w1/2;
    document.getElementById(powiekszane1+"_ramka").style.top=yWstawioneZdjecie1-h1/2;
 
    document.getElementById(powiekszane1+"_zdjecie").style.width=szerokoscZdjecie1;
    document.getElementById(powiekszane1+"_zdjecie").style.height=wysokoscZdjecie1;
   }
 else 
   {
    szerokoscZdjecie1+=wZdjecie1;
    wysokoscZdjecie1+=hZdjecie1;
 
    xWstawioneZdjecie1+=xZdjecie1;
    yWstawioneZdjecie1+=yZdjecie1;
 
    w1=szerokoscZdjecie1*(szerokoscDuza1+ramkaWiekszaSzerokosc1)/szerokoscDuza1;
    h1=wysokoscZdjecie1*(wysokoscDuza1+ramkaWiekszaWysokosc1)/wysokoscDuza1;
 
    document.getElementById(powiekszane1+"_ramka").style.width=w1;
    document.getElementById(powiekszane1+"_ramka").style.height=h1;
 
    document.getElementById(powiekszane1+"_ramka").style.left=xWstawioneZdjecie1-w1/2;
    document.getElementById(powiekszane1+"_ramka").style.top=yWstawioneZdjecie1-h1/2;
 
    document.getElementById(powiekszane1+"_zdjecie").style.width=szerokoscZdjecie1;
    document.getElementById(powiekszane1+"_zdjecie").style.height=wysokoscZdjecie1;
    
    setTimeout("powiekszZdjecie1()",opoznieniePowiekszania1);
   }
}

function wylacz1()
{
 //ramka.style.display="none";
 
 /*if ( mailWlaczony==1 ) 
   {
    map.removeChild(obszar);
    wlaczeniePomniejszania.removeChild(map);
   }*/
 
 //wlaczeniePomniejszania.removeChild(obrazek);
 
 wlaczone1=0;
 
 /*ustawienieObrazka.rows[0].cells[0].removeChild(wlaczeniePomniejszania);
 ramka.removeChild(ustawienieObrazka);
 document.body.removeChild(ramka);*/
 
 document.getElementById(powiekszane1+"_ramka").style.display="none";
}