function start() {

rot=new Image();
rot.src="index_obrazki/wait.gif";

rot1=new Image();
rot1.src="index_obrazki/prev1.gif";

rot2=new Image();
rot2.src="index_obrazki/next1.gif";

rot3=new Image();
rot3.src="index_obrazki/x.gif";


}

function prv() {
bid--;
if (bid==0) bid=20;
if (bid==4) bid=3;
if (bid==11) bid=10;
showIm(bid)
}

function nxt() {
bid++;
if (bid==20) bid=1;
if (bid==4) bid=5;
if (bid==11) bid=12;
showIm(bid)

}


function clos() {

document.getElementById("ovl").style.display="none";
document.getElementById("photo").style.display="none";
}

function getxy(e) {
cliY=e.clientY;
pagY=e.pageY;

}

function resizeDiv (pW,pH,wid,hei) {


document.getElementById("ovl").style.display="block";
document.getElementById("ovl").style.width="100%";
if (hei>648) document.getElementById("ovl").style.height=hei;
else document.getElementById("ovl").style.height="648";

var phDiv=document.getElementById("photo");


document.getElementById("wait").style.top=pH/2-16;
document.getElementById("wait").style.left=pW/2-16;
document.getElementById("wait").style.display="block";



pL=wid/2-pW/2;
phDiv.style.left=pL;

phDiv.style.width=pW;
phDiv.style.height=pH;
if (ie) phDiv.style.top=10+document.body.scrollTop;
else phDiv.style.top=10+pagY-cliY; 

phDiv.style.display="block";



if (filen) {
//document.getElementById("wait").style.display="none";

document.getElementById("closex").style.top=0;
document.getElementById("closex").style.left=pW-20;


document.getElementById("prevv").style.top=pH/2-25;
document.getElementById("prevv").style.left=0;

document.getElementById("next").style.top=pH/2-25;
document.getElementById("next").style.left=pW-20;

document.getElementById("prevv").onmouseover=function() {if (!ie) document.getElementById("prevv").style.opacity="0.9";else document.getElementById("prevv").style.filter="Alpha(Opacity=90, Style=0)";document.getElementById("prevv").style.zIndex=3;}
document.getElementById("prevv").onmouseout=function() {if (!ie) document.getElementById("prevv").style.opacity="0.6";else document.getElementById("prevv").style.filter="Alpha(Opacity=60, Style=0)";document.getElementById("prevv").style.zIndex=1;}

document.getElementById("next").onmouseover=function() {if (!ie) document.getElementById("next").style.opacity="0.9";else document.getElementById("next").style.filter="Alpha(Opacity=90, Style=0)";document.getElementById("next").style.zIndex=3;}
document.getElementById("next").onmouseout=function() {if (!ie) document.getElementById("next").style.opacity="0.6";else document.getElementById("next").style.filter="Alpha(Opacity=60, Style=0)";document.getElementById("next").style.zIndex=1;}




document.getElementById("image").style.top=20;
document.getElementById("image").style.left=20;
document.getElementById("image").style.width=pW-40;
document.getElementById("image").src="index_zdjecia/"+filen;
}


}



function ChangeIm(wD,hE) {

if (ie) {
  hei=document.body.offsetHeight;
  wid=document.body.offsetWidth;
}
  
else {
  hei=window.innerHeight;
  wid=window.innerWidth; 
}




pW=wD+40;
pH=hE+40;

if (pW>wid-20) {
  pW=wid-20;
  pH=(pH*(wid-20))/wD;
}

if (pH>hei-20) {
  tmp=pH;
  pH=hei-20;
  pW=(pW*(hei-20))/tmp;
}


resizeDiv(pW,pH,wid,hei);


}


function showIm(id) {
bid=id;

if (!pW) pW=200;
if (!pH) pH=200;

document.getElementById("closex").style.display="none";
document.getElementById("prevv").style.display="none";
document.getElementById("prevv").src="index_obrazki/transparent.gif";
document.getElementById("next").style.display="none";

document.getElementById("wait").style.display="block";
document.getElementById("image").style.display="none";


ChangeIm(pW,pH);

if (id>=10) filen=id+".jpg";
else filen="0"+id+".jpg";


image=new Image();
image.onload=imgLoaded;
image.src="index_zdjecia/"+filen;


}



function imgLoaded() {

ChangeIm(image.width,image.height);
document.getElementById("closex").style.display="block";
document.getElementById("prevv").style.display="block";
document.getElementById("prevv").src="index_obrazki/prev1.gif";


document.getElementById("next").style.display="block";

document.getElementById("image").style.display="block";
document.getElementById("wait").style.display="none";

}
