myzoom=1;
kostkax=1;
kostkay=1;

function posun(x,y)
{
  kostkax+=x;
  kostkay+=y;
  redraw();
}

function clicked(x,y)
{
 
document.getElementById("posx").value=x+kostkax-1;
document.getElementById("posy").value=y+kostkay-1;

kostkax=x+kostkax-2;
kostkay=y+kostkay-2;

zoom_in();
//redraw();
}


function zoom_in()
{
if (myzoom<3)
  {
   myzoom++;
   kostkax=kostkax*3;
   kostkay=kostkay*3;
   }
redraw();
}


function zoom_out()
{
if (myzoom>1)
  {
   myzoom--;
   kostkax=Math.round(kostkax/3);
   kostkay=Math.round(kostkay/3);
   }
redraw();
}




function dvojcislo(cislo)
{
  if (cislo<10) return("0"+cislo)
  return(cislo);
}


function redraw()
{

//presahuje vlevo a nahore?
if(kostkax<1) kostkax=1;
if(kostkay<1) kostkay=1;

//presahuje vpravo a dole?
if (myzoom==1)
 {
  if(kostkax>1) kostkax=1;
  if(kostkay>1) kostkay=1;
 }
if (myzoom==2)
 {
  if(kostkax>7) kostkax=7;
  if(kostkay>7) kostkay=7;
 }
if (myzoom==3)
 {
  if(kostkax>25) kostkax=26;
  if(kostkay>25) kostkay=25;
 }


document.getElementById("img11").src="mapa/"+myzoom+"/"+myzoom+"-"+dvojcislo(kostkay)+"-"+dvojcislo(kostkax)+".gif";
document.getElementById("img12").src="mapa/"+myzoom+"/"+myzoom+"-"+dvojcislo(kostkay)+"-"+dvojcislo(kostkax+1)+".gif";
document.getElementById("img13").src="mapa/"+myzoom+"/"+myzoom+"-"+dvojcislo(kostkay)+"-"+dvojcislo(kostkax+2)+".gif";

document.getElementById("img21").src="mapa/"+myzoom+"/"+myzoom+"-"+dvojcislo(kostkay+1)+"-"+dvojcislo(kostkax)+".gif";
document.getElementById("img22").src="mapa/"+myzoom+"/"+myzoom+"-"+dvojcislo(kostkay+1)+"-"+dvojcislo(kostkax+1)+".gif";
document.getElementById("img23").src="mapa/"+myzoom+"/"+myzoom+"-"+dvojcislo(kostkay+1)+"-"+dvojcislo(kostkax+2)+".gif";

document.getElementById("img31").src="mapa/"+myzoom+"/"+myzoom+"-"+dvojcislo(kostkay+2)+"-"+dvojcislo(kostkax)+".gif";
document.getElementById("img32").src="mapa/"+myzoom+"/"+myzoom+"-"+dvojcislo(kostkay+2)+"-"+dvojcislo(kostkax+1)+".gif";
document.getElementById("img33").src="mapa/"+myzoom+"/"+myzoom+"-"+dvojcislo(kostkay+2)+"-"+dvojcislo(kostkax+2)+".gif";

document.getElementById("tilex").value=kostkax;
document.getElementById("tiley").value=kostkay;
}


redraw();