var imgMax=2.0;
 var imgSpd=0.1;
 var imgW  =100;
 var imgH  =75;
 var imgS  =new Array(1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1); // image size
 var imgD  =new Array(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0); // image direction

 function winSizes() {
  var winWidth =0; var winHeight=0;
  if(typeof(window.innerWidth)=='number') {
    winWidth = window.innerWidth; winHeight = window.innerHeight;
  } else if(document.documentElement&&(document.documentElement.clientWidth||document.documentElement.clientHeight ) ) {
   winWidth = document.documentElement.clientWidth; winHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight)) {
   winWidth = document.body.clientWidth; winHeight = document.body.clientHeight;
  }
  return[winWidth,winHeight];
 }
 
 function findPos(obj) {
  // returns the X and Y ordinates of a given object
  var curleft=0;
  var curtop =0;
  if(obj.offsetParent) {
   curleft=obj.offsetLeft;
   curtop =obj.offsetTop;
   while(obj=obj.offsetParent) {
    curleft+=obj.offsetLeft;
	curtop +=obj.offsetTop;
   }
  }
  return [curleft,curtop];
 }
 
 function imgGrow(imgId,imgDir) {
  if(imgS[imgId]<1) { imgS[imgId]=1; } // first time
  imgD[imgId]=imgDir;
  popShow(imgId);
 }
 
 function popShow(imgId) {
  var imgSize=imgS[imgId];
  var imgDir =imgD[imgId];
  if((imgDir==1)&&(imgSize<imgMax)) {
   // growing
   imgSize+=imgSpd;
   imgS[imgId]=imgSize;
   popShow2(imgId);
   setTimeout('popShow('+imgId+')',10);
  }
  if((imgDir==0)&&(imgSize>1)) {
   // shrinking
   imgSize-=imgSpd;
   imgS[imgId]=imgSize;
   popShow2(imgId);
   setTimeout('popShow('+imgId+')',10);
  }
  if((imgDir==0)&&(imgSize<=1)) {
   // shrunk - hide pic
   imgSize=1; imgS[imgId]=1;
   popHide(imgId);
  }
 }
 
 function popShow2(imgId) {
  var img=document.getElementById('img'+imgId);
  var pos=findPos(img);
  var win=winSizes();
  var newW=(imgW*imgS[imgId]);
  var newH=(imgH*imgS[imgId]);
  var newX=pos[0]+(imgW/2)-(newW/2); 
  var newY=pos[1]+(imgH/2)-(newH/2);
  // X-position boundries
  if(newX<1) { newX=1; } 
  if(newX>(win[0]-newW)) { newX=(win[0]-newW)-2; }
  // resize the box and pic
  var imgPop=document.getElementById('pop'+imgId);
  var imgPic=document.getElementById('pic'+imgId);
  imgPop.style.left=newX;
  imgPop.style.top =newY;
  imgPic.style.width=newW;
  imgPic.style.height=newH;
  imgPop.style.visibility='visible';
 }
 
 function popHide(imgId) {
  var imgPop=document.getElementById('pop'+imgId);
  imgPop.style.visibility='hidden';  
 }