// Copyright (c) KwMap.net

var interval  = 10;
var crtObject = -1;
var minSize   = 38;
var maxSize   = 65;
var midSize   = Math.round(minSize+(maxSize-minSize)*0.3);
var growStep  = 4;
var reduceStep= 1;
var vImg      = new Array();
var vImgSM    = new Array();
var vImgLG    = new Array();
var vImgSMsel = new Array();
var vImgLGsel = new Array();
var vImgSize  = new Array();
var vImgCenterX = new Array();

//var text_div=document.getElementById("text_div"); 
//var input_box=document.getElementById("input_box"); 

//input_box.focus();

var vImg1 = document.getElementsByTagName("img"); 
for (var i = 0; i < vImg1.length; i++) { 
   if (vImg1[i].id == "dock-image") {
      vImg.push(vImg1[i]);
      
      var im;
      
      im=new Image();
      im.src=vImg1[i].src.replace(".jpg","65.jpg");
      vImgLG.push(im);

      im=new Image();
      im.src=vImg1[i].src;
      vImgSM.push(im);

      im=new Image();
      im.src=vImg1[i].src.replace(".jpg","65.jpg");
      vImgLGsel.push(im);

      im=new Image();
      im.src=vImg1[i].src.replace(".jpg",".jpg");
      vImgSMsel.push(im);
     
      vImgSize.push(minSize);
      vImgCenterX.push(vImg1[i].x+vImg1[i].width/2);
      }
   }


function getPos(elm) {
if (elm.x) { 
   return {x:elm.x,y:elm.y};
   }
for (var zx=zy=0; 
     elm!=null; 
     zx+=elm.offsetLeft, zy+=elm.offsetTop, elm=elm.offsetParent);
return {x:zx,y:zy};
}

var cnt1=0;

var last_myMouseX=0;
var last_mouse_over_image=-1;

function DockAnimate(e) {

var myMouseX=(e||event).clientX;
var myMouseY=(e||event).clientY;

var limiter_y=2-Math.abs(myMouseY-getPos(vImg[0]).y-vImg[0].height+maxSize/2)/(maxSize/2);
if (limiter_y<0) { limiter_y=0; }
if (limiter_y>1) { limiter_y=1; }

//cnt1++; dbg.innerHTML=cnt1+" : "+limiter_y+" : top="+getPos(vImg[0]).y;
var mouse_over_image=-1;

for (var i=0; i<vImgSM.length; i++) {
  var img_xy=getPos(vImg[i]);
  
  var coef=(myMouseX-img_xy.x)/maxSize;

  if (coef<-Math.PI) { coef=-Math.PI; }
  if (coef>Math.PI)  { coef=Math.PI; }

  var desiredSize=Math.round(minSize+limiter_y*(maxSize-minSize)*Math.cos(coef-Math.PI/6));

  if (myMouseX>=img_xy.x && myMouseX<img_xy.x+vImg[i].width &&
      myMouseY>=img_xy.y && myMouseY<img_xy.y+vImg[i].height) {
     mouse_over_image=i;
     }
  
  var nextSize=desiredSize;
  if (nextSize>maxSize) { nextSize=maxSize; }
  if (nextSize<minSize) { nextSize=minSize; }
  
  if (vImgSize[i]<midSize && nextSize>=midSize) {
    	vImg[i].src=vImgLG[i].src;
     }
  if (vImgSize[i]>=midSize && nextSize<midSize) {
        vImg[i].src=vImgSM[i].src;
     }
     
  vImgSize[i]=nextSize;
  vImg[i].width=nextSize;
  vImg[i].height=nextSize*1.5;
  }

if (mouse_over_image!=last_mouse_over_image) {
  last_mouse_over_image=mouse_over_image;
  if (mouse_over_image>=0) {
     //text_div.innerHTML="Click to select "+vImg[last_mouse_over_image].alt;
     }
  else {
     //text_div.innerHTML="";
     }
  }

}

//var text_div2=document.getElementById("text_div2"); 

document.onmousemove=DockAnimate;