var current = 2;
var target = 2;
var timer = 0;
var captionId = "i1";
var divWidth = 600;
var topOffset = 550;
var leftOffset = 165;


function windowWidth()
{
   var width;
   if(document.layers) {
       width = window.innerWidth;
   } else {
       width = document.body.clientWidth;
   }
   return width;
}

function step()
{
   if (target < current-1 || target > current+1)
   {
       moveTo(current + (target-current)/5);
       window.setTimeout(step, 50);
       timer = 1;
   }
   else
   {
       timer = 0;
   }
}

function glideTo(x, newCaptionId)
{
   target = x;
   if (timer == 0)
   {
       window.setTimeout(step, 50);
       timer = 1;
   }

   captionId = newCaptionId;
   var caption = document.getElementById(captionId);
   captionTarget.innerHTML = caption.innerHTML;
}

function moveTo(x)
{
   current = x;
   var div = document.getElementById("images");
   //var top = div.offsetTop;
   var top = topOffset;
   //alert(top);
   //var width = windowWidth();
   var width = divWidth;
   var size = width * 0.6;
   var biggest = width * 0.7;
   var zIndex = div.childNodes.length;
   for (index = 0; index < div.childNodes.length; index++)
   {
       var image_scroll = div.childNodes.item(index);
       if (image_scroll.nodeType == 1)
       {
           var z = Math.sqrt(10000 + x * x) + 100;
           var xs = x / z * size + size;
           image_scroll.style.left = xs - 50 / z * biggest;
           image_scroll.style.top = 30 / z * size + top;
           image_scroll.style.width = 100 / z * biggest;
           image_scroll.style.height = 110.25 / z * biggest;
           //image_scroll.style.width = 100;
           //image_scroll.style.height = 110;
           image_scroll.style.zIndex = zIndex;
           if ( x < 0 )
               zIndex++;
           else
               zIndex--;
           x += 150;
       }
   }
}

function refresh()
{
	//alert('test');
   var width = 600;
   var height = width * 0.3;
   var images = document.getElementById("images");
   images.style.height = height;

   var captionTarget = document.getElementById("captionTarget");
   captionTarget.style.top = images.offsetTop + height;
   captionTarget.style.height = height * 0.4;
   captionTarget.style.zIndex = 100;

   var caption = document.getElementById(captionId);
   captionTarget.innerHTML = caption.innerHTML;
//alert("test");
   moveTo(current);
}